Bords et cadre du forum

[Law D kev]

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.

[tupac]

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.

[Law D kev]

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.

[tupac]

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;
        }

[Manumanu]

Code:

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

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

Ceci suffira très largement.

[tupac]

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

[Manumanu]

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à.

[Law D kev]

Merci beaucoup à vous deux ! 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 ?

[Manumanu]

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.

[Law D kev]

Merci bcp, j'ai réussi !!