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! |
| Nyly*
{ Membre }
Messages : 74
| Bonsoir tout le monde, ou bonjour suivant à quelle heure vous lisez mon message. =) Voilà, j'ai un petit problème avec la PA que je voudrais faire sur mon forum. Je voudrais faire un système d'onglets pour la page d'accueil, avec seulement des codes, mais je ne sais pas si c'est possible. Je sais que c'est un truc assez compliqué, et la preuve, je buche déjà sur le simple code que j'ai essayé de faire, seule, je précise. J'ai voulu faire un joli tableau, au fur et à mesure. Au début, tout allait bien, tout était à sa place mais une fois ajouté la base de ce que je voulais dans ma PA, ya plus rien qui marche. Quelqu'un pourrait regarder et me dire ce qui ne va pas s'il vous plait?? Ce que je voudrais faire: - Spoiler:
Le rose est une couleur que je changerai moi même. Voilà le code que j'ai utilisé qui a merdé quelque part: - Spoiler:
- Code:
-
[table border="0"] [tr] [td]<center><div style="border: groove #000000; background-color: #ffffff; width: 260px; text-align: justify; -moz-border-radius: 11px; line-height:3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom:1px;">[size=18][i][font=font-family][center][color=#94626F][b][u]INFORMATIONS[/u][/b][/color][/center][/font][/i][/size] </div></center>[/td] [/tr][tr] [td ROWSPAN=5] <div style="background-color: #D9D5D6; overflow: auto; -moz-border-radius: 11px; width: 260px; height: 400px;"> <font size="3"><font face="font-family"> <size=5><font color=#B58491>♣</font></size> Liebe-de-TH est un forum qui a vu le jour un bon vieux 14 Avril 2007.
[center]_______________________[/center]
<br> <size=3><font color=#B58491>♣</font></size> Forum né il y a {FORUMAGE} jours
[center]_______________________[/center]
<br> <size=3><font color=#B58491>♣</font></size> Forum possèdant {FORUMCOUNTUSER} membres
[center]_______________________[/center] <br> <br> © Design by NYLY <br> © Codage by NYLY <br> © Images by Obession27 et NYLY <br>© Forum Optimisé pour Mozilla FireFox</font></font> </div>[/td][tdCOLSPAN=2]<blockquote><div align="center"><fieldset style="border: 3px solid #BDA179; width: 600px;"><legend>[size=24]<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; COLOR: ; LINE-HEIGHT: 25pt; FONT-FAMILY: Courier New; LETTER-SPACING: -2px"[color=#236B8E]♣ LIEBE C'EST ... ::[/color]</FONT>[/size]<!--color:red--><!--/color--></legend><!--sizeo:1--><span style="color: #742418;"><!--sizeo-->
<div style="width: 450px;"> </span></fieldset></div></div></blockquote> [/td] [/tr][tr] [td]<center><div style="border: groove #000000; background-color: #ffffff; width: 250px; text-align: justify; -moz-border-radius: 11px; line-height:3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom:1px;">[size=18][i][font=font-family][center][color=#94626F][b][u]CONCOURS[/u][/b][/color][/center][/font][/i][/size] </div></center> [/td][td]<center><div style="border: groove #000000; background-color: #ffffff; width: 250px; text-align: justify; -moz-border-radius: 11px; line-height:3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom:1px;">[size=18][i][font=font-family][center][color=#94626F][b][u]STAFF[/u][/b][/color][/center][/font][/i][/size] </div></center>[/td] [/tr][tr] [td]CONCOURS [/td][td ROWSPAN=4] <font color="#BDA179"></font> <a class="imginfo"><font color="#BDA179"><img src="http://i34.servimg.com/u/f34/15/44/94/03/moi10.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font style="font-family: twilight;" size="3">NYLY</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i34.servimg.com/u/f34/15/44/94/03/j_aime10.png"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">FONDATRICE <br> <a class="categling" href="http://liebe-de-th.niceboard.com/msg.forum?mode=post&u=330" target="_blank">MPotez-la! </a><br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i34.servimg.com/u/f34/15/44/94/03/lili10.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font style="font-family: twilight;" size="3">LILI</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i34.servimg.com/u/f34/15/44/94/03/lili_211.png"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">MODERATRICE<br><a class="categling" href="http://liebe-de-th.niceboard.com/msg.forum?mode=post&u=223" target="_blank">MPotez-la! </a></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i34.servimg.com/u/f34/15/44/94/03/momo10.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font style="font-family: twilight;" size="3">YUKI REID.</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i39.servimg.com/u/f39/15/49/49/31/mau_210.png"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">MODERATRICE <br> <a class="categling" href="http://liebe-de-th.niceboard.com/msg.forum?mode=post&u=1349" target="_blank">MPotez-la!</a><br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i34.servimg.com/u/f34/15/44/94/03/cindy10.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font style="font-family: twilight;" size="3">CINDY</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i34.servimg.com/u/f34/15/44/94/03/cindy_10.png"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">MODERATRICE DES FICS <br> <a class="categling" href="http://liebe-de-th.niceboard.com/msg.forum?mode=post&u=1339" target="_blank">MPotez-la!</a><br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i39.servimg.com/u/f39/15/49/49/31/doo210.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font style="font-family: twilight;" size="3">DOO'</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i39.servimg.com/u/f39/15/49/49/31/doo310.png"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">TRADUCTRICE<br> <a class="categling" href="http://liebe-de-th.niceboard.com/msg.forum?mode=post&u=1345" target="_blank">MPotez-la!</a><br></font></td></tr><tr align="center"></tr></tbody></table></span></a> </font></td></tr><tr align="center"></tr></tbody></table></span></a></div></td>[/td] [/tr][tr] [td]<center><div style="border: groove #000000; background-color: #ffffff; width: 250px; text-align: justify; -moz-border-radius: 11px; line-height:3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom:1px;">[size=18][i][font=font-family][center][color=#94626F][b][u]AFFILIATE/VOTE[/u][/b][/color][/center][/font][/i][/size] </div></center>[/td] [/tr][tr] [td]AFFILIATE/VOTE [/td] [/tr] [/table]
et un apperçu de ce que ça donne: - Spoiler:
si quelqu'un pouvait me dire où est mon erreur ce serait génial. Merci beaucoup. =) | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Yep. Peut tu nous passer le css s'il te plait ^^ | | |
| | | Nyly*
{ Membre }
Messages : 74
| | | | Hiro
Ninja Codeur
Messages : 1179
| Bah au moins celui des infobulles ^^
| | |
| | | Nyly*
{ Membre }
Messages : 74
| voilà le code CSS pour les infobulles: - Spoiler:
- Code:
-
/*INFOBULLE*/ a.imginfo { position: relative; color: #000000; text-decoration: none; border-bottom: 3px #B58491 dotted; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ } a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 10px; /* on positionne notre infobulle */ left: 20px; background: rgb(240, 238, 240); color: 7d7d7d; padding: 10px; border: 0px solid grey; border-left: 5px solid #B58491; border-right: 5px solid #B58491; border-top: 5px solid #B58491; border-bottom: 5px solid #B58491; -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; }
| | |
| | | Radimir
{ Membre actif }
Messages : 459
| Salutation !
Je ne sais pas si j'ai mal compris ou pas , mais le véritable problème n'est pas les infobulles n'est ce pas ? x) Mais les cellules qui ne sont pas bien positionner... ? Si c'est le cas merci de nous fournir le code de la PA ainsi que le css lié à cette dernière
Concernant les onglets , on ne pourra te le faire au complet dans cette section si tu veux une Pa à onglet il faudra faire la commande dans la section approprié . | | |
| | | Nyly*
{ Membre }
Messages : 74
| oui, ce sont les cellules qui ne sont pas au bon endroit. Le code de la PA est dans le premier post, je vous post le CSS utilisé demain =)
Je sais que je ne suis pas au bon endroit pour çà, je ne souhaite pas demander qu'on me le fasse mais juste exposer ce que je souhaite faire de mon code. | | |
| | | Nyly*
{ Membre }
Messages : 74
| Pardon du DP, voici le CSS de mon forum =) - Spoiler:
- Code:
-
body { background-color: #fcfcfc; background-image: url("http://i30.servimg.com/u/f30/11/20/09/27/bannie10.jpg"); background-attachment: fixed; } * html { scrollbar-face-color: #dee3e7; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #dee3e7; scrollbar-3dlight-color: #d1d7dc; scrollbar-arrow-color: #006699; scrollbar-track-color: #efefef; scrollbar-darkshadow-color: #98aab1; } *+ html { scrollbar-face-color: #dee3e7; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #dee3e7; scrollbar-3dlight-color: #d1d7dc; scrollbar-arrow-color: #006699; scrollbar-track-color: #efefef; scrollbar-darkshadow-color: #98aab1; } th,td,p { font-family: Verdana,Arial,Helvetica,sans-serif } a img { border: none; } a:link,a:active,a:visited { color : #94626f; } a:hover{ text-decoration: underline !important; color : #b8a2a8; } hr{ height: 0; border: solid #fcfcfc 0; border-top-width: 1px; } .bodyline{ background-color: #; border: 1px # solid; } .bodylinewidth { width:800px} .forumline{ background-color: #000000; border: 2px #b58491 solid; } td.row1,td.row3.over:hover { background-color: #fcfcfc; } td.row2,td.row1.over:hover { background-color: #fcfcfc; } td.row3{ background-color: #fcfcfc; } td.rowpic { background-color: #000000; background-image: url("http://2img.net/i/fa/empty.gif"); css} th { color: #edd28d; font-size: 11px; font-weight : bold; background-color: #000000; height: 25px; background-image: url("http://2img.net/i/fa/empty.gif"); padding: 2px 3px; } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image: url("http://2img.net/i/fa/empty.gif"); background-color:#000000; border: #; border-style: solid; height: 28px; } td.cat,td.catHead,td.catBottom { height: 29px; border-width: 0; } th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; border: #b58491; border-style: solid; /*height: 20px; */ } td.row3Right,td.spaceRow { background-color: #fcfcfc; border: #; border-style: solid; } td.pourcentback { background-color : #fcfcfc; } th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0 1px; } th.thSides,td.catSides,td.spaceRow { border-width: 0 1px; } th.thRight,td.catRight,td.row3Right { border-width: 0 1px 0 0; } th.thLeft,td.catLeft { border-width: 0 0 0 1px; } th.thBottom,td.catBottom { border-width: 0 1px 1px 1px; } th.thTop { border-width: 1px 0 0; } th.thCornerL { border-width: 1px 0 0 1px; } th.thCornerR { border-width: 1px 1px 0 0; } .maintitle, .maintitle h1{ font-weight: bold; font-size: 22px; font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif; text-decoration: none; line-height : 120%; color : #000000; } .forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right { padding: 2px 3px; } .forumline td.pagination { padding:0; } .maintitle h1 { margin: 0; padding: 0; display: inline; } .gen { font-size : 12px; } .genmed { font-size : 11px; } .gensmall { font-size : 10px; } .gen,.genmed,.gensmall { color : #000000; } a.gen,a.genmed,a.gensmall { color: #94626f; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover{ color: #b8a2a8; text-decoration: underline; } .mainmenu{ font-size : 11px; color : #000000 } a.mainmenu{ text-decoration: none; color : #94626f; } a.mainmenu:hover{ text-decoration: underline; color : #b8a2a8; } .cattitle{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #94626f} h1.cattitle { margin:0; padding: 0; display:inline; } a.cattitle{ text-decoration: none; color : #94626f; } a.cattitle:hover{ text-decoration: underline; } .forumlink{ font-weight: bold; font-size: 12px; color : #94626f; } a.forumlink { text-decoration: none; color : #94626f; } a.forumlink:hover{ text-decoration: underline; color : #b8a2a8; } .nav{ font-weight: bold; font-size: 11px; color : #000000; } a.nav{ text-decoration: none; color : #94626f; } a.nav:hover{ text-decoration: underline; } .topictitle,h1,h2{ font-weight: bold; font-size: 11px; color : #000000; } div.topictitle { display: inline; } h2.topic-title { display: inline; margin: 0; padding: 0; } a.topictitle:link{ text-decoration: none; color : #94626f; } a.topictitle:visited{ text-decoration: none; color : #b8a2a8; } a.topictitle:hover{ text-decoration: underline; color : #b8a2a8; } .name{ font-size : 11px; color : #000000; } .name a{ text-decoration:none; } .postdetails{ font-size : 10px; color : #000000; } .postbody{ font-size : 12px; line-height: 18px} a.postlink:link{ text-decoration: none; color : #94626f } a.postlink:visited{ text-decoration: none; color : #b8a2a8; } a.postlink:hover{ text-decoration: underline; color : #b8a2a8} .code{ font-family: Courier,CourierNew,sans-serif; font-size: 11px; color: #943043; background-color: #b58491; border: #fcfcfc; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px} .code div.cont_code { max-height:200px; overflow:auto; } .quote{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #444444; line-height: 125%; background-color: #b58491; border: #fcfcfc; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px} a.copyright{ color: #94626f; text-decoration: none; } a.copyright:hover { color: #b8a2a8; text-decoration: underline; } .coloradmin { color: #7420af} .colormod { color: #943043} .vote { float: right; width: 10px; margin-left: 4px; } .vote .vote-button { text-align: center; font-weight: bold; margin-left: -1px; } .vote .vote-button a { text-decoration: none !important; } .vote .vote-bar { width: 3px; height: 50px; margin: 0 auto; border: 1px solid #000000; font-size: 0; } .vote .vote-no-bar { letter-spacing:-2px; margin-left:-2px; white-space:nowrap; } .vote .vote-bar-plus { background-color: #0f0; } .vote .vote-bar-minus { background-color: #f00; } h1.pagetitle { display: inline; margin: 0; padding: 0; font-size: 12px; color: #edd28d; } h1.title2 { font-size: 11px; } .secondarytitle,.secondarytitle h2 { margin: 0; padding: 0; color: #edd28d; } .secondarytitle h2 { display:inline; } .nav h1 { display: inline; } .hierarchy { display: inline; margin: 0; padding: 0; text-transform: none; border: none; font-size: 10px; } .mod-text { font-weight: bold; } img{ border:0} input,textarea, select, #text_editor_iframe { color : #000000; font: normal 11px Verdana,Arial,Helvetica,sans-serif; border-color : #000000; } input.post, textarea.post, select, #text_editor_iframe { background-color : #b58491; } .post-options { text-align: right; } .post-options img { cursor: pointer; vertical-align: middle; } input { text-indent : 2px; } input.button { background-color : #fcfcfc; color : #000000; font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; } input.mainoption { background-color : #b58491; font-weight : bold; } input.liteoption { background-color : #b58491; font-weight : normal; } .helpline { background-color: #fcfcfc; border-style: none; } input { background-color: #fcfcfc; } button.button2, input.button2 { font-size: 0.7em; border: 1px solid #BCBCBC; width: auto !important; padding: 1px 0; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; background-repeat: repeat-x; background-color: #FAFAFA; background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif'); background-position: top; overflow: visible; vertical-align:middle; } button.button2:hover, input.button2:hover { border: 1px solid #b8a2a8; color: #b8a2a8; background-position: 0 100%; } * html button.button2, * html input.button2 { padding-bottom: 0; margin-bottom: 1px; height: 24px; padding-right: 3px; padding-left: 3px; } *+html button.button2, *+html input.button2 { height: 24px; padding-right: 3px; padding-left: 3px; } *+html button.button2 img { vertical-align: middle; } * html button.button2 img { vertical-align: middle; } button.bbcode { border: 1px solid #e3adad; background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png"); } .select { background-color: #FFF; border: 1px solid #BCBCBC; position: absolute; z-index: 999; top: 0; left: 0; overflow: hidden; width: 0; } .select p { padding: 4px 6px; font-size: 0.7em; margin: 0; white-space: nowrap; text-align: left; } .select button { padding: 4px; font-size: 0.9em; margin: 0; background-color: #FFF; border: none; text-align:left; } .select button.button2 { border:1px solid #BCBCBC; padding: 0; } * html .select button.button2 { padding-right: 3px; padding-left: 3px; } .select button.button2:hover { border: 1px solid #b8a2a8; color: #b8a2a8; background-position: 0 100%; } .select button:hover,.selectHover { cursor: pointer; background-color: #EEE; } textarea#text_editor_textarea { width: 100% !important; } iframe#text_editor_iframe { width: 100%; height: 200px; } form#quick_reply textarea#text_editor_textarea { width: 100% !important; height: 100%; } form#quick_reply iframe#text_editor_iframe { width: 100%; } * html form#quick_reply iframe#text_editor_iframe { width: 600px; } *+html form#quick_reply iframe#text_editor_iframe { width: 600px; } #page-footer .gen strong { font-weight: normal; }
/*@import url("form_ie.css"); */ input { text-indent: 2px} input,textarea,select { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} input.button { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} .postbody { line-height: 18px} @media print { body { background-image: none; background-color: #fff; color: #000; } table.bodylinewidth span.maintitle { display: block; text-align: left; } table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open { display:none; } td.catHead, .t-title { text-align: left; } table.bodylinewidth .cattitle { letter-spacing: normal; font-size: 1em; } .thLeft,.thRight { color: #000; border: none; text-align:left; } .hr hr { visibility: hidden; } .hr { border-top: 1px dotted #ddd !important; } tr.post td { vertical-align: top; border-bottom: 1px solid #ccc; } tr.post td td { border: none; } span.gen { display: none; } } ul.abuse { list-style: none; line-height: 1.5em; font-size: 0.9em; } .rtl-spacer:before { content: " "; white-space: pre; } .rtl-spacer:after { content: " "; white-space: pre; } .warning { color:#ff3333; } .captcha div.captcha-img { float: left; margin: 0 1em 0 0; } .captcha .inputbox { margin-top: 0.5em; } .align_gauche { text-align: left; } .center { text-align: center; } .align_droite { text-align: right; } .right { float: right; } .left { float: left; }
/* TGF Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } *+ html .clearfix { min-height: 1px; } * html .clearfix { position: relative; height: 1%; clear: both; } #page-footer, .clear { clear: both; } #page-footer h3 { margin-top: 20px; } #content-container #left { width: 0px; margin-right: px; } #content-container #right { width: 0px; margin-left: px; } .module-title { font-weight: bold; margin: 0 auto; text-align: center; display: block; }
/* Chatbox */ #frame_chatbox { border: none !important; } body.chatbox { min-width: 550px !important; background-image: none; padding: 0; margin: 0; background-color: #fcfcfc; } #chatbox_members { position: absolute; top: 30px; bottom: 30px; width: 180px; overflow: auto; border-right: 1px solid ; } #chatbox { position: absolute; top: 30px; left: 181px; right: 0; bottom: 30px; overflow: auto; line-height: 10px; } .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 { font-size: 12px; } .chatbox-options { text-align:right; } #chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form { float:right; white-space : nowrap; } #chatbox_footer { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; } #chatbox_footer table.text-styles { float: right; } #chatbox_footer .text-field { float: left; } #chatbox_header { height: 30px; background-color: #fcfcfc; } #chatbox p { line-height: 1.2em; } .chatbox_row_1 { padding: 4px; background-color: #fcfcfc; } .chatbox_row_2 { padding: 4px; background-color: #fcfcfc; } .chatbox_row_3 { padding: 4px; background-color: #fcfcfc; } .memberlist_row_1 { padding: 2px 2px 2px 10px; background-color: #fcfcfc; } #chatbox_members .member-title { text-align: center; padding: 0.5em 0.25em; background-image: none; font-size: 12px; background-color: #fcfcfc; color : #94626f; font-family: Verdana,Arial,Helvetica,sans-serif; } #chatbox_members ul { list-style: none; margin: 0 0 0 10px; } #chatbox_members ul li { margin: 2px 2px 2px 0; } #message,#submit_button{ border-width: 1px; } .fontbutton { padding: 1px; cursor: pointer; text-align: left; } .fontbutton_normal { background: #E1E1E2; } .fontbutton_selected { background: #BBC7CE; border: 1px solid #22229C; } .fontbutton_clicked { background: #959595; border: 1px solid #22229C; } .fontbutton_hover { background: #E1E1E2; border: 1px solid #22229C; } #chatbox .user { font-weight: bold; } div#chatbox { color: #000000; } #chatbox_contextmenu { background-color: #fcfcfc; border:1px solid #aaa; } #chatbox_contextmenu p { margin:0; padding: 1px 4px; font-family: verdana, arial, sans-serif; background: #; border-bottom:1px solid #777; } #chatbox_contextmenu p.hover { background: #; } #chatbox_contextmenu p.close { background: #ddd; padding: 1px; font-size: 70%; color:#fff; background: url(''); } #chatbox_contextmenu p.close img { vertical-align: middle; padding-left: 20px; } #chatbox_contextmenu a { color: #; text-decoration: none; font-size: 70%; } #chatbox_contextmenu a:hover { color: #; } .fontbutton{ border:0; } * html #chatbox-members { /* IE expressions helping IE work in Standards mode */ height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); } * html #chatbox { /* IE expressions helping IE work in Standards mode */ height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px"); } * html #chatbox-footer { /* IE expressions helping IE work in Standards mode */ width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); }
/* poll */ .poll-result td { padding: 2px 4px; text-align: left; } .poll-result td.poll-title,.poll-result td.poll-results { text-align: center; } .progress-bar td { padding: 0 !important; } .poll-ballot { text-align: left; }
/* Advanced profile */ #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details { margin-right: 3px; } #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module { margin-bottom: 3px; } #profile-advanced-button { padding: 1px; } #profile-advanced-details { overflow: hidden; } #profile-advanced-details ol { margin: 0; padding: 0; list-style: none; } #profile-advanced-details ol li { display: block; margin-bottom: 4px; } #profile-advanced-details .avatar { float: left; } .avatar { width: 50px; border: 1px solid #000000; background-color: #fff; } .avatar img { width: 50px; } .friend-block .avatar { margin: 0 auto; cursor:pointer; } .avatar.mini, .avatar.mini img { width: 38px; height: 38px; } .friend-block { float: left; width: 70px; margin: 1px; text-align: center; overflow: hidden; } .friend_list_online_status { line-height: 11px; font-size: .9em; } .friend_list_online_status img { vertical-align: middle; } .friends-foes-list { float: left; width: 200px; height: 2em; } #profile-advanced-details .message-block { margin-left: 57px; } #profile-advanced-details .message-header { border-top: 1px solid #fcfcfc; background: #fcfcfc; padding: 4px; margin-bottom: 4px; } #profile-advanced-details .message-date { float: right; } #profile-advanced-details .message-body { margin-bottom: 4px; } #profile-advanced-details .message-footer { text-align: right; } #profile-advanced-details .message-footer li { display: inline; margin: 0 0.25em; /* Spacing between generation dot */ } #profile-advanced-details .message-footer li:after { content: ' .'; /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */ } #profile-advanced-details .message-footer li a { margin-right: 0.25em; /* Spacing between generation dot */ text-decoration: underline; } #profile-advanced-details .message-footer li.last:after { content: normal; } #profile-advanced-add { margin-right: 4px; padding: 8px 0; text-align: right; } #profile-advanced-details .stats-field { margin: 4px 0 10px 4px; padding: 0 10px 6px; } #profile-advanced-details .stats-field legend { font-weight: bold; } #profile-advanced-details .stats-field ul { list-style-type:none; text-indent: 10px; padding: 0; } #profile-advanced-details .stats-field li { margin: 4px 0; } #login_popup { position: absolute; z-index: 999; display: none; } #login_popup_buttons { position: absolute; height:19px; bottom: 6px; right: 6px; } #login_popup_buttons input { margin-left: 6px; } ul.profile_field_list { padding:0; margin:0} html ul.profile_field_list li { list-style-type: none; } ul.profile_field_list > li { list-style-type: none; } .inputURL { font-size:10px; font-family:"Courier New", "Times New roman"; letter-spacing:-1px; } .middleline { line-height:2em; } .invisible{ display:none; visibility:hidden; } .visible{ display:block; visibility:visible; }
/* ajax profil */ .ajax-profil_hover{ background:transparent} .ajax-profil_parent{ position:relative; zoom:1; } .ajax-profil_edit{ cursor:pointer; position:absolute; top:0; left:-18px} .ajax-profil_edit img{ margin-left:4px} .ajax-profil_valid{ cursor:pointer; margin-left:4px; vertical-align:middle} #profile-advanced-details dl{ padding:8px 10 8px 0; width:98%; margin:10px 0 0; } #profile-advanced-details dl dt{ float:left; display:block; width:10em; } #profile-advanced-details dl dd{ margin-left:10em; padding-left:12px; } #profile-advanced-details div.separator{ clear:both; font-size:1px; line-height:1px; border-bottom:1px solid #dcdcdc; padding-top:10px; } #profile-advanced-details .ajax-profil_edit{ left:-4px; }
/* jqModal */ .jqmWindow { display: none; position: fixed; left: 50%; width: 450px; margin-left: -225px; top: 50%; margin-top: -125px; background-color: #fcfcfc; border: 1px solid #b58491; } .jqmOverlay { background-color: #000; } .jqDrag { cursor: move; }
/* Blog */ .blog_cal-border { display: inline; float: left; border: 1px solid #000000; background: #fcfcfc; padding: 1px; font-size: 0.9em; margin-right: 10px; } .blog_cal-content { width: 2.9em; background: #000000; padding: 1px; line-height: 1.4em; text-align: center; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif; color: #; } .blog_cal-content span { display: block; } .blog_cal-day { padding-left: 0.2em; font-size: 1.6em; letter-spacing: 0.2em; } .blog_cal-month { line-height: 0.7em; font-size: 2em; font-weight: bold; } .blog_cal-year { line-height: 1.2em; font-size: 0.8em; } .blog_title { padding-top: 5px; font-size: 16px; } .blog_title img { vertical-align: middle; } .blog_title .topictitle { font-size: 16px; } .blog_message { margin-top: 12px; font-size: 12px; } .blog_comments { margin-bottom: 2px; text-align: right; } .blog_comments img { vertical-align: middle; } #blog_comments { width: 90%; margin: 0 auto; } #blog_comments .postbody { width: 96%; } .blog_comment-avatar { float: left; } .blog_comment-avatar img { background-color: #fff; border: 1px solid #000000; vertical-align: middle; width: 38px; margin: 5px 5px 0 0; } #blog_comments table { margin-bottom: 2px; } #blog_comments .h3 { overflow: hidden; margin-top: 0; margin-left: 45px; padding: 0; min-height: 22px; } .blog_comment-title { float: left; min-height: 12px; margin-top: 7px; } .blog_comment-title a { text-decoration: none; } #blog_comments .profile-icons { float: right; margin-bottom: 5px; }
/* Social bookmarking */ #bookmarks { float: right; } #bookmarks a img { width: 20px; height: 20px; background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll; vertical-align: middle; } #bookmarks a img.twitter { width: 16px; height: 16px; margin: 2px; background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll; } #bookmarks img.delicious { background-position: -10px -10px; } #bookmarks img.digg { background-position: -10px -50px; } #bookmarks img.excite { background-position: -9px -90px; } #bookmarks img.facebook { background-position: -9px -128px; } #bookmarks img.furl { background-position: -10px -166px; } #bookmarks img.google { background-position: -10px -206px; } #bookmarks img.live { background-position: -9px -246px; } #bookmarks img.netscape { background-position: -9px -284px; } #bookmarks img.newsvine { background-position: -9px -322px; } #bookmarks img.reddit { background-position: -10px -360px; } #bookmarks img.slashdot { background-position: -10px -400px; } #bookmarks img.smarking { background-position: -9px -440px; } #bookmarks img.stumbleupon { background-position: -10px -478px; } #bookmarks img.technorati { background-position: -10px -518px; } #bookmarks img.yahoo { background-position: -10px -558px; }
/* wysiwyg */ .mceContentBody{ background: #fcfcfc; color: #000000; } .align_right{ text-align: right; }
/* resize image */ .resize_process .resizebox { display: none; } .resize_process img.resize_img { display: none; } .resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize { display: inline-block; zoom: 1; *display: inline; } .resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize { display: none; } .resizebox { background-color: #b58491; max-width: 100%; line-height: 1.1em; cursor: default; font-weight: normal; font-style: normal; margin: 0; text-align: left; display: inline-block; } .resizebox div { font-weight: normal; font-style: normal; margin: 0; } .resizebox .resize_border { border: 1px solid #fcfcfc; display: block; } .resizebox .resize_content { padding: 5px 10px; display: inline-block; zoom: 1; *display: inline; } .resizebox .resize_filler { border: none; padding: 0; width: 40px; display: inline-block; zoom: 1; *display: inline; } .attachbox { background-color:#b58491; border:1px dashed #fcfcfc; clear:left; float:left; margin:5px 5px 5px 0; padding:6px; width:auto; color:#000000; } .attachbox dt { font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; } .attachbox dd { border-top:1px solid #fcfcfc; clear:left; font-size:0.9em; margin-left:10px; padding:0; } dl.file { display:block; font-family:Verdana,Arial,Helvetica,sans-serif; margin-bottom:10px; } dl.file dt { font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; margin:0; padding:0; text-transform:none; } dl.file dt img { vertical-align:middle} .info { font-size:10px; font-style:italic; }
/* Spoiler */ .spoiler_closed { display:block; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #444444; line-height: 125%; background-color: #b58491; border: #fcfcfc; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; } .spoiler_closed.hidden { display:none; } .spoiler_content { display:block; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #444444; line-height: 125%; background-color: #b58491; border: #fcfcfc; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; } .spoiler_content.hidden { display:none; }
/* Styles Facebook */ .user_login_form { margin-bottom:5px; } .fb_or { background-color:#fcfcfc; border:2px solid #b58491; font-weight:bold; padding:5px; color:#444444; height : 16px; line-height : 16px; width : 26px; display : block; } #cont_pwd { width:150px; height:21px; float:left; padding:0 0 0 20px; } .pwd_img { padding : 4px 0 3px 0; width : 150px; height : 14px; line-height : 14px; font-size : 11px; font-weight : bold; text-align : center; color : #000000; display : none; } #pwd_good { background:url('http://2img.net/i/fa/p_strength/pwd_good.png'); } #pwd_middle { background:url('http://2img.net/i/fa/p_strength/pwd_middle.png'); } #pwd_bad { background:url('http://2img.net/i/fa/p_strength/pwd_bad.png'); } #fb_explain td { padding : 5px 0 5px 0; vertical-align : top; } .row1.fb { padding: 5px 2px 4px 2px; } .row2.fb { padding: 2px 3px 2px 8px; } #cont_fb_invit iframe { width: 760px !important; }
body { background-repeat: no-repeat; }
/*INFOBULLE*/ a.imginfo { position: relative; color: #000000; text-decoration: none; border-bottom: 3px #B58491 dotted; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ } a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 10px; /* on positionne notre infobulle */ left: 20px; background: rgb(240, 238, 240); color: 7d7d7d; padding: 10px; border: 0px solid grey; border-left: 5px solid #B58491; border-right: 5px solid #B58491; border-top: 5px solid #B58491; border-bottom: 5px solid #B58491; -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; }
textarea, .textarea.post, input.post { -moz-border-radius:10px; }
.bodyline { -moz-border-radius:10px; }
#navigation ul{ list-style-type: none; text-align: center; } #navigation li{ display: inline; text-align: center; margin: 0 10px 0 0; } #navigation li a { padding: 2px 7px 2px 7px; color: #FFF; background-color: #000000; border: 1px solid #ccc; text-decoration: none; } #navigation li a:hover{ background-color: #333333; color: #ffffff; }
.fondtitre{ display:inline; background-color: #ffffff ; letter-spacing: 2px; width: 200px; height: 200px; -moz-border-radius: 8px; border: 2px solid #000000; font-family: Georgia; font-size: 12px;}
Contour avatar
.postdetails.poster-profile a img { border: 6px; DOTTED ;#B58491; /*La bordure*/ } {-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px;}
barre de Navig
.mainmenu{ font-size : 10px; color : #5f4037; }
a.mainmenu{ text-decoration: none; color : #B58491; background-color: #ffffff; border-bottom: 2px solid #000000; filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; }
a.mainmenu:hover{ text-decoration:none; color : #B58491; background-color : #FFFFFF; border-bottom: 2px solid; color : #000000; filter:alpha(opacity=100); -moz-opacity:0.5;opacity: 2; }
.code { background-color: #ffffff; border:1px #000000 dashed; -border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #B58491; }
.quote { background-color: #ffffff; /* couleur noire du fond */ border:1px #000000 dashed; /* bordure blanche en traits peu épais */ -border-radius: 15px; /* tous les côtés sont arrondis */ -moz-border-radius: 15px; /* tous les côtés sont arrondis */ -webkit-border-radius: 15px; /* tous les côtés sont arrondis */ color: #B58491; /* couleur du texte blanche */ }
.johian a { font-style: italic; }
body { cursor: crosshair; }
.spoiler_content { display: block; } .hidden .spoiler_content { display: none; }
.defilement { overflow: auto; background-color: #CFCFCF; width: LARGEURpx; height: HAUTEURpx;
}
| | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Les " UP ou Douple-Post" ne sont pas autorisés dans cette section. Voici un extrait du règlement: - Citation :
- L'action de remonter un sujet («Up») est prohibée, nos codeurs font leur maximum pour apporter rapidement solution à votre problème, inutile de marquer votre impatience. De même, tout propos pouvant suggérer l'empressement ou l'impatience est défendu. Ceci dans votre intérêt: nous sommes peu enclin à répondre à une personne qui fait preuve d'une telle impolitesse. Ce règlement (datée du 28 juin 2010) prévaut sur tout autre clause contraire ailleurs sur le forum, excepté pour les commandes qui requiert une actualisation pour éviter le délestage automatique. Dans ce cas précis, merci de faire une phrase complète, pas un simple «Up»
Même pour fournir un code, la fonction "éditer" existe et ce n'est pas pour rien. Merci d'y faire attention à l'avenir et de respecter les règles de l'entraide. | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Votre problème est-il résolu ? Si tel n'est pas le cas, merci de bien vouloir cocher l'icône "résolu" en éditant votre premier post. Merci | | |
| | | Nyly*
{ Membre }
Messages : 74
| non problème non résolu.
Quelqu'un pourrait m'aider? | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Ce qui me perturbe dans l'affaire, c'est qu'il y a du bbcode dans le code de l'en-tête que tu nous fournis, est-ce normal ? J'aurais tendance à penser que c'est pour ça que ça foire '_' | | |
| | | Nyly*
{ Membre }
Messages : 74
| hum.. alors là je ne sais pas vraiment xD Je fais mes PA en fonction de certains codes que j'utilise dans mon fo, dans mes post et je ne sais pas vraiment ce qui pourrait gêner. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| *après s'être longuement battue avec le code* Pfou, le mélange HTML/BBCode, c'est infernal T.T Je pense que ton problème vient du fait que tu as mis un ROWSPAN=4 au lieu de ROWSPAN=3... En tout cas, ta structure doit correspondre à ça : - Code:
-
[table border="0"] [tr] [td]INFORMATIONS[/td] [td COLSPAN=2]? LIEBE C'EST ... :: [/td] [/tr]
[tr] [td ROWSPAN=5] blabla informations sur le forum [/td] [/tr]
[tr] [td]CONCOURS[/td] [td]STAFF[/td] [/tr]
[tr] [td]Info concours[/td] [td ROWSPAN=3] Infos staff[/td] [/tr] [tr] [td]AFFILIATE/VOTE[/td] [/tr] [tr] [td]Votes et affiliés[/td] [/tr] [/table] | | |
| | | Nyly*
{ Membre }
Messages : 74
| Merci beaucoup =) je vais essayer et je te dis ce que ça donne | | |
| | | Hortie
{ Membre actif }
Messages : 660
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône en éditant votre premier post. | | |
| | | Druyk
{ Membre actif }
Messages : 339
| Bonjour, Mon collègue vous à fait une relance et toujours pas de réponses. Je suis désolé mais je vais devoir archivé votre demande d'aide.
| | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|