CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Plusieurs questions par manque de codes je pense | |
| ptitlac
{ Membre }
Messages : 226
| Bonsoir ! Je suis vraiment désolée si mes questions ne doivent pas être ici ><" Bon j'ai plusieurs questions à poser et si je me souviens de toutes je serais bien contente xD Alors voilà, j'aimerais savoir comment faire pour mettre un espace entre ma barre de navigation et la description de mon forum.J'aimerais aussi savoir pour cette phrase descriptive comment faire pour la personnaliser un minimum ><"Ensuite, j'aimerais savoir comment faire descendre les liens de mes sous catégories, histoire qu'ils ne collent pas le texte.J'aimerais aussi savoir comment faire pour enlever les collones sujets et messages, mais en pouvant toujours savoir combien il y a de messages et de sujet dans le forum.J'aimerais aussi savoir comment enlever les décorations qui ornes la barre de navigation que voici et qui prolonge indéfiniment cette barre bleu xD - Spoiler:
J'aimerais aussi savoir régler la taille de mes info-bulles si possible. xD Parce que je trouve que c'est un peu large par rapport au contenu ><"J'aimerais aussi comprendre un code CSS qui était présent dès la création du forum.Je crois avoir fait le tour...Je n'ai pas trouvé de formulaire à remplir...je suis désolée s'il le fallait. Et j'espère que je ne me suis pas tromper d'endroit et que vous pourrez m'aider et surtout me comprendre lol Amicalement ptitlac |
Dernière édition par ptitlac le Mer 17 Fév 2010, 05:22, édité 2 fois | |
| | | Invité Invité
| Waw ça en fait des questions °° XD - Citation :
- Alors voilà, j'aimerais savoir comment faire pour mettre un espace entre ma barre de navigation et la description de mon forum.
As-tu essayé de rajouter un - Code:
-
margin-top: XX%; dans ton code CSS dans la partie - Code:
-
a.mainmenu ? - Citation :
- Ensuite, j'aimerais savoir comment faire descendre les liens de mes sous catégories, histoire qu'ils ne collent pas le texte.
Dans la description de tes sous-catégorie rajouter : - Code:
-
<br> après ? - Citation :
- J'aimerais aussi savoir comment faire pour enlever les collones sujets et messages, mais en pouvant toujours savoir combien il y a de messages et de sujet dans le forum.
Il y a un tuto pour faire cela sur le forum =) - Citation :
- .bodyline{ -moz-border-radius: 10px;}
Permet d'avoir le cadre de ton forum en arrondi. D'ailleurs tu l'as deux fois dans ton code, chose inutile ^^" - Citation :
- textarea, .textarea.post, input.post {
-moz-border-radius:4px;} Permet d'avoir tes zones de texte en arrondi sur les bords - Citation :
- a {font-variant: small-caps;}
Permet d'avoir tes liens en petites majuscules - Citation :
- body {background-repeat: no-repeat;}
a { text-decoration: none; } Le fond de ton forum ne se répète pas Tes liens ne sont pas décorés - Citation :
- .forumline{background-color: #444a6c;
-moz-border-radius: 6px ; border: 2px #444a6c solid;} Le fond de l'intérieur de ton forum est de cette couleur. Les bordures des catégories sont arrondies de taille 2px et de la couleur indiquée. Pour ce qui concerne les row1, row2 et row3 je te passe cette image qui t'aidera surement un peu à voir à quoi ça correspond : - Spoiler:
- Citation :
- a.mainmenu:link, a.mainmenu:visited{background-color: #b1bacb;
border-left: 1px solid #778EB0; border-right: 1px solid #778EB0; -moz-border-radius:6px; border: 1px #778EB0 double;} Ta barre de menu a un fond de couleur, une bordure gauche et droite, arrondie Mais le code n'est pas bon car un coup tu marques une bordure gauche de 1px solid ainsi qu'une bordure droite pareille mais en dessous tu mets une bordure générale (donc droite, gauche, en haut et en bas, de 1px mais double. Ton code est en contradiction Pour la taille des infobulles, tu peux rajouter dans ton code CSS - Code:
-
width: XXpx; height: XXpx; et varier selon tes envies | | |
| | | ptitlac
{ Membre }
Messages : 226
| merci de ses quelques réponses Alors Le margin espacera le menu ? Mais je dois mettre des valeurs positives ou négatives ? Enfin sa le fera descendre ou monter ?? xD Ensuite pour le br très franchement je n'y avais pas penser ><" Mais est-ce que sa le séparera que d'une ligne ou est-ce qu'il ira tout en bas du cadre ? Je n'avais pas précisé par oublis, mais j'aimerais qu'il reste en bas xD Ensuite pour les deux collones...si on suit ma logique...si je pose la question c'est que je ne l'est trouvé nul part le tuto xDD Ensuite le code n'est pas de moi je le reprécise lol Bon j'ai un peu été éclairée merci ^^ Concernant le bodyline...oui il y est deux fois, mais pas avec les même taille...pourquoi ? Bon sinon j'ai comprit, jusqu'à la partie mainmenu...J'ai pas comprit ton explication en fait ><" si ce'st en contradiction qu'est ce qui prime ? Et quel est l'intérêt de faire un code contradictoire ><" Sinon reste le problème des info-bulles, des icones invisibles dans la barre de navigation et décoré la phrase qui décrit le forum... voili voilou, en tout cas merci de tes explications | | |
| | | Invité Invité
| Pour le margin si tu utilises le "margin-top: XX%;" avec une valeur positive le menu devrait descendre normalement mais je n'ai pas testé. Le br permet de sauter une ligne, normalement ça devrait le mettre "tout en bas" vu que l'espace n'est pas gigantesque de toute manière. Teste et tu verras bien, je peux pas trop te dire là ^^" Ensuite, c'est que tu as eu la flemme d'ouvrir les différents sujets alors ^^ parce qu'il se trouve en même pas 2 minutes xD https://css-actif.forumactif.org/facile-f34/templates-phpbb2-statistiques-de-forum-affichees-dans-la-description-t1486.htm(ce n'est pas méchant hein ^^") Pour le bodyline, je ne sais pas :/ Ce n'est pas logique qu'il y ait deux tailles différentes, vu que c'est la même chose. Un des deux ne sert à rien selon moi. Ce qui prime je ne sais pas, il faudrait l'installer sur un forum et observer si on a un contour tout autour du texte ou seulement à gauche et à droite. Je vais essayer de le reprendre : - Code:
-
border-left: 1px solid #778EB0; Ceci met une bordure à gauche de ton lien dans la barre de menu. Tu auras une bordure simple à gauche de Accueil, FAQ, Rechercher etc... - Code:
-
border-right: 1px solid #778EB0; Ceci mettra une bordure simple à droite de tes liens. Tu auras donc une bordure à droite de Accueil, FAQ, Rechercher etc... Si tu combines les deux, tu auras une bordure à gauche et une bordure à droite de ces liens Mais - Code:
-
border: 1px #778EB0 double; sert à mettre une bordure tout autour de tes liens. Donc si ce code est mis en place tu auras une bordure tout autour d'Accueil, FAQ, Rechercher etc...et de plus une bordure double. Donc je vois pas comment te l'expliquer mais tu vois bien que c'est pas logique de mettre les trois ensemble non ? ^^" Pour les infobulles j'ai édité je crois que tu n'as pas vu <3 Mais je suis pas sûre du résultat. Il faut tester pour voir si tu trouves les bonnes dimensions que tu souhaites. Après j'ai pas compris cette partie-là : - Citation :
- J'aimerais aussi savoir comment enlever les décorations qui ornes la barre de navigation que voici et qui prolonge indéfiniment cette barre bleu xD
| | |
| | | ptitlac
{ Membre }
Messages : 226
| Ahhhhh merci =P Alors pour les info bulles je vais tester =P Je n'avais pas vu désolée désolée désolée ><""" Concernant le titre avec le margin faut que je le fasse sous firefox, parcequ'avec explorer mon forum n'a rien du tout ><" Sa m'ennuie d'ailleur, c'est normal ??? Je vais aussi, donc sous firefox, essayer d'enlever, enfin de regarder pour les pourtour C'est vrai qu'il m'arrive d'être flèmarde, je le reconnais ouvertement lol mais là ce n'étais pas le cas xD depuis que je me suis inscrite j'ai silloné le forum à la recherche de tout ce qu'il me faut lol...sois j'ai mal vu, ce qui est possible, soit il n'y avait pas xD Concernant le BR il y a des descriptions qui sont moins remplies...je vais tester je verrais bien =P La partie que tu n'as pas comprit...hum je vais essayer de le faire dans un français meilleur xDD Sur l'apperçut que j'ai donné, il y a les liens de ma barre de navigation et en fon une grande barre bleu qui surligne tout. Sauf que quand je passe en surlignant par exemple connecter, je vois qu'il y a un petit carré, qui correspondrait aux images que l'on peut rajouter. Il me semble quôn peut les enlever...le problème c'est que j'avais trouver un code quelque part sur le forum...mais j'ai été absolument incapable de remettre la main dessu...enfin il me semble que c'est sa xD Donc au final il ne reste que les liens sur la barre bleu il n'y a plus les petits carrés ^^ Heu sinon j'imagien que tu ne sais pas comment décoré la phrase d'accroche, je me trompe ?? ^^" Ah oui...ce matin en prenant l'ordi à ma mère et en allant faire un tour sur mon forum j'ai eu la frayeur de ma vie ><" Elle à exploreur et tout le forum est différent ><" Je m'explique, vu que je ne peux faire d'impression d'écran parceque je ne trouve pas paint ><" Alors pour commencer la barre de navigation n'a plus les encadrés, c'est du texte simple et en minuscule ><" Les liens ne sont plus tout jolis comme sur l'apperçut que j'avais donné, ils sont en minuscule, il n'y a même plus la première majuscule, bon les coins qui ne sont plus arrondi parait que c'est normal avec explorer xD, maintenant j'ai un cadre beige autour de mon forum...je ne sais pas d'ou il sort celui là ><" Et dans les descriptions de mes forums, on ne reconnais plus les liens de la description xD, je crois que le pire c'est le fond qui se répète ><"""" Y a un moyen de m'aider là ? xD S'il faut un lien pour que vous voyez sur explorer et firefox, dites le moi, sa sera pas de la pub lol loin de la, y a rien dedan xD Bon après ce coup de frayeur xD je vais aller déjeuner Sinon merci infiiiiiiiiiiiiiiniment Kimy !!!!! Promis promis je vais changer d'ordi et tester toutes tes idées ^^ | | |
| | | Invité Invité
| Je peux avoir le code CSS de ta barre de menu pour tester ?
Et tu veux retrouver ces petits carrés sur la barre de menu ? ou tu veux les enlever ?
Pour la phrase d'accroche je n'y ai jamais touché encore :/
Mdr ma pauvre décidément °° Je veux bien voir ton forum pour constater ça. Et passe moi ton CSS aussi on sait jamais. | | |
| | | ptitlac
{ Membre }
Messages : 226
| Alors pour la barre de navigation, voilà ce que j'ai - Spoiler:
- Citation :
- tr.post span.gensmall { display: none; }
A:link {text-decoration: none !important;} A:visited {text-decoration: none !important;} A:active {text-decoration: none !important;} A:hover {text-decoration: none !important;} tr.post span.gensmall { display: none; } .mainmenu img {display: none;}
a.mainmenu{ font-size: 11px; font-weight: BOLD; text-decoration: none; text-transform : Lowercase; background-color: #e0e6fc; text-decoration: none; margin-left : -10px; margin-right : -10px; border-left: 15px solid #e0e6fc; border-right: 15px solid #e0e6fc; text-align: center;}
.bodyline{ border-top: none; border-bottom: none; border-right: 10px #c7cde0 solid; border-left: 10px #c7cde0 solid;}
body { margin: 0 auto; }
input,textarea, select { font: normal 11px; border: 3px double #DED2CA;}
.forumline{border: 3px double #DED2CA; }
a.forumlink { font-size: 13px; font-family: ARIAL; text-transform : Lowercase; display: block; color: #2e6d9e; border-BOTTOM: 3px double #bdbdbd; text-shadow: #919191 1px 1px 1px;}
.postbody { display: block; padding-left: 15px; padding-right: 15px; text-align:justify;}
.floatleft{ float: left; padding: 1%; margin-right: 2px; margin-top: 2px;}
.floatright{ float: right; padding: 2%; margin-left: 2px; margin-top: 2px;}
tr.post span.gensmall { display: none; }
Après je ne sais pas de quoi tu as besoin là dedans xDD Je pense que c'est les deux premières parties seulement...mais dans le doute hein ^^ J'aimerais enlever les petits carrés lol parce que la je les ai et sa m'ennuie ^^ Pour la phrase...bah tant pis sinon si quelqu'un sait...j'attendrais, je serais patiente promis ^^ Alors pour le forum et le CSS, sérieux si on peut m'aider là sa serait génial, parce que j'ai trop paniquer ><" http://inter-majutsu.forumactif.org/index.htm - Spoiler:
- Citation :
- [.bodyline{ -moz-border-radius: 10px;}
textarea, .textarea.post, input.post { -moz-border-radius:4px;}
a {font-variant: small-caps;}
body {background-repeat: no-repeat;} a { text-decoration: none; }
.bodyline {-moz-border-radius:6px;}
.forumline{background-color: #444a6c; -moz-border-radius: 6px ; border: 2px #444a6c solid;}
.postbody {background-repeat: repeat; background-image: url('https://2img.net/h/oi45.tinypic.com/6qiis2.png'); background-position: center;}
td.row1 {background-repeat: repeat; background-image: url('https://2img.net/h/oi45.tinypic.com/6qiis2.png'); background-position: center;}
td.row2 {background-repeat: repeat; background-image: url('https://2img.net/h/oi45.tinypic.com/6qiis2.png'); background-position: center;}
td.row3 {background-repeat: repeat; background-image: url('https://2img.net/h/oi45.tinypic.com/6qiis2.png'); background-position: center;}
td.row3Right {background:url('https://2img.net/h/oi45.tinypic.com/6qiis2.png'); border-style: none}
td.row3{background-image: url("https://2img.net/h/oi45.tinypic.com/6qiis2.png");}
a.mainmenu:link, a.mainmenu:visited{background-color: #b1bacb; border-left: 1px solid #778EB0; border-right: 1px solid #778EB0; -moz-border-radius:6px; border: 1px #778EB0 double;}]
tr.post span.gensmall { display: none; } A:link {text-decoration: none !important;} A:visited {text-decoration: none !important;} A:active {text-decoration: none !important;} A:hover {text-decoration: none !important;} tr.post span.gensmall { display: none; } .mainmenu img {display: none;}
a.forumlink{ font-size: 13px; font-family: ARIAL; font-style: normal; text-transform : Lowercase; display: block; color: #5E647D; text-align:center; font-size: 15px; border-bottom: 1px dashed #315480; text-shadow: #beedfa 1px 1px 1px; text-shadow: #919191 1px 1px 1px;}
body, td, tr {font-family: verdana; color: beedfa; font-size: 10px; line-height: 11px;}
li {list-style-image: url("http://www.picdo.net/fichiers/2010/2/5/56d358c5-27ec-4f57-ac57-89ca8f18ff3e_puce.gif"); list-style-position: outside;}
h1 {font-family: Georgia, Verdana; font-size: 14px; text-transform: none; color: #B6D6E2; display: block; border-bottom-width: thin; border-bottom-style: dashed; border-bottom-color: #FFFFFF; line-height: 20px; font-variant: small-caps; text-align: right;} h2 {font-family: verdana; color: #5E647D; font-size: 10px; line-height: 11px; text-align:justify; overflow:auto; width:220px; height:230px; padding-left:150px; padding-right:8px; padding-top:20px; text-shadow: #936B6B 1px 1px 1px;} h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: xx-large; font-style: oblique; line-height: normal; font-weight: 500; color: #5E647D; text-align: center;}
a.infobulle {position: relative;} a.infobulle span {display: none;} a.infobulle:hover {background: url("http://hitskin.com/themes/14/95/32/i_back_title.png"); z-index: 999;} a.infobulle:hover span {display: inline; position: absolute; white-space: nowrap; top: 0px; left: -2px; background: url("http://hitskin.com/themes/14/95/32/i_back_title.png"); background-color: none; text-decoration: none; color: #3D4D34; padding: 3px; border: 1px dashed #315480; font-size: 11px; width:160px;}
#menu a:link, #menu a:visited, #menu a:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 14px; color: #1E4359; background-color: #CEEAF4; display: block; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #2E6789; border-right-width: thin; border-left-width: thin; border-right-style: solid; border-left-style: solid; border-right-color: #2E6789; border-left-color: #2E6789; text-decoration:none;} #menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 14px; color: #4A7E9D; background-color: #CEEAF4; letter-spacing: 2px; display: block; border-bottom-width: thin; border-bottom-style: dashed; border-bottom-color: #2E6789; border-right-width: thin; border-left-width: thin; border-right-style: solid; border-left-style: solid; border-right-color: #2E6789; border-left-color: #2E6789; text-shadow: #936B6B 1px 1px 1px;}
a:hover {text-decoration:none;}
a {text-decoration:none;}
#tb1 {padding-left:145px; padding-right:8px; padding-top:0px;}
.staff {border-width: thin; border-style: dashed; border-color: #315480; opacity: 0.5;}
.staff:hover {border-width: thin; border-style: solid; border-color: #315480; opacity: 1;}
.titre { font-family: impact, serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */ font-size: 110%; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */ text-transform: uppercase; /* Soyons fou, écrivons le titre en majuscules ! ^^ */ background-image: URL("ADRESSE DE L'IMAGE"); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */ border-bottom: 1px dotted #315480; /* ça, c'est le "soulignement" du titre. Si vous voulez que ce soit un trait plein, remplacez "dashed" par "solid". Pour un trait en pointillé, c'est "dotted". Pour aucun trait du tout, c'est "j'efface la ligne". */ color: #5E647D; /* Couleur de la police ^^ */ text-align: center; /* C'est la classe si le titre est centré, mais on peut l'aligner à droite (right) ou à gauche (left). */ border-left: 0px solid #COULEUR; /* ça, c'est pour faire les petites barres sur le côté du titre... Pour les faire plus large, il suffit de mettre 3px, 4px ou plus à la place de "1px" */ border-right: 0px solid #COULEUR; }
tr.post td {padding-left: 20px;}
Il y a peut être des truc qui ne servent à rien xD ou des rattachements qui sont faisable xD étant donné que je ne comprend que moyennement les codes...si tu as une idée pour ordonner un peut tout cela ou autre xD je suis preneuse ^^ En te remerciant enooooooormément ptitlac EDIT : le margin ne fonctionne pas pour régler le problème de la barre de navigation trop haute ><" | | |
| | | Invité Invité
| Fiù après galère j'ai fini par trouver pour baisser ta barre de menu >< Via CSS j'ai abandonné ça veut pas bouger mais via template ça marche *°* Dans overall_header_new : Cherche - Code:
-
<!-- BEGIN switch_logo_right --> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}<br /> </span> </td> <td> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> </td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
<div style="clear: both;"></div> Et remplace par : - Code:
-
<!-- BEGIN switch_logo_right --> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}<br /> </span> </td> <td> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> </td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" style="margin-top: 30px;"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
<div style="clear: both;"></div> J'ai rajouté : - Code:
-
style="margin-top: 30ox;" valeur à modifiée selon tes envies. Je n'ai pas trouvé pour les petites images dans la barre de navig. Je vais voir ton forum maintenant ^^" EDIT : Alors pour ton forum, à part les arrondis et les ombres qui ne passent pas sur Explorer, je ne vois aucun problème pour ma part °° Pour le code CSS j'ai corrigé quelques petits trucs mais faudra que tu le revoies un peu car y a des propriétés qui se répètent dans un même élément. - Spoiler:
- Code:
-
.bodyline { -moz-border-radius: 10px; }
textarea, .textarea.post, input.post { -moz-border-radius:4px; }
a { font-variant: small-caps; }
body { background-repeat: no-repeat; }
a { text-decoration: none; }
.bodyline { -moz-border-radius:6px; }
.forumline { background-color: #444a6c; -moz-border-radius: 6px ; border: 2px #444a6c solid; }
.postbody { background-repeat: repeat; background-image: url('http://i45.tinypic.com/6qiis2.png'); background-position: center; }
td.row1 { background-repeat: repeat; background-image: url('http://i45.tinypic.com/6qiis2.png'); background-position: center; }
td.row2 { background-repeat: repeat; background-image: url('http://i45.tinypic.com/6qiis2.png'); background-position: center; }
td.row3 { background-repeat: repeat; background-image: url('http://i45.tinypic.com/6qiis2.png'); background-position: center; }
td.row3Right { background-image: url('http://i45.tinypic.com/6qiis2.png'); border-style: none; }
td.row3 { background-image: url('http://i45.tinypic.com/6qiis2.png'); }
a.mainmenu:link, a.mainmenu:visited { background-color: #b1bacb; border-left: 1px solid #778EB0; border-right: 1px solid #778EB0; -moz-border-radius: 6px; border: 1px #778EB0 double; }
tr.post span.gensmall { display: none; }
A:link { text-decoration: none !important; }
A:visited { text-decoration: none !important; }
A:active { text-decoration: none !important; }
A:hover { text-decoration: none !important; }
tr.post span.gensmall { display: none; }
.mainmenu img { display: none; }
a.forumlink { font-size: 13px; font-family: ARIAL; font-style: normal; text-transform : Lowercase; display: block; color: #5E647D; text-align:center; font-size: 15px; border-bottom: 1px dashed #315480; text-shadow: #beedfa 1px 1px 1px; text-shadow: #919191 1px 1px 1px; }
body, td, tr { font-family: verdana; color: #beedfa; font-size: 10px; line-height: 11px; }
li { list-style-image: url("http://www.picdo.net/fichiers/2010/2/5/56d358c5-27ec-4f57-ac57-89ca8f18ff3e_puce.gif"); list-style-position: outside; }
h1 { font-family: Georgia, Verdana; font-size: 14px; text-transform: none; color: #B6D6E2; display: block; border-bottom-width: thin; border-bottom-style: dashed; border-bottom-color: #FFFFFF; line-height: 20px; font-variant: small-caps; text-align: right; }
h2 { font-family: verdana; color: #5E647D; font-size: 10px; line-height: 11px; text-align:justify; overflow:auto; width:220px; height:230px; padding-left:150px; padding-right:8px; padding-top:20px; text-shadow: #936B6B 1px 1px 1px; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: xx-large; font-style: oblique; line-height: normal; font-weight: 500; color: #5E647D; text-align: center; }
a.infobulle { position: relative; }
a.infobulle span { display: none; }
a.infobulle:hover { background: url("http://hitskin.com/themes/14/95/32/i_back_title.png"); z-index: 999; }
a.infobulle:hover span { display: inline; position: absolute; white-space: nowrap; top: 0px; left: -2px; background: url("http://hitskin.com/themes/14/95/32/i_back_title.png"); background-color: none; text-decoration: none; color: #3D4D34; padding: 3px; border: 1px dashed #315480; font-size: 11px; width:160px; }
#menu a:link, #menu a:visited, #menu a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 14px; color: #1E4359; background-color: #CEEAF4; display: block; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #2E6789; border-right-width: thin; border-left-width: thin; border-right-style: solid; border-left-style: solid; border-right-color: #2E6789; border-left-color: #2E6789; text-decoration:none; }
#menu a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 14px; color: #4A7E9D; background-color: #CEEAF4; letter-spacing: 2px; display: block; border-bottom-width: thin; border-bottom-style: dashed; border-bottom-color: #2E6789; border-right-width: thin; border-left-width: thin; border-right-style: solid; border-left-style: solid; border-right-color: #2E6789; border-left-color: #2E6789; text-shadow: #936B6B 1px 1px 1px; }
a:hover { text-decoration:none; }
a { text-decoration:none; }
#tb1 { padding-left:145px; padding-right:8px; padding-top:0px; }
.staff { border-width: thin; border-style: dashed; border-color: #315480; opacity: 0.5; }
.staff:hover { border-width: thin; border-style: solid; border-color: #315480; opacity: 1; }
.titre { font-family: impact, serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */ font-size: 110%; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */ text-transform: uppercase; /* Soyons fou, écrivons le titre en majuscules ! ^^ */ background-image: URL("ADRESSE DE L'IMAGE"); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */ border-bottom: 1px dotted #315480; /* ça, c'est le "soulignement" du titre. Si vous voulez que ce soit un trait plein, remplacez "dashed" par "solid". Pour un trait en pointillé, c'est "dotted". Pour aucun trait du tout, c'est "j'efface la ligne". */ color: #5E647D; /* Couleur de la police ^^ */ text-align: center; /* C'est la classe si le titre est centré, mais on peut l'aligner à droite (right) ou à gauche (left). */ border-left: 0px solid #COULEUR; /* ça, c'est pour faire les petites barres sur le côté du titre... Pour les faire plus large, il suffit de mettre 3px, 4px ou plus à la place de "1px" */ border-right: 0px solid #COULEUR; }
tr.post td { padding-left: 20px; }
| | |
| | | ptitlac
{ Membre }
Messages : 226
| Pour le code, je ne pourrais pas le revoir, je n'ai pas assez de notion pour pouvoir le retoucher sans que tout mon forum part en live. Voici ce que je vois sur explorer. - Spoiler:
Pour le fond qui se répète et les titres différents. - Spoiler:
Pour la barre de navigation. Comment faire pour qu'il y ait un minimum de choses pareilles sur les deux ? Et surtout pour régler le problème du fond ><" Bon ais régler mon template, merci beaucoup ! | | |
| | | Invité Invité
| Là je suis désolé, je sais pas trop comment t'aider car chez moi tout s'affiche nickel autant sur Mozilla que sur Explorer >w< | | |
| | | ptitlac
{ Membre }
Messages : 226
| Arf dommage.
En tout cas merci beaucoup pour toutes tes explications ^^ Tu n'as sécher que sur trois mdr
En tout cas merci infiniment. Reste à savoir si quelqu'un d'autre pourra me fournir les dernières réponses ^^ | | |
| | | Invité Invité
| Si tu peux éditer je te conseille de genre barrer ou supprimer les choses qui sont réglées pour mieux s'y retrouver ^^" | | |
| | | ptitlac
{ Membre }
Messages : 226
| | | | Liliana
{ Membre actif }
Messages : 997
| - ptitlac a écrit:
- J'aimerais aussi savoir pour cette phrase descriptive comment faire pour la personnaliser un minimum ><"
J'aimerais aussi savoir comment enlever les décorations qui ornes la barre de navigation que voici et qui prolonge indéfiniment cette barre bleu xD
- Spoiler:
Si je résume bien, il ne reste que cela ? xD Mes questions donc : - Quelle phrase descriptive ? EDIT : La phrase sous le nom du forum, sous la bannière ? - Pour la barre de navigation, as tu un code CSS qui y est relié déjà ? Si oui peux tu me le donner ? | | |
| | | ptitlac
{ Membre }
Messages : 226
| Oui c'est bien cette phrase là ^^ je suis désolée je ne suis pas assez précise ><" Hum le code... - Spoiler:
- Citation :
- tr.post span.gensmall { display: none; }
A:link {text-decoration: none !important;} A:visited {text-decoration: none !important;} A:active {text-decoration: none !important;} A:hover {text-decoration: none !important;} tr.post span.gensmall { display: none; } .mainmenu img {display: none;}
a.mainmenu{ font-size: 11px; font-weight: BOLD; text-decoration: none; text-transform : Lowercase; background-color: #e0e6fc; text-decoration: none; margin-left : -10px; margin-right : -10px; border-left: 15px solid #e0e6fc; border-right: 15px solid #e0e6fc; text-align: center;}
.bodyline{ border-top: none; border-bottom: none; border-right: 10px #c7cde0 solid; border-left: 10px #c7cde0 solid;}
body { margin: 0 auto; }
input,textarea, select { font: normal 11px; border: 3px double #DED2CA;}
.forumline{border: 3px double #DED2CA; }
a.forumlink { font-size: 13px; font-family: ARIAL; text-transform : Lowercase; display: block; color: #2e6d9e; border-BOTTOM: 3px double #bdbdbd; text-shadow: #919191 1px 1px 1px;}
.postbody { display: block; padding-left: 15px; padding-right: 15px; text-align:justify;}
.floatleft{ float: left; padding: 1%; margin-right: 2px; margin-top: 2px;}
.floatright{ float: right; padding: 2%; margin-left: 2px; margin-top: 2px;}
tr.post span.gensmall { display: none; }
C'est tout le code CSS sur le forum, je pense que ce qu'il te faut c'est la deuxième partie...mais n'étant pas sûr xDD | | |
| | | Liliana
{ Membre actif }
Messages : 997
| Alors, ce qui gène dans ta barre, ce sont les bordures dans le CSS .. Après chaque lien, ton CSS met une bordure à droite ET à gauche, de 15 pixels .. Ce qui est énorme. Donc, ta barre n'a plus aucun espace libre et crée donc ce fond continu ^^. Suffit juste de retirer les bordures, où de les réduire un peu - Citation :
- a.mainmenu
{font-size: 11px; font-weight: BOLD; text-decoration: none; text-transform : Lowercase; background-color: #e0e6fc; margin-left : -10px; margin-right : -10px; border-left: 15px solid #e0e6fc; border-right: 15px solid #e0e6fc; text-align: center;} Change le 15 par un 5 (où un 1 pour un truc plus fin xD) par exemple; mais ta bordure ne se verra pas puisqu'elle est de la même couleur que le fond ^^. Je te conseille donc de changer aussi le truc en bleu ^^ Pour ce qui est de la description, elle se modifie dans le panneau d'administration >> Général >> Configuration : description du forum (ou site je sais plus ). Après tout dépend de ce que tu veux y faire | | |
| | | ptitlac
{ Membre }
Messages : 226
| Non ><" Hum je réexplique lol Je suis vraiment désolée Liliana. J'ai des petits icones sur ma barre, quand je la surligne je vois les petits carrés des icones. J'aimerais les enlever. Mais bon je testerais peut être quand même ton histoire de bordure ^^ Quand au texte, j'aimerais le personnaliser, par exempl en couleur, ou italique etc, je fais comme pour les rang ? - Citation :
- texte
?? Par exemple. Ah oui...j'oubliais. Sur mon forum, c'est différent selon si je suis sur firefox ou explorer et il y a pleins de truc qui change, les liens différents, plus de coins arrondis, plus de décoration à la barre de navigation, une répétition du fond et une bordure marron à la place de bleu foncer...est-ce normal ??? Je ne peux pas garder un semblant de forum en changeant de navigateur ? | | |
| | | Liliana
{ Membre actif }
Messages : 997
| Je t'ai un peu oubliée, je suis désolée. Je surveillais pas le sujet ><
Est-ce que ton problème persiste toujours ? | | |
| | | Contenu sponsorisé
| | | | | Plusieurs questions par manque de codes je pense | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|