Bords et cadre du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bords et cadre du forum

Message par Law D kev le Ven 28 Sep 2012 - 18:07

Bonjour,

Je voudrai savoir comment faire pour que mon cadre de mon forum (en blanc) ne fasse pas de "jour" quand il est arrivé en bas ou en haut, si ce n'est pas possible, quand faire pour arrondir les bords de mon forum ?
Et aussi comment mettre une ombre sur les cotés de mon cadre ?
Merci.

Cordialement.


Dernière édition par Law D kev le Dim 30 Sep 2012 - 10:24, édité 1 fois

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

http://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bords et cadre du forum

Message par tupac le Sam 29 Sep 2012 - 0:39

Bonsoir

Pour avoir les bords arrondis et un effet d'ombre il vous suffi de placer le code suivant dans votre feuille de style css.

Code:
.bodyline{ 
/* bords arrondis */
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

/* effet ombre */ 
    -moz-box-shadow: 0px 0px 20px 10px #000000;
    -webkit-box-shadow: 0px 0px 20px 10px #000000;
    -o-box-shadow: 0px 0px 20px 10px #000000;
    box-shadow: 0px 0px 20px 10px #000000;
}

Pour finir, pour réduire la marge en haut puis en bas de votre forum il s'agit de ce code.

Code:
body{ margin-top: 40px; }
A vous de jouer avec PX pour réduire la marge.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bords et cadre du forum

Message par Law D kev le Sam 29 Sep 2012 - 10:47

Bonjour,

Votre 1er code ne marche pas mais le 2ème marche à merveille ! Merci.
Et pour le 1er code je ne sais pas pourquoi il ne va pas. Est-ce parce que je suis en thème par défaut de la version en phpBB3 ?

Cordialement.

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

http://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bords et cadre du forum

Message par tupac le Dim 30 Sep 2012 - 2:10

Bonsoir

Je me suis fié a ce qu'il y a d'inscrit sur votre profil c'est a dire la version phpBB2, vous devriez le mettre a jour.

Voici le code pour votre version.
Code:
#wrap{
        /* bords arrondis */
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            -o-border-radius: 20px;
            border-radius: 20px;
       
        /* effet ombre */
            -moz-box-shadow: 0px 0px 20px 10px #000000;
            -webkit-box-shadow: 0px 0px 20px 10px #000000;
            -o-box-shadow: 0px 0px 20px 10px #000000;
            box-shadow: 0px 0px 20px 10px #000000;
        }

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bords et cadre du forum

Message par Manumanu le Dim 30 Sep 2012 - 2:16

Code:
#wrap {
   /* bords arrondis */
   border-radius: 20px;

   /* effet ombre */
   box-shadow: 0 0 20px 10px #000;
}

Ceci suffira très largement. Wink

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bords et cadre du forum

Message par tupac le Dim 30 Sep 2012 - 3:33

Pour que le code fonctionne pour tous les navigateurs je lui conseille plutôt le mien Wink

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bords et cadre du forum

Message par Manumanu le Dim 30 Sep 2012 - 3:50

Firefox ne prend plus en charge -moz-border-radius, opera et chrome prennent en charge la propriété finale depuis un moment, donc il n'y a pas de problème de ce côté là.

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bords et cadre du forum

Message par Law D kev le Dim 30 Sep 2012 - 10:12

Merci beaucoup à vous deux Very Happy ! Et juste une dernière petite question, quels valeurs dois-je mettre dans mon code CSS pour obtenir la même ombre que le Forum des Forum ?

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

http://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bords et cadre du forum

Message par Manumanu le Dim 30 Sep 2012 - 10:14

Ils ne précisent pas de couleur, mais les valeurs sont celles-ci:

Code:
box-shadow: 1px 1px 10px;

Tu peux ajouter la couleur à ta convenance.

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bords et cadre du forum

Message par Law D kev le Dim 30 Sep 2012 - 10:23

Merci bcp, j'ai réussi !!

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

http://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum