Apparence forums & catégories

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

Résolu Apparence forums & catégories

Message par Ashlee le Jeu 28 Jan 2010 - 18:07

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 ! Very Happy


Dernière édition par Ashlee le Jeu 11 Fév 2010 - 12:43, édité 1 fois

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Ashlee le Ven 29 Jan 2010 - 11:44

UP Smile

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Ashlee le Sam 30 Jan 2010 - 18:09

UPPPPPP !!

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Viewston le Sam 30 Jan 2010 - 18:17

    J'aimerai beaucoup savoir aussi Very Happy

Viewston
Nouveau membre

Messages : 11
Inscrit(e) le : 21/11/2009

http://roosevelt-university.forumactif.org
Viewston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par <MiiEL--POPs> le Sam 30 Jan 2010 - 18:47

Idem Very Happy

<MiiEL--POPs>
Nouveau membre

Messages : 4
Inscrit(e) le : 30/01/2010

http://miiel--pops@hotmail.fr
<MiiEL--POPs> a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Ashlee le Sam 30 Jan 2010 - 19:14

Apparemment, personne ne sait . =/

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par MllePaupauu le Sam 30 Jan 2010 - 19:49

J'aimerai aussi savoir Razz

MllePaupauu
**

Messages : 77
Inscrit(e) le : 09/12/2009

http://simplyart.1fr1.net
MllePaupauu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par <MiiEL--POPs> le Sam 30 Jan 2010 - 20:36

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

<MiiEL--POPs>
Nouveau membre

Messages : 4
Inscrit(e) le : 30/01/2010

http://miiel--pops@hotmail.fr
<MiiEL--POPs> a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par hp-pblv le Sam 30 Jan 2010 - 23:03

Ashlee a écrit:
& 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 ! Very Happy

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 :

hp-pblv
**

Féminin
Messages : 75
Inscrit(e) le : 10/01/2009

http://test-toshishu.forumactif.com/
hp-pblv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Elean le Mar 2 Fév 2010 - 7:51

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

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Ashlee le Mer 3 Fév 2010 - 16:00

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:
/*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;}

****

a.forumlink {
text-shadow: #000000 0.5px 0.5px 0.5px;
}


***


a.forumlink {
font-family:Calibri;
font-size: 15px;
}

****

.postbody {
margin-left:15px;
}

body {
background-repeat: no-repeat;
}

.forumline{
border: 3px #000000
double;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }




a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #000000;
}

.bodylinewidth {
width:70%}

a img {
border: none;
}

a.mainmenu{
text-decoration: none;
color : #000000;
}
a.mainmenu:hover{
text-decoration: none;
color : #EEEEEE;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover{text-transform:uppercase;}


{ border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-color: #000000;
border: #EEEEEE;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #EEEEEE
dotted;
-moz-border-radius:6px;}

.forumline{
background-color: #EEEEEE;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #EEEEEE solid;
border-top: 1px #EEEEEE dotted;
border-right: 1px #EEEEEE dotted;
border-left: 1px #7EEEEEE dotted;}


a.forumlink:hover, a.forumlink:hover:visited{
background-color: #EEEEEE;
border-left: 9px solid #EEEEEE;
border-right: 9px solid #EEEEEE;
-moz-border-radius:15px;}

a.mainmenu:link, a.mainmenu:visited{
margin-left : 6px;
margin-right : 6px;
font-family :Georgia;
color: #EEEEEE;
background-color: #000000
text-align:left;
border-left: 6px solid #EEEEEE;
border-right: 9px solid: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");

********

ARRONDI

.forumline {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Elean le Mer 3 Fév 2010 - 17:38

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

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Ashlee le Mer 10 Fév 2010 - 19:15

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:
body {
background-repeat: no-repeat;
background-position: center top;
}


input {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}



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

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

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Elean le Jeu 11 Fév 2010 - 4:28

Bonjour Ashlee

Et bien toutes mes excuses Embarassed, 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 Smile ^^ en tout cas ça fonctionne bien sur mon forum
Cordialement Wink

Elean
****

Messages : 279
Inscrit(e) le : 27/06/2009

http://aeria.wowjdr.net
Elean a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence forums & catégories

Message par Ashlee le Jeu 11 Fév 2010 - 12:43

Merci bien, ça marche !
Résolu Wink

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee 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