Mer 10 Fév - 20:05 | Bonjour, vu vos magnifiques résultats jusqu'à présent je me demandais si vous accepteriez de prendre en compte ma commande de template (catégorie) que vous trouverez ci-dessous. D'avance je vous remercie :) Largeur maximale : 815pxHauteur maximale : autoSchéma : https://i.servimg.com/u/f68/19/38/55/85/catego11.pngÉléments : Dans les losanges, j'aimerai que se soit l'image des nouveaux ou anciens posts.Images : aucune je les ferai moi mêmeAnimations : Lorsque l'on passe sur les sous-forums il s'afficheInformations supplémentaires : peu importe les couleurs que vous utilisé tant que je peux les modifier facilement il n'y a pas de soucis car pour le moment je n'ai pas encore vraiment idée des couleurs que je vais utiliser.PS : ouvrirez-vous bientôt les commandes pour les bannières ? Merci d'avance En vous remerciant grandement. |
|
Jeu 11 Fév - 7:52 | Remplacer l'intégralité du template index_box par : - Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --> <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div> <div class="mdlCAT"><br clear="all" /> <!-- END tablehead -->
<!-- BEGIN cathead --> <div class="topCAT"></div> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="blocFRM"><div id="tlmFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbIIFRM">{catrow.forumrow.POSTS} M.</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">sous-forums<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div> <!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /></div> <div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* HAUT CATEGORIES */ .topCAT { width:815px; height:65px; background:url(http://img15.hostingpics.net/pics/577926TOPCat.png); /* MODIFIABLE */ } /* TITRE CATEGORIES */ .tleCAT{ position:relative; margin:10px auto 0; width:815px; padding:10px 0; text-align:center; } .tleCAT h2{ margin:0 auto; font-size:36px; text-transform:uppercase; font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* MILIEU CATEGORIES */ .mdlCAT { margin:auto; width:815px; padding:15px 0 20px; background:rgba(250,250,250,0.5); /* MODIFIABLE */ } /* BAS CATEGORIES */ .btmCAT { width:815px; height:65px; background:url(http://img15.hostingpics.net/pics/328210BTMCat.png); /* MODIFIABLE */ } /* BLOC FORUM */ .blocFRM { float:left; margin:0 0 10px 38px; width:350px; overflow:hidden; } /* BLOC DESCRIPTION FORUM */ #descFRM { width:340px; height:190px; padding:5px; overflow:hidden; background:#dedede; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE FORUM */ #descFRM img { position:absolute; z-index:2; margin-top:-5px; margin-left:-5px; width:350px; height:200px; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #descFRM:hover img { filter:grayscale(1); -webkit-filter:grayscale(1); } /* DESCRIPTION FORUM */ .descFRM { position:absolute; z-index:3; margin-left:5px; margin-top:3px; width:140px; height:175px; padding:5px; overflow:auto; background:rgba(0,0,0,0.5); color:white; font-family:Arial; /* MODIFIABLE */ font-size:11px; text-align:justify; opacity:0; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #descFRM:hover .descFRM { opacity:1; } /* BLOC ICÔNES/TITRE & DERNIER MESSAGE FORUM */ #tlmFRM { position:absolute; z-index:4; margin-left:170px; width:170px; height:200px; text-align:center; background:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM{ margin:10px auto 5px; } /* TITRE FORUM */ .tleFRM { padding:0 5px; font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; } .tleFRM a{ color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* NOMBRE SUJETS FORUM */ .nbFRM{ display:inline-block; vertical-align:top; margin:5px 5px 0; width:60px; height:15px; padding:5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; background:#101e29; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM{ display:inline-block; vertical-align:top; margin:5px 5px 0; width:60px; height:15px; padding:5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; background:#294154; color:white; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { padding:5px; font-size:11px; text-transform:uppercase; color:white; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { height:15px; padding:5px 0; overflow:hidden; font-size:10px; text-transform:uppercase; text-align:center; background:#191919; color:white; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div{ position:absolute; z-index:5; margin-top:-219px; margin-left:170px; width:160px; height:0px; padding:5px; overflow:hidden; text-align:left; background:#2f4759; /* MODIFIABLE */ opacity:0; transition:all 0.65s linear; -webkit-transition:all 0.65s linear; } .sfFRM:hover div{ height:190px; opacity:1; } /* LIENS SOUS-FORUMS */ .sfFRM a{ color:white !important; /* MODIFIABLE */ } Encadrer le texte descriptif des balises suivantes : - Code:
-
<div class="descFRM"> Texte descriptif </div> Forme de l'image de haut de catégorie :Forme de l'image de bas de catégorie :Forme des icônes du forum :La réouverture de cette catégorie de commandes n'est pas envisagée.
Excellente journée à vous. |
|
Jeu 11 Fév - 20:26 | Super c'est exactement ce que je souhaitai un grand merci pour votre rapidité et votre professionnalisme |
|