Apparence forums & catégories

[Ashlee]

Bonsoir,
plusieurs éléments m'intéressent sur ce forum :



~ Les barres bleues soulignant les noms de forums & les nombres de sujets/messages
~ Le contour du forum (lignes bleues un peu arrondies

& une chose sur ce forum :



~ Le fond de la description du forum & les bords bleus qui vont avec

Voila, merci d'avance !!!

Ps : j'essaie de trouver des CSS/scripts sympas & innovants pour mon forum, merci de me dire si vous en trouvez !

[Ashlee]

UP

[Ashlee]

UPPPPPP !!

[Viewston]

J'aimerai beaucoup savoir aussi

[<MiiEL--POPs>]

Idem

[Ashlee]

Apparemment, personne ne sait . =/

[MllePaupauu]

J'aimerai aussi savoir

[<MiiEL--POPs>]

J'vais demander à une amie qui à fait ça sur son forum, j'vous tient au courant !

[hp-pblv]

& une chose sur ce forum :



~ Le fond de la description du forum & les bords bleus qui vont avec

Voila, merci d'avance !!!

Ps : j'essaie de trouver des CSS/scripts sympas & innovants pour mon forum, merci de me dire si vous en trouvez !

Bonsoir, ce code m'intéressant aussi. J'ai bidouillé et j'ai trouvé comme code celui-ci.

Pour le cadre beige, il faut utiliser ce code (PA => Affichage => Images & Couleurs => Couleurs => Feuille de Style CSS) :

Code:

.box {
width: 95%;
margin: 0px; padding: 5px;
border: ?px #code solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #code;
font-family: nom de police;
font-size: ?px;
color: #code;
line-height: 12px;
text-align: justify;
}

Pour les bords bleu c'est ce code (PA => Affichage => Images & Couleurs => Couleurs => Feuille de Style CSS) :

Code:


.blockquote {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-left: ?px solid #code;
border-right: ?px solid #code;
}


Mise en Forme (PA => Général => Forum => Catégorie et Forums => Choisir le Forum =>Description) :

Code:


<div class="blockquote">&nbsp;<div class="def">Lire le Règlement est <b>Obligatoire !</b></div>&nbsp;</div>


Ce n'est pas vraiment le même effet donné sur l'image ci-dessus mais je n'ai pas réussi à faire mieux :s
Donc, Voici le Résultat :

[Elean]

Bonjour,

voilà un autre code à mettre uniquement dans le css, je ne sais pas si cela te conviendra, mais cela ressemble un peu à l'image que tu nous montres, à part un peu la hauteur, mais tu peux l'essayer avec tous tes paramètres, couleur, taille, épaisseur, hauteur etc....

Code:

/*cadre pour le descriptif du forum*/
.description{
background:#a2d6e8;
border-color:black;
border-style:solid;
border-left-width:8px;
border-right-width:8px;
border-top-width:0px;
border-bottom-width:0px;
font-size: 10px;
font-weight: bold;
padding:6px;
color:black;
height: 60px;
margin-left: 20px;
margin-right: 20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;}

Pour la hauteur tu peux mettre : auto, au lieu de mettre un px, la fenêtre s'adaptera en fonction du contenu.
Tu n'es pas obligé de mettre, non plus les "margin" droit et gauche comme j'ai mis, si tu veux que ton cadre fasse toute la fenêtre mais laisse quand même un petit espace pour que cela soit plus joli.
Bien-sûr tu peux modifier la taille des arrondis aussi.
voilà en image ce que cela donne :

Spoiler:

Cordialement

[Ashlee]

Cela ne marche pas sur mon forum =$

Voici mon CSS (il me dit "Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.Nous vous conseillons de relire votre code." Mais comme je ne m'y connais pas ... C'est peut-être à cause de ça que ça ne marche pas ...?) :

Spoiler:

[Elean]

bonjour


voilà où il faut apporter des signes :
Ici tu dois ajouter : le point virgule ;


ici aussi le point virgule ;


là en 1° le point virgule ; en 2° la balise } et en 3° aussi la balise }


voili
cordialement

[Ashlee]

Merci bien ! Mais maintenant - je sais, je suis chiante - j'essaie le CSS sur un autre forum, et ça ne marche pas : http://golden-city.1fr1.net/forum.htm J'ai essayé :

Spoiler:

Et ca ne me fait pas le "cadre de description" de forum =/

[Elean]

Bonjour Ashlee

Et bien toutes mes excuses , j'ai oublié de te donner le code suivant :

Code:

<div class="description">Ton texte ici</div>

Voilà tu le mets dans la description des forums, en fait dans chaque forum où tu veux que la description soit dans un cadre.
Tu peux bien-sûr apporter les modifications que tu souhaites, à savoir : centrer, justifier, mettre une couleur différente, changer la taille, etc...

Et normalement là ça fonctionne ^^ en tout cas ça fonctionne bien sur mon forum
Cordialement

[Ashlee]

Merci bien, ça marche !
Résolu