Dim 20 Mar - 19:25 | Largeur maximale : 600px Hauteur maximale : auto Schéma : schéma ici Éléments : Icône new/no new/locked, description, sous forums, illustrations, dernier message, nombre de messages/sujets Images : Aucune en particulier ! Animations : Glissement vers la droite au hover du titre. Illustration en N/B, passe en couleurs au hover. Texte de la description à opa 0.8, et à 1 au hover Informations supplémentaires : Merci beaucoup de bien vouloir prendre en charge ma commande ♥ |
|
Lun 21 Mar - 5:38 | Bonjour,Remplacer l'intégralité du template index_box par : - Code:
-
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css"> <table width="600px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="blocDESC"></div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ● {catrow.forumrow.POSTS} messages</div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* TITRE CATEGORIES */ .tleCAT{ margin:auto; margin-top:5px; width:600px; padding:5px 0; text-align:center; background:none; /* MODIFIABLE */ } .tleCAT h2{ margin:0; font-size:32px; text-transform:uppercase; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .blocFRM{ margin:auto; width:600px; } /* TITRE FORUM */ .tleFRM { margin-bottom:-10px; padding-left:105px; transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } .tleFRM a{ font-family:Dancing Script; font-size:32px; color:#f26d7d !important; /* MODIFIABLE */ } /* SURVOL TITRE FORUM */ .tleFRM:hover { padding-left:150px; } /* BLOC FORUM */ .FRM{ margin:20px; width:600px; } /* ICÔNES FORUM */ .imgFRM{ display:inline-block; vertical-align:top; margin-top:10px; margin-left:-15px; margin-right:25px; width:75px; height:75px; transform:rotate(45deg); -webkit-transform:rotate(45deg); } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:top; } /* DESCRIPTION FORUM */ .descFRM { margin-bottom:5px; width:240px; height:75px; padding:5px; overflow:auto; border-radius:10px; font-size:10px; text-align:justify; background:#f26d7d; color:rgba(0,0,0,0.8); /* MODIFIABLE */ transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } .descFRM:hover { color:black; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { width:240px; height:15px; padding:5px; overflow:auto; border-radius:10px; background:#f7a5ae; color:rgba(250,250,250,0.6); /* MODIFIABLE */ font-size:10px; text-align:left; text-transform:uppercase; } /* LIEN SOUS-FORUM */ .sfFRM a{ color:rgba(250,250,250,0.6) !important; /* MODIFIABLE */ } /* BLOC IMAGE DESCRIPTIVE */ .blocDESC { display:inline-block; margin:0 10px; width:85px; height:115px; border-radius:10px; background:#dedede; /* MODIFIABLE */ } /* IMAGE DESCRIPTIVE */ .descFRM img{ position:absolute; margin-top:-5px; margin-left:255px; width:85px; height:115px; border-radius:10px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } .descFRM img:hover { filter:grayscale(0); -webkit-filter:grayscale(0); } /* DERNIER MESSAGE FORUM */ .lmsgFRM { margin-bottom:5px; width:130px; height:65px; padding:10px 5px; border-radius:10px; text-align:center; font-size:10px; background:#f26d7d; color:white; /* MODIFIABLE */ } /* NOMBRE SUJETS ET MESSAGES */ .nbFRM { width:140px; height:15px; padding:5px 0; border-radius:10px; font-size:9px; text-align:center; background:#f7a5ae; color:black; /* MODIFIABLE */ } Icônes du forum : 75*75 Images descriptives : 85*115 |
|