| | Dim 13 Mar - 22:25 | BIEN LE BONSOIR ! Je viens solliciter votre aide - et en profite également pour vous complimenter sur votre travail, il est fabuleux ! Vous faites des codes merveilleux. Largeur maximale : 950pxHauteur maximale : Auto !Schéma : il est complet, toutes les annotations servent à créer les catégories -> https://2img.net/r/hpimg4/pics/739605SCHEMACATEGORIES.png Éléments : Non ! Images : Voici l'image de fond utilisée -> https://2img.net/h/oi68.tinypic.com/1566ddf.png Animations : J'aimerais que lorsqu'on passe la souris sur le bloc descriptif de la catégorie, s'affiche un bloc de même taille et couleur, mais avec les liens des sous forums. Ceux-ci : centrés, en majuscules et de même taille et couleur que le texte descriptif.Informations supplémentaires : J'aimerais que le gros bloc (de 950px avec le fond image) contenant les catégories ait aussi une bordure d'1px de couleur #EFEFEF !
Pour la police du titre de la catégorie, utilisez en une qui se rapproche de celle que j'ai employé (je la tiens de Dafont donc pas possible de la mettre sur le forum)...
La taille du titre du forum est plus petite que la taille de celui de la catégorie ! Il y a également un espacement entre les lettres. !! l'icone qui renvoie au dernier message posté se situe à la place du "PAR" et donc à gauche du pseudonyme !
La taille de police du posteur est bien plus petite que le titre du forum, il n'y a pas d'espacement de lettre et la couleur est plus claire.
La taille de police de la date et de l'heure est encore plus petite que celle du posteur et la couleur est pareille que celle du titre du forum. :-)
La couleur des blocs RÉPONSES, SUJETS est #EFEFEF La couleur du bloc de fond de la catégorie est : #e6c998
Le bloc de 400x200px a pour fond l'image que je vous ai fournis en lien, la même que le gros bloc.Je vous remercie d'avance et vous souhaite une bonne soirée ! |
| | | Lun 14 Mar - 0:47 | Pardonnez-moi ce double-post, j'ai oublié de mettre la commande du QEEL avec... Je suis vraiment désolée... En espérant ne pas trop vous en demander !! :-/ Largeur maximale : 950px Hauteur maximale : 645px Schéma : il est complet en principe, comme l'autre, toutes les annotations servent à créer les catégories -> https://2img.net/r/hpimg15/pics/979394schemaQEEL.pngÉléments : Non ! Images : J'ai fais celles-ci pour les top-sites (du coup pas besoin de mettre une bordure blanche) -> https://2img.net/r/hpimg15/pics/347958topsiteun.pngAnimations : Aucunes ! Encore merci !!! |
| | | Jeu 17 Mar - 23:05 | Remplacer l'intégralité du template index_box par : - Code:
-
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css"> <table width="900px" 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"><span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="blocFRM"><div class="FRM"><div id="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxFRM"><div class="nbFRM"><p><b>{catrow.forumrow.TOPICS}</b><br/>sujets</p></div><div class="nbFRM nbIIFRM"><p><b>{catrow.forumrow.POSTS}</b><br/>messages</p></div></div></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /></div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* CORPS DU FORUM */ .bodyline { margin:0; padding:0; background:url(http://oi68.tinypic.com/1566ddf.jpg); border:1px solid #efefef; /* MODIFIABLE */ }
/* HAUT CATEGORIES */ .topCAT { margin:auto; width:900px; height:65px; padding-top:50px; background:#e6c998; border-bottom:5px solid #d7bc8e; /* MODIFIABLE */ } /* TITRE CATEGORIES */ .tleCAT{ text-align:right; padding-right:35px; } .tleCAT h2{ margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px; font-family:Fjalla One; color:white; text-shadow:1px 1px 0 #d7bc8e; /* MODIFIABLE */ } /* CONTENU CATEGORIES */ .mdlCAT { margin:auto; margin-bottom:15px; width:898px; height:auto; border-top:none; background:white; border:1px solid #efefef; /* MODIFIABLE */ } /* BLOC FORUMS */ .blocFRM{ width:900px; margin:auto; text-align:center; } /* BLOC FORUM */ .FRM { float:left; margin:25px; width:400px; } /* ICÔNES FORUM */ #imgFRM{ display:inline-block; vertical-align:middle; } /* BORDURE ICÔNES FORUM */ .imgFRM { width:50px; height:50px; padding:5px; border:1px solid #efefef; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:middle; margin-left:35px; } /* TITRE FORUM */ .tleFRM { margin-bottom:10px; width:175px; font-family:Fjalla One; text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:1px; } .tleFRM a{ color:#e6c998 !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { font-size:10px; color:#e6c998; /* MODIFIABLE */ } /* TITRE DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; } /* ICÔNE POSTEUR DERNIER MESSAGE FORUM */ .lmsgFRM .sprite-icon_topic_latest { float:left; margin-right:-75px; margin-left:45px; margin-top:3px; } /* BLOC DESCRIPTION & SOUS-FORUMS */ #descFRM { position:absolute; margin-top:-132px; width:400px; height:200px; overflow:hidden; background:url(http://oi68.tinypic.com/1566ddf.jpg); border:1px solid #efefef; /* MODIFIABLE */ transform:scale(0); -webkit-transform:scale(0); opacity:0; } #imgFRM:hover #descFRM{ transform:scale(1); -webkit-transform:scale(1); opacity:1; } /* DESCRIPTION FORUM */ .descFRM{ margin:auto; margin-top:15px; width:350px; height:150px; padding:5px; overflow:auto; font-family:Verdana; font-size:11px; text-align:justify; background:white; border:1px solid #efefef; color:black; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { width:385px; height:15px; padding:5px; overflow:auto; font-size:10px; } /* LIEN SOUS-FORUM */ .sfFRM a{ text-transform:uppercase; color:black !important; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { width:86px; height:86px; padding:2px; overflow:hidden; text-transform:uppercase; font-size:11px; background:#efefef; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BORDURES NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM p{ margin:0; height:64px; padding-top:20px; border:1px solid white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-top:20px; } /* TAILLE NOMBRES NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM b { font-size:14px; } Remplacer l'intégralité du template index_body par :- Spoiler:
- Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle" align="right"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_header --> {CHATBOX_TOP} {BOARD_INDEX}
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_footer -->
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css"> <!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr><td><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">Statistiques</a></div><div id="QEEL"><!-- EN LIGNE --><div class="onQEEL"><table><p>Membres en ligne : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></p></table></div> <!-- TOP-SITES --><div class="topQEEL"><a href="" target="_blank"><img src="http://img15.hostingpics.net/pics/347958topsiteun.png" /></a><a href="" target="_blank"><img src="http://img15.hostingpics.net/pics/347958topsiteun.png" /></a><a href="" target="_blank"><img src="http://img15.hostingpics.net/pics/347958topsiteun.png" /></a><a href="" target="_blank"><img src="http://img15.hostingpics.net/pics/347958topsiteun.png" /></a><a href="" target="_blank"><img src="http://img15.hostingpics.net/pics/347958topsiteun.png" /></a></div> <!-- 24 H --><div class="dayQEEL"><div><table>{L_CONNECTED_MEMBERS}</table></div></div> <!-- GROUPES --><div class="GQEEL"><a href="" style="color:grey;">Groupe</a><a href="" style="color:grey;">Groupe</a><a href="" style="color:grey;">Groupe</a><a href="" style="color:grey;">Groupe</a><a href="" style="color:grey;">Groupe</a></div> <!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MESSAGES --><div class="tlPQEEL"><p><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>messages</p></div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><p><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>membres</p></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à<span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div><!-- MARQUER TOUS LES FORUMS COMME LUS --><div class="allRQEEL"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></div> </div> </td> </tr> </table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" />
{AUTO_DST}
<!-- BEGIN switch_fb_index_login --> <div id="fb-root"></div> <script> FB.init({ appId : {switch_fb_index_login.FACEBOOK_APP_ID}, cookie : true, xfbml : true, oauth : true, version : 'v2.3' });
(function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!-- END switch_fb_index_login --> Partie CSS : - Code:
-
/* TITRE QEEL */ .tleQEEL { margin:auto; width:900px; height:65px; padding-top:50px; background:#e6c998; border-bottom:5px solid #d7bc8e; /* MODIFIABLE */ font-family:Fjalla One; letter-spacing:2px; text-transform:uppercase; text-align:right; font-style:italic; } .tleQEEL a{ font-size:32px; padding-right:25px; color:white; text-shadow:1px 1px 0 #d7bc8e; /* MODIFIABLE */ } /* QEEL */ #QEEL { margin:auto; border-top:none; width:898px; padding-top:20px; padding-bottom:5px; text-align:center; background:white; border:1px solid #efefef; /* MODIFIABLE */ } /* BLOC MEMBRES CONNECTES */ .onQEEL { display:inline-block; vertical-align:top; width:370px; height:183px; padding:10px; background:url(http://oi68.tinypic.com/1566ddf.jpg); border:1px solid #efefef; /* MODIFIABLE */ } /* MEMBRES CONNECTES */ .onQEEL p { margin:auto; margin-top:15px; width:320px; height:140px; padding:5px; overflow:auto; background:white; border:1px solid #efefef; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } /* TOP-SITES */ .topQEEL { display:inline-block; margin:0 10px; width:45px; } .topQEEL a{ margin-bottom:3px; } /* BLOC 24H */ .dayQEEL { display:inline-block; vertical-align:top; width:400px; height:203px; background:url(http://oi68.tinypic.com/1566ddf.jpg); border:1px solid #efefef; /* MODIFIABLE */ } /* 24H */ .dayQEEL div { margin:auto; margin-top:25px; width:330px; height:140px; padding:5px; overflow:auto; background:white; border:1px solid #efefef; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } .dayQEEL .row1 { background:none; padding:0; margin:0; } /* BLOC GROUPES QEEL */ .GQEEL { margin:10px auto; width:860px; padding:10px 0; text-align:center; text-transform:uppercase; border:1px solid #efefef; /* MODIFIABLE */ } /* LIEN GROUPE QEEL */ .GQEEL a{ margin:0 5px; } /* BLOC TOTAL MEMBRES & MESSAGES / DERNIER UTILISATEUR ENREGISTRE QEEL */ .stsQEEL { margin:auto; width:860px; } /* BLOC NOMBRE MESSAGES QEEL */ .tlPQEEL { display:inline-block; vertical-align:top; height:90px; width:90px; padding:5px; background:url(http://oi68.tinypic.com/1566ddf.jpg); border:1px solid #efefef; /* MODIFIABLE */ } /* NOMBRE MESSAGES QEEL */ .tlPQEEL p{ margin-top:10px; margin-left:10px; width:70px; height:55px; padding-top:15px; text-transform:uppercase; font-size:11px; text-align:center; background:white; border:1px solid #efefef; color:grey; /* MODIFIABLE */ } /* TAILLE NOMBRE NOMBRE MESSAGES QEEL */ .tlPQEEL b{ font-size:18px; } /* BLOC TOTAL MEMBRES QEEL */ .tlMQEEL { display:inline-block; vertical-align:top; margin-left:15px; height:90px; width:90px; padding:5px; background:url(http://oi68.tinypic.com/1566ddf.jpg); border:1px solid #efefef; /* MODIFIABLE */ } /* TOTAL MEMBRES QEEL */ .tlMQEEL p{ margin-top:10px; margin-left:10px; width:70px; height:55px; padding-top:15px; text-transform:uppercase; font-size:11px; text-align:center; background:white; border:1px solid #efefef; color:grey; /* MODIFIABLE */ } /* TAILLE NOMBRE TOTAL MEMBRES QEEL */ .tlMQEEL b{ font-size:18px; } /* DERNIER UTILISATEUR ENREGISTRE QEEL */ .lstQEEL { display:inline-block; vertical-align:top; margin-left:15px; height:65px; width:624px; padding-top:35px; border:1px solid #efefef; color:grey; /* MODIFIABLE */ text-transform:uppercase; text-align:center; font-size:24px; } /* MARQUER TOUS LES FORUMS COMME LUS */ .allRQEEL { margin:10px auto; width:860px; padding:2px 0; text-transform:uppercase; text-align:center; letter-spacing:5px; background:#efefef; /* MODIFIABLE */ } /* BORDURE MARQUER TOUS LES FORUMS COMME LUS */ .allRQEEL a{ display:block; margin:auto; width:854px; padding:5px 0; border:1px solid white; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } L'inattention quant à la disponibilité affichée se compensant de schémas consciencieusement préparés, une semi-dérogation - les commandes étant à nouveau acceptées - vous est ainsi octroyée.
Vous souhaitant une agréable soirée. |
| | | Ven 18 Mar - 13:42 | Bonjour Skaemp ! Je tiens à m'excuser, je n'ai pas fais attention au petit encadré... Je suis vraiment confuse, cela ne se reproduira plus, je veillerais à bien regarder la prochaine fois. Merci pour votre travail, c'est génial et votre rapidité m'épate ! Je suis bluffée ! Je me permet tout de même de vous embêter sur les catégories, j'aimerais savoir comment faire pour, comme sur le schéma, mettre les catégories sur une ligne et pas en deux colonnes et ... aussi pour faire ceci -> https://2img.net/r/hpimg15/pics/314536captureschema.pngC'est à dire que lorsque je passe la souris sur le bloc descriptif, les liens s'affichent ^^ Je suis désolée de vous enquiquiner ainsi ! En tous cas merci pour votre travail ! |
| | | Ven 18 Mar - 22:59 | Bonsoir,
Remplacer l'intégralité du template index_box par : - Code:
-
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css"> <table width="900px" 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"><!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="blocFRM"><div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxFRM"><div class="nbFRM"><p><b>{catrow.forumrow.TOPICS}</b><br/>sujets</p></div><div class="nbFRM nbIIFRM"><p><b>{catrow.forumrow.POSTS}</b><br/>messages</p></div></div></div><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* HAUT CATEGORIES */ .topCAT { margin:auto; width:900px; height:65px; padding-top:50px; background:#e6c998; border-bottom:5px solid #d7bc8e; /* MODIFIABLE */ } /* TITRE CATEGORIES */ .tleCAT{ text-align:right; padding-right:35px; } .tleCAT h2{ margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px; font-family:Fjalla One; color:white; text-shadow:1px 1px 0 #cad78e; /* MODIFIABLE */ } /* CONTENU CATEGORIES */ .mdlCAT { margin:auto; margin-bottom:15px; width:898px; height:auto; padding-bottom:35px; border-top:none; background:white; border:1px solid #efefef; /* MODIFIABLE */ } /* BLOC FORUM */ .blocFRM{ width:900px; margin:auto; text-align:center; } /* BLOC POSITIONNEMENT */ .FRM { display:inline-block; vertical-align:top; margin:35px 25px 0; width:400px; } /* BORDURE ICÔNES FORUM */ .imgFRM { display:inline-block; vertical-align:middle; width:50px; height:50px; padding:5px; border:1px solid; border-color:#efefef; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxFRM { display:inline-block; vertical-align:middle; margin-left:35px; } /* TITRE FORUM */ .tleFRM { margin-bottom:10px; width:175px; font-family:Fjalla One; text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:1px; } .tleFRM a{ color:#e6c998 !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { font-size:10px; color:#e6c998; /* MODIFIABLE */ } /* TITRE DERNIER MESSAGE FORUM */ .lmsgFRM a { text-transform:uppercase; } /* ICÔNE POSTEUR DERNIER MESSAGE FORUM */ .lmsgFRM .sprite-icon_topic_latest { float:left; margin-right:-75px; margin-left:45px; margin-top:3px; } /* NOMBRE SUJETS FORUM */ .nbFRM { width:86px; height:86px; padding:2px; overflow:hidden; text-transform:uppercase; font-size:11px; background:#efefef; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* BORDURES NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM p{ margin:0; height:64px; padding-top:20px; border:1px solid; border-color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES FORUM */ .nbIIFRM { margin-top:20px; background:#efefef; color:rgba(0,0,0,0.5); /* MODIFIABLE */ } /* TAILLE NOMBRES NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM b { font-size:14px; } /* BLOC DESCRIPTION & SOUS-FORUMS */ #descFRM { display:inline-block; margin-top:35px; margin-right:25px; width:400px; height:200px; overflow:hidden; background:url(http://oi68.tinypic.com/1566ddf.jpg); border:1px solid #efefef; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM{ margin:auto; margin-top:19px; width:350px; height:150px; padding:5px; overflow:auto; font-family:Verdana; font-size:11px; text-align:justify; background:white; border:1px solid #efefef; color:black; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS */ .sfFRM { position:absolute; margin-top:-160px; margin-left:20px; width:350px; height:140px; padding:5px; overflow:auto; background:white; /* MODIFIABLE */ opacity:0; transition:opacity 0.45s ease-in-out; -webkit-transition:opacity 0.45s ease-in-out; } .sfFRM:hover { opacity:1; } /* LIEN SOUS-FORUM */ .sfFRM a{ font-size:16px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */ } |
| | | Sam 19 Mar - 0:22 | Bonsoir Skaemp ! Merci beaucoup, tout marche à merveille ! En vous souhaitant une agréable soirée et une bonne continuation |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|