moonlight
{ Membre }
Messages : 5
| bonjouuur! alors mon problème semble très simple! j'ai suivi les instructions de ce tutoriel iciet mon image apparait seulement sur la dernière catégorie alors qu'elle devrait apparaître sous toutes les catégories. css - Code:
-
.notouch{width:350px;margin-top:-9px; }
/* PROFIL & SUJET */
.postdetails.poster-profile a img { border: 2px solid #D6C6B9; opacity:0.5; margin-bottom:4px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
.postdetails.poster-profile a img:hover { border: 2px solid #D6C6B9; opacity:1.0; margin-bottom:4px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
.linebt{ border-top:2px solid #FAFAFA; border-bottom:2px solid #FAFAFA; padding-bottom:2px; padding-top:3px; margin-top:-15px; }
.postbody{ text-align:justify; font-family:calibri; font-size:13px; line-height:13px; padding-left:10px; padding-right:10px; }
.topsu{ background-color:none; padding:3px; font-size:10px; height:20px; }
.postdetails2{ color:#DBD0C7; text-shadow:1px 1px 1px none; font-size:10px; line-height:11px; position: relative; }
.namep{ font-family: 'sanchez'; font-weight: 100; letter-spacing:1px; text-align:center; font-size:18px; line-height:16px; text-transform: lowercase; }
.backp{ background-color:#FFFFFF; border:#D6C6B9 1px solid; padding-left:8px; padding-right:10px; padding-top:5px; text-align:justify; font-size:10px; line-height:11px; }
.quotecontent img {max-width: 200px;}
/* QEEL */
/* Bloc principal */ .monBloc4 { position: relative; /* important ! */ overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */ width: 217px !important; /* largeur du bloc */ height: 145px !important; /* hauteur du bloc */ } /* Bloc de recouvrement */ .blocVolet4 { position: absolute; /* positionnement absolu (important) */ top: 0; /* (important) */ left: 0; /* (important) */ width: 217px !important; /* largeur du bloc (identique au bloc principal) */ height: 145px !important; /* hauteur du bloc (identique au bloc principal) */ /* réglage de la transition */ -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } /* Changement au survol */ .monBloc4:hover > .blocVolet4 { left: -217px !important; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */ }
.qeelbox{ background-color:#FAFAFA; border:#D6C6B9 solid 1px; padding:4px; overflow:Auto; width:217px; font-weight:normal; font-size:14px; line-height:9px; font-family:calibri; height:145px; TEXT-ALIGN:justify; text-transform:lowercase; margin-left:7px; margin-top:25px; }
.quoteqe{ font-family:'grand hotel', cusrive; font-size:16px; letter-spacing:0px; color:#67B69D; text-align:center; text-transform:lowercase; }
.gifqe{ margin-right:15px; width:100px; border:#CCCCCC 2px solid; opacity:0.8;}
.groupbox{ width:180px; margin-left:-215px; text-align:center; font-family: 'sanchez', cursive; font-size:16px; letter-spacing:3px; padding-bottom:0px; padding-top:25px; text-transform:uppercase; height:125px; margin-top:25px; }
.qeel1{ background-color:#FAFAFA !important; border:#D6C6B9 solid 1px; background-color:#FAFAFA; width:320px; margin-top:-6px; background-color:none; text-align:justify; padding:5px; height:142px; overflow:auto; margin-left:20px; font-size:11px; line-height:12px; }
.qeel2{ height:145px; overflow:auto; margin-right:20px; width:217px; background-color:none; text-align:justify; padding:5px; }
/* random */ co{color:#6EB4A0;} cv{color:#D84A4A;} nt{color:#4687D7;} ds{color:#22C96D;} ad{color:#E3A73F;} il{color:#6EB4A0;} cf{color:#3B6E75;} ce{color:#9DB7BF;font-weight:bold;} rd{color:#C93226;} re{color:#61B2B0;font-weight:bold;} pp{color:#C8AE99;} bmd{color:#A1A1A1;} go{color:#EC88B6;} pl{font-size:12px;color:#C5C5C5;} da{color:#8D9EA6;font-weight:bold;}
/* groupes */ fa{color:#D94A4A;} vi{color:#4687D6;} po{color:#22C96D;}
.rankp{ padding-top:4px; padding-bottom:6px; margin-bottom:5px; border-bottom:1px solid #F5F5F5; }
.dname{ color:#9DB7BF; font-family:'oswald'; font-size:15px; }
.chattt{ font-family: 'Pacifico', sans-serif; margin-top:12px; font-size:16px; }
#chatbox { background-color: #D4C4B8; } #chatbox_footer { background-color: #D4C4B8; } #chatbox_members { background-color: #D4C4B8; }
p.chatbox_row_1 { background-color:#DACDC1; } p.chatbox_row_2 { background-color:#D1C2B7; }
#chatbox_header .catBottom .cattitle { width:450px!important; background:none!important; font-size:14px; color:#A28C7C; font-family:calibri; }
.bubinfo{ text-align:center; font-size:16px; font-family: 'PT Sans Narrow', sans-serif; color:#4FB59D; padding-top:4px; padding-bottom:4px; margin-top:4px; }
.hugeline{ display:block; text-transform:uppercase; text-align:center; background-color:none; width:823px; margin-right:0px; color:#FAFAFA; background-image: url("http://img15.hostingpics.net/pics/962896Untitled3copy.png"); font-family: 'sanchez'; font-weight:100; font-size:24px; padding-top:114px; height:36px; }
.woopsd{ width:464px; padding-bottom:3px; text-transform:lowercase; font-size:10px; color:#FAFAFA; font-family:calibri; text-align:center; }
/* bouton profil dérouler*/ .butt{ width:200px; font-size:18px; font-family: calibri; margin:0px; padding:0px; background-color:#ffffff; overflow:visible; border:none!important; color:#666666; }
.infotitle{background-color:#ffffff; }
.mjob{ padding-left:45px; }
/*modifier l'apparence des scrollbars de tout le forum*/ ::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 5px; /*hauteur de la scrollbar horizontale*/ background-color: #889e9e;}
::-webkit-scrollbar-track { background-color: #889e9e; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #b8bfc3 /*couleur de l'ascenseur*/; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.phonebody { height: 281px; overflow: auto; width: 200px; margin-top: -35px; margin-left: -3px; }
/*modifier la scrollbar du phone*/ .phonebody::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 5px; /*hauteur de la scrollbar horizontale*/ background-color: #FFFFFF;}
.phonebody::-webkit-scrollbar-track { background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}
.phonebody::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #FFFFFF /*couleur de l'ascenseur*/;}
.spoiler_closed{ background-color:#E8EBEC; color:#A4A4A4; padding-left:4px; padding-right:4px; border:none!important; max-width:450px; }
.spoiler_content{ background-color:#E8EBEC; color:#A4A4A4; padding-left:4px; padding-right:4px; border:none!important; }
.code{ border:none!important; background-color:#E8EBEC!important;; color:#A4A4A4; padding-left:4px; padding-right:4px; max-width:450px; } .selectCode { float:right; text-transform: uppercase; cursor:pointer; } div.cont_code { clear: right; }
.quote{ border:#d2dadf 1px solid; background-color:#ffffff!important; font-family:calibri; color:#BEC6CA; text-shadow:#ECECEC 1px 1px 1px; padding: 4px; max-width:450px; }
/* FICHES & AUTRES */
.pred{ height:80px;overflow:auto; font-family:calibri; font-size:12px; line-height:11px; text-align:justify; }
.gim2{ width:110px; border:#D8D8D8 3px solid; }
.gil{ width:100px; border:#D8D8D8 3px solid; float:left; margin-right:3px; }
.nfl{ font-family: 'Orbitron', sans-serif; font-size:14px; color:#547474; }
.nbl{ width:209px; height:120px; overflow:auto; text-align:justify; padding-left:3px; padding-right:3px; font-family:calibri; font-size:12px; line-height:11px; }
.tit{ font-size:20px; color:#DCDCDC; }
.giff{ width:144px; border:#F0F0F0 3px solid; margin-right:10px; border:#CBA686 1px solid; padding:3px; background-color:#FEFFFF; }
.giff2{ width:424px; border:#CBA686 1px solid; padding:3px; background-color:#FEFFFF; }
.ted{ text-align:justify; font-family:calibri; font-size:12px; line-height:11px; }
.ted2{ text-align:justify; font-family:calibri; font-size:12px; line-height:12px; }
.ted3{ text-align:justify; font-family:calibri; font-size:12px; line-height:12px; height:122px; overflow:auto; }
.tep{ text-align:justify; font-family:calibri; font-size:12px; line-height:11px; height:76px; overflow:auto; }
.tep2{ text-align:justify; font-family:calibri; font-size:12px; line-height:11px; }
.pcn{ width:209px; height:120px; overflow:auto; text-align:justify; padding-left:3px; padding-right:3px; font-family:calibri; font-size:12px; line-height:11px; }
.pcn2{ width:210px; height:120px; overflow:auto; text-align:justify; padding-left:3px; padding-right:3px; font-family:calibri; font-size:12px; line-height:11px; }
.gim{ width:210px; border:#D8D8D8 3px solid; }
.boxf{ width:428px; height:124px; overflow:auto; text-align:justify; padding-top:5px; padding-left:5px; padding-right:5px; font-family:calibri; font-size:12px; line-height:11px; }
.tef{ font-family: 'slabo 27px', sans-serif; font-size:15px; letter-spacing:1px; color:#ffffff; background-color:#CBA686; width:465px; padding-top:3px; padding-bottom:3px; margin-left:-13px; text-align:center; }
.tef2{ font-family: 'slabo 27px', sans-serif; font-size:15px; letter-spacing:1px; color:#ffffff; background-color:#E6E2D6; width:465px; padding-top:3px; padding-bottom:3px; margin-left:-13px; text-align:center; }
.tef3{ font-family: 'sanchez', sans-serif; font-size:15px; letter-spacing:1px; color:#C93226; }
.boxc{ width:428px; height:124px; overflow:auto; text-align:justify; padding-top:5px; padding-left:5px; padding-right:5px; font-family:calibri; font-size:12px; line-height:11px; border-bottom:#8D9EA6 2px solid; }
.boxc2{ width:428px; text-align:justify; padding-top:5px; padding-left:5px; padding-right:5px; font-family:calibri; font-size:12px; line-height:11px; }
.gip{ border:#CBA686 1px solid; padding:3px; background-color:#FEFFFF; width:154px; margin-left:7px; margin-bottom:5px;float:right; }
.tpx{ text-align:justify; font-family:calibri; font-size:12px; line-height:11px; }
.gep{ width:180px; border:#D8D8D8 3px solid; float:left; margin-right:5px; }
.boxi{ width:428px; height:144px; overflow:auto; text-align:justify; padding-top:5px; padding-left:5px; padding-right:5px; font-family:calibri; font-size:12px; line-height:11px; border-top:#F5F5F5 2px dashed; border-bottom:#F5F5F5 2px dashed; }
.stan{ font-family: 'PT Sans Narrow', sans-serif; font-size:15px; color:#B2B2B2; }
.pin{ border-radius:100px; }
.boxnd{ font-family:calibri; font-size:11px; line-height:10px; height:50px; overflow:auto; }
.usnm{ font-family: 'gruppo', serif; font-size:25px; color:#373737; text-transform:lowercase; }
.usnm2{ text-shadow:1px 1px 1px #ffffff; font-family: 'grand hotel', serif; font-size:22px; line-height:10px; color:#373737; text-transform:lowercase; }
.usnm3{ text-shadow:1px 1px 1px #ffffff; font-family: 'redressed', serif; font-size:15px; color:#373737; text-transform:lowercase; }
.fnm{ font-family: 'redressed', sans-serif; font-size:14px; color:#C7CCCE; text-transform:lowercase; }
.boxn{ height:255px; overflow:Auto; }
.stn{ background-color:#F9F9F9; width:260px; margin-left:5px; padding:3px; font-family:calibri; font-size:11px; line-height:10px; padding-left:5px; padding-right:5px; text-align:justify; }
.botbac{ background-color:#ffffff; border-top:10px solid #CBA686; width:438px; padding-right:6px; padding-left:6px; text-align:justify; }
.botbac2{ background-color:#ffffff; width:438px; padding-right:6px; padding-left:6px; text-align:justify; }
.bf{width:426px; border:#CBA686 1px solid; padding:3px; background-color:#FEFFFF;}
.botbac8{ background-color:#ffffff; border-bottom:8px solid #CBA686; width:438px; padding-right:6px; padding-left:6px; text-align:justify; }
.botl{ padding-left:25px; font-family: 'Orbitron', sans-serif; color:#C54D4F; font-size:18px; }
.botl2{ padding-left:20px; font-family: 'Orbitron', sans-serif; color:#C54D4F; font-size:18px; }
/*CATÉGORIES*/ .boxcatc{ background-color:#FAFAFA; border:#D6C6B9 solid 1px; padding:4px; height:70px; margin-top:-10px; }
a.cattitle { display:block; text-transform:uppercase; text-align:center; background-color:none; width:823px; margin-right:-15px; color:#FAFAFA; background-image: url("http://img15.hostingpics.net/pics/962896Untitled3copy.png"); font-family: 'sanchez'; font-weight:100; font-size:24px; padding-top:114px; height:36px; }
.cate3{ background-color:#FAFAFA; border:#D6C6B9 solid 1px; padding:4px; overflow:Auto; width:165px; font-weight:normal; font-size:14px; line-height:9px; font-family:calibri; height:70px; TEXT-ALIGN:justify; text-transform:lowercase; margin-left:18px; margin-top:-10px; }
.cate2{ width: 625px; valign: middle; align: center;}
.imgc{ width:60px; }
.descate{ overflow-y: auto; height: 60px; text-transform:lowercase; font-family:calibri; font-size:12px; line-height:12px; color:#8C8C8C; overflow:auto; text-align:justify; padding-right: 5px; background-color:#FAFAFA; }
.forumlink{ font-family: 'grand hotel'; font-size:24px; font-weight:100; text-align:justify; text-align:center; margin: 10px; text-shadow:#FCFCFC 1px 1px 1px; }
.statca{ font-family: 'sanchez'; font-weight:100; font-size:10px; }
/* Bloc principal */ .monBloc { position: relative; /* important ! */ overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */ width: 164px !important; /* largeur du bloc */ height: 70px !important; /* hauteur du bloc */ } /* Bloc de recouvrement */ .blocVolet { position: absolute; /* positionnement absolu (important) */ top: 0; /* (important) */ left: 0; /* (important) */ width: 164px !important; /* largeur du bloc (identique au bloc principal) */ height: 70px !important; /* hauteur du bloc (identique au bloc principal) */ /* réglage de la transition */ -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } /* Changement au survol */ .monBloc:hover > .blocVolet { left: -164px !important; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */ }
.lastpost{ background-color:#FAFAFA; border:#D6C6B9 solid 1px; padding:4px; padding-top:10px; margin-top:23px; margin-left:9px; width: 150px; height: 63px; text-transform:lowercase; margin-right:5px; }
/*modifier la scrollbar de descate*/ .descate::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 5px; /*hauteur de la scrollbar horizontale*/ background-color: #ececec;}
.descate::-webkit-scrollbar-track { background-color: #ececec; /*couleur du fond de la scrollbar*/}
.descate::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #ececec /*couleur de l'ascenseur*/;}
/*modifier la scrollbar de CATE3*/ .cate3::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 5px; /*hauteur de la scrollbar horizontale*/ background-color: #ececec;}
.cate3::-webkit-scrollbar-track { background-color: #ececec; /*couleur du fond de la scrollbar*/}
.cate3::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #ececec /*couleur de l'ascenseur*/;}
/* B O D Y B-B-B-BODY */ .squareboxmenu{ background-color:#E6DFD8; margin-top:-5px; width:382px; height:95px; text-align:justify; padding-top:5px; line-height:10px; position:absolute; left: 20px; top: 15px; z-index: 2; }
.squareboxmenu2{ background-color:#E6DFD8; margin-top:-10px; height:95px; padding-top:10px; padding-left:5px; padding-right:5px; }
.statnav{ text-align:center; line-height:10px; margin-top:10px; }
.tini{ font-family:calibri; font-size:11px; color:#D1C9C1; text-transform:lowecase; }
a.mainmenu{ color:#64B3B0; font-family: 'pt sans narrow'; font-size:11px; font-weight:100; margin-right:3px; margin-left:3px; text-transform:uppercase; -webkit-transition-duration: 1s; transition-duration: 1s; }
a.mainmenu:hover{ color:#D50017; font-family: 'pt sans narrow'; font-size:11px; font-weight:100; text-transform:uppercase; -webkit-transition-duration: 1s; transition-duration: 1s; }
.bodyline { padding-left:0px; padding-right:0px; padding-top:0px; overflow-x: hidden; border:none; }
.body{ overflow-x: hidden;} #i_logo { margin-top:-1px;} .forumline { margin:auto; text-align: justify; border:none !important; position: relative; top: 0; left: 0; z-index: 500 !important; }
a:hover{text-decoration: none !important; -webkit-transition-duration: 1s; transition-duration: 1s;} a {text-decoration: none !important; -webkit-transition-duration: 1s; transition-duration: 1s;} a:link {text-decoration: none; -webkit-transition-duration: 1s; transition-duration: 1s;} a:visited {text-decoration: none; -webkit-transition-duration: 1s; transition-duration: 1s;}
td.catBottom { border-width:0 0px 0px !important; } td.catHead { border-width:0px 0px 0 !important; font-size:12px; } th, p { border-width:0 0 0 0px !important; } tr.post span.gensmall { display: none; } template - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}"><img src="{SPACER}" height="0"/></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}"><img src="{SPACER}" height="0" width="0" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <div class="lastpost"><span class="gensmall"><center>{catrow.forumrow.LAST_POST} <span class="gensmall"><br/><div class="statca">{catrow.forumrow.POSTS} messages in {catrow.forumrow.TOPICS} topics</div></span></center></span> </div> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" height="50"><div class="cate2"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> <table><tr><td><span class="genmed"><div class="boxcatc">{catrow.forumrow.FORUM_DESC}</div></span></td> <td> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --></span> <div class="cate3"> <span class="gensmall" id="sousForums"> <div class="monBloc"> <div class="blocVolet"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"/> </div> {catrow.forumrow.L_LINKS}+ {catrow.forumrow.LINKS} </div> </span></div></td></tr></table> </div></td> </tr> <script type="text/javascript"> <!-- jQuery('#sousForums').html(jQuery('#sousForums').html().replace(/, /g,'<br /> + ')).removeAttr('id'); //--> </script> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="0"><img src="{SPACER}" height="0" width="0" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --></table><img src="{SPACER}" alt="" height="5" width="1" /> <img src="http://img15.hostingpics.net/pics/171600Untitled4copy.png"/><!-- END tablefoot --><!-- END catrow --> j'espère que vous pourrez m'aider merci d'avance ~ | | |
|
'Christa
Lostmindy
Messages : 2856
| Bonjour A mon avis, la théorie la plus probable est que l'affichage de tes catégories (dans ton panneau Admin, il faut aller dans Affichage » Structure et Hiérarchie) est réglé pour des catégories non séparées, auquel cas il faut que tu le changes pour mettre des catégories séparées. Si ce n'est pas ça, il va falloir que tu me donnes le lien de ton forum que je puisse voir ça de plus près ! | | |
|
moonlight
{ Membre }
Messages : 5
| coucou! merci d'avoir voulu m'aider! mais j'ai joué un peu dans mes trucs, et au final, j'ai réussi à régler mon problème~ merci quand même <3 | | |
|
'Christa
Lostmindy
Messages : 2856
| De rien !
Mais en règle générale, on cherche avant de demander, tu sais, ça évite de faire perdre du temps aux gens XD | | |
|