|
 Dreamland 
{ Membre }
 Messages : 96
 | Bonjour, voila j'ai des codes dans ma feuille CSS et je ne sais pas à quoi sa sert. Merci d'avance pour votre aide  Le premier : - Code:
-
body {
background-color: #000000;
background-image: url("http://i82.servimg.com/u/f82/11/32/07/61/bannia16.jpg");
background-repeat:no-repeat
} Le deuxième : - Code:
-
a.mainmenu{
font-size: 11px;
color: #FFFFFF;
font-variant: small-caps;
background-color: #000000;
text-decoration: none;
border: 1px dotted #3d2b1d;
-moz-border-radius: 6px;
}
a.mainmenu:hover{
font-size: 11px;
color: #FFFFFF;
font-variant: small-caps;
background-color: #000000;
text-decoration: none;
border: 1px dotted #3d2b1d;
-moz-border-radius: 6px;
} Le troisième : - Code:
-
.postdetails.poster-profile textarea { width: 200px;}
.statistiques{
border:0px;
background-image: url("http://i82.servimg.com/u/f82/11/32/07/61/quiest16.jpg");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.groupes{
background-color:#000000;border: 1px #564436 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
a:link {
text-decoration:none;
} Merci d'avance  | | |
|
 | |
Tech
{ Membre actif }
 Messages : 1378
| Bonsoir, Le premier code personnalise l'image, la couleur, ... de fond du forum. Dans ce code, il y a une image, c'est surement celle de ton fond actuelle Le deuxième code, c'est pour personnalisé les liens de la barre de navigations. Et le troisième code, la première partie celle-ci : - Code:
-
.postdetails.poster-profile textarea { width: 200px;} C'est la taille des informations dans le profil. Cette partie ci : - Code:
-
.statistiques {
border:0px;
background-image: url("http://i82.servimg.com/u/f82/11/32/07/61/quiest16.jpg");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.groupes {
background-color:#000000;border: 1px #564436 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;} On l'utilise souvent pour modifier le qui est en ligne. Et cette partie là : - Code:
-
a:link {
text-decoration:none;
} C'est un code pour retirer le soulignement des liens J'ai répondu à ta question ? | | |
|
| | |
Dreamland
{ Membre }
Messages : 96
| Dernière chose si j'ai le droit sinon je posterais un nouveau sujet Comment faire ceci : - Spoiler:
Et ceci : - Spoiler:
Car j'aimerais bien encadrer les descriptions des forums (je sais faire) mais je sais pas le mettre au dessus.  Et dernière question : Comment arrondir tous les bords du forum ? Y compris les zone de saisies etc... Merci beaucoup | | |
|
| | |
Nashii
{ Membre actif }
Messages : 516
| |
| | |
Dreamland
{ Membre }
Messages : 96
| Oui pour les vignettes je sais faire mais c'était pas sa ma question. Comment les faire passer au dessus de la description du forum en sachant que je vais encadrer cette même description et donc je voudrais que sa colle en quelque sorte. Pour l'arrondis des bordures je voulais aussi savoir le code pour les zones de saisies mais aussi les icônes qui sont aussi quand on écrit un message. Tu vois ? Pour les beaux titres je ne savais plus ou c'était. Merci | | |
|
| | |
Nashii
{ Membre actif }
Messages : 516
| Bah le code est dedans je crois ( il suffit de decendre la page ^^ ).
Pour les vignettes ce n'est pas dit dedans ? Mais je crois que c'est ce tuto et tu met ta description dedans enfin en dessous. Apres je sais pas j'aime pas trop ceci ^^ donc je ne me suis pas attardée dessus. | | |
|
| | |
Dreamland
{ Membre }
Messages : 96
| Personnellement je n'ai rien trouvé dans les tutos ... | | |
|
| | |
Nashii
{ Membre actif }
Messages : 516
| Hum pour les arrondis je suis désoler tu dois trouvé il y a trois post dessus avec des titres explicites. et pour les vignettes il y a ce code a mettre dans les Descriptions. - Code:
-
<div align="right"> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> </div> En dessous je pense que cela fonctionne si tu met du texte. exemple: - Code:
-
<div align="right"> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> <a class="vignettes" href="LIEN SOUS FORUM">NOM DU SOUS FORUM/TOPIC</a> </div> BALBALBA DEscriptION confirmation j'ai tenté sur mon forum test ^^ [url="http://testforumnamida.forumactif.org/forum.htm"] ICI[/url] | | |
|
| | |
Dreamland
{ Membre }
Messages : 96
| J'ai mis tous les codes présents dans le tuto et cela n'apparait pas...
Ah ok merci je n'y avais pas pensé pour les vignettes. | | |
|
| | |
Nashii
{ Membre actif }
Messages : 516
| Les codes que t'as mis sont lequels ? Montre moi ta feuille CSS. Ainsi que le forum où ce trouve les codes ^^. | | |
|
| | |
Dreamland
{ Membre }
Messages : 96
| Voila le forum ou se trouve les codes : http://miami-the-dark-city.forumactif.org/index.htm J'ai aps encore fait les vignettes pas eu le temps encore. Voila ma feuille CSS : - Code:
-
/*Code pour la bannière de fond*/
body {
background-color: #000000;
background-image: url("http://i82.servimg.com/u/f82/11/32/07/61/bannia16.jpg");
background-repeat:no-repeat
}
/*Personnalisation de la barre de navigation*/
a.mainmenu{
font-size: 11px;
color: #FFFFFF;
font-variant: small-caps;
background-color: #000000;
text-decoration: none;
border: 1px dotted #3d2b1d;
-moz-border-radius: 6px;
}
a.mainmenu:hover{
font-size: 11px;
color: #FFFFFF;
font-variant: small-caps;
background-color: #000000;
text-decoration: none;
border: 1px dotted #3d2b1d;
-moz-border-radius: 6px;
}
/*Taille des infos du profil*/
.postdetails.poster-profile textarea { width: 200px;}
/*Pas de soulignement*/
a:link {
text-decoration:none;
}
/*Coin arrondis code, spoiler et citation*/
.quote, .code, .spoiler {
-moz-border-radius:10px;
}
/*Justifier automatique le texte*/
.postbody{
text-align: justify;
}
/*Code pour les sujets et messages*/
.mystats_fa{
padding: 5px;
float:right;
font-family: verdana;
font-size: 10px;
font-weight: bold;
}
/*Code pour les sous-forums*/
.machin
{border-bottom : 2px solid #3D2B1D;}
/*Arrondir angles catégories*/
.forumline{
background-color: #3D2B1D;
-moz-border-radius: 10px ;
border: 3px #3D2B1D solid;
}
/*Arrondir cadre du forum*/
.bodyline {
-moz-border-radius:10px;
}
/*Arrondie zones de saisie texte...*/
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
/*Les beaux titres*/
a.forumlink {
text-decoration: none;
background-color: #000000;
border-bottom: 2px double #3D2B1D;
border-top: 2px double #3D2B1D;
-moz-border-radius: 10px ;
border-right: 5px solid #3D2B1D;
-moz-border-radius: 10px ;
border-left: 5px solid #3D2B1D;
display:block;
}
a.forumlink:hover {
text-decoration: none;
background-color: #3D2B1D;
border-bottom:2px double #FFFFFF;
border-top: 2px double #FFFFFF;
-moz-border-radius: 10px ;
border-right: 5px solid #FFFFFF;
-moz-border-radius: 10px ;
border-left: 5px solid #FFFFFF;
display:block;
}
/*Enlever soulignement pseudo*/
a { text-decoration: none; }
/*Détachement des lettres*/
a:hover{
letter-spacing : 2px; }
/*Liens en minuscule*/
a {
font-variant: small-caps;
}
/*Supprime la mention dernier modif par..*/
tr.post span.gensmall { display: none; } Je me suis mis des indications pour m'y retrouver Moi je voudrais mettre en arrondis ceci :  Tu sais comment je pourrais réduire "les beaux titres" ? Merci pour ton aide | | |
|
| | |
Nashii
{ Membre actif }
Messages : 516
| Oui je crois que moi aussi chez moi je vais faire sa car parfois je m'y retrouve plus XD . Mettre en rond ceci , as sa par contre ce n'est pas possible que je t'aide XD. Je ne sais pas sa doit être une icone installer dans un template. Vais chercher si personne ne sais. Pour reduire les beaux titres rajoute - Code:
-
Width: Nombre en pixel ( à toi de voir selon la longeur des titres ^^ ) dans les beaux titres sa détermine la taille en largeur ( en hauteur ces height ) | | |
|
| | |
Dreamland
{ Membre }
Messages : 96
| Hum excuses moi je dois le mettre ou ??? Désolé chui nul en CSS :s | | |
|
| | |
Nashii
{ Membre actif }
Messages : 516
| On debute tous ^^ un jour. - Code:
-
/*Les beaux titres*/
a.forumlink {
text-decoration: none;
background-color: #000000;
border-bottom: 2px double #3D2B1D;
border-top: 2px double #3D2B1D;
-moz-border-radius: 10px ;
border-right: 5px solid #3D2B1D;
-moz-border-radius: 10px ;
border-left: 5px solid #3D2B1D;
display:block;
Width: Nombre en pixel ( à toi de voir selon la longeur des titres ^^ )
}
a.forumlink:hover {
text-decoration: none;
background-color: #3D2B1D;
border-bottom:2px double #FFFFFF;
border-top: 2px double #FFFFFF;
-moz-border-radius: 10px ;
border-right: 5px solid #FFFFFF;
-moz-border-radius: 10px ;
border-left: 5px solid #FFFFFF;
display:block;
Width: Nombre en pixel ( à toi de voir selon la longeur des titres ^^ )
} | | |
|
| | |
Dreamland
{ Membre }
Messages : 96
| Nickel je te remercie
Problème résolu | | |
|
| | |
Tech
{ Membre actif }
Messages : 1378
| Je classe aussi.
Merci Nashii ^^ | | |
|
| | |
Contenu sponsorisé
| |
| | |
|
