Commande templates

Ven 21 Juil - 18:04
Bien le bonjour à vous Skaemp :) Je viens de voir que vos commandes de templates sont ouverte alors je viens vers vous pour une petite commande de divers templates, en espérant que cela ne vous dérange pas que je passe commande pour plusieurs.

Largeur maximale : La largeur de chaque schéma donné :)
Hauteur maximale : La hauteur des schémas.
Schéma :
QEEL : http://imgbox.com/gI0MWFEE
Boite de messagerie privé : http://imgbox.com/MT0xtI7O
Liste des sujets : http://imgbox.com/vTzgp7Sz
Liste des membres : http://imgbox.com/ulYs84xO
Les catégories : http://imgbox.com/Y2GzV7ot
Le profil : http://imgbox.com/J7Phibcx

Éléments : Tout est bien indiqué normalement.
Images :QEEL : https://imgbox.com/
Boite de messagerie privé : https://imgbox.com/
Liste des sujets : https://imgbox.com/
Liste des membres : https://imgbox.com/
Les catégories : https://imgbox.com/
Le profil : https://imgbox.com/

Animations : Là aussi, tout est bien indiqué sur les schémas normalement.
Informations supplémentaires : Si besoin de plus d'informations n'hésitez pas à le demander :)
Revenir en haut Aller en bas
Lun 24 Juil - 9:30
Bonjour,

Remplacez l'intégralité du template index_box par :

Code:
<table width="800px" border="0" cellspacing="0" 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 -->
    </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>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="nbFRM"><span>{catrow.forumrow.TOPICS} sujets</span> | <span>{catrow.forumrow.POSTS} messages</span></div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="lmsgFRM"><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar -->{catrow.forumrow.LAST_POST}</div><div class="decoFRM"></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIE */
.tleCAT {
position:relative; z-index:1;
margin-top:10px; margin-bottom:-31px;
width:750px; padding-left:50px; text-align:left;
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BAS CATEGORIE */
.btmCAT {
margin-top:-11px; margin-left:250px;
width:558px; height:84px;
background:url(https://i.imgbox.com/F48QXJNr.png); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
position:relative; z-index:2;
margin-bottom:10px; margin-left:-100px; width:900px; height:225px;
background:url(https://i.imgbox.com/fCJXWLg2.png); /* MODIFIABLE */
font-family:Arial; text-align:left;
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; margin-top:45px; margin-left:28px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:40px; margin-left:550px;
text-transform:uppercase; font-size:14px;
color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM span:nth-of-type(1) {
color:#1C6A40; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRM span:nth-of-type(2) {
color:#8B4388; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
position:absolute; margin-top:85px; margin-left:240px;
text-align:left; font-size:14px; font-weight:bold;
}
/* TITRE FORUM */
.tleFRM a{
color:#8B4388 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
position:absolute; margin-top:105px; margin-left:235px;
width:530px; height:60px; overflow:hidden;
font-size:11px; text-align:justify; line-height:15px;
color:black; /* MODIFIABLE */
}
.descFRM:hover {
padding-right:5px; overflow-y:auto;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; margin-left:175px; margin-top:197px;
width:600px; height:17px; padding:3px 5px 0; overflow:hidden;
text-align:left; font-size:11px; text-transform:uppercase;
color:#1C6A40; /* MODIFIABLE */
}
.sfFRM:hover {
overflow:auto;
}
/* SOUS-FORUMS */
.sfFRM a{
color:#1C6A40 !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; z-index:3; margin-left:790px; margin-top:60px;
width:100px; text-align:center; font-size:11px;
color:white; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:block; margin:0 auto 5px;
width:50px; height:50px; border-radius:50px; overflow:hidden;
box-shadow:0 0 3px rgba(0,0,0,0.5); /* MODIFIABLE */
}
.avaFRM img{
width:50px;
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
color:#8B4388 !important; /* MODIFIABLE */
}
/* DECORATION FORUM */
.decoFRM {
position:absolute; margin-left:770px; margin-top:165px;
width:133px; height:71px;
background:url(https://i.imgbox.com/7SQ8EgcG.png); /* MODIFIABLE */
}

Instructions :
Code:
<img src="image.png" />

Remplacez le code du QEEL [lignes 173 à 221] par :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><img src="https://i.imgbox.com/X82Vd6at.png" /></a></div>
 
<!-- BLOC GROUPES --><div class="GQEEL"><div class="onglets"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');"><img src="https://i.imgbox.com/PZY2R9ED.png" /></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');"><img src="https://i.imgbox.com/FfFPasTS.png" /></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');"><img src="https://i.imgbox.com/isgIbNfh.png" /></span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');"><img src="https://i.imgbox.com/sgAWYAEd.png" /></span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');"><img src="https://i.imgbox.com/DOrWuzDl.png" /></span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');"><img src="https://i.imgbox.com/nd0oO4UA.png" /></span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');"><img src="https://i.imgbox.com/mHn0ZVFu.png" /></span><!-- GROUPE 8 --><span class="onglet_0 onglet" id="onglet_acht" onmouseover="javascript:change_onglet('acht');"><img src="https://i.imgbox.com/dObmlXkS.png" /></span></div></div>

<div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script>

<!-- DESCRIPTIFS GROUPES --><div class="contenu_onglets"><!-- CONTENU GROUPE 1 --><div class="contenu_onglet" id="contenu_onglet_eins">Contenu groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei">Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei">Contenu groupe 3.</div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier">Contenu groupe 4.</div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf">Contenu groupe 5.</div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs">Contenu groupe 6.</div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben">Contenu groupe 7.</div><!-- CONTENU GROUPE 8  --><div class="contenu_onglet" id="contenu_onglet_acht">Contenu groupe 8.</div>

</div></div>

<!-- DERNIER INSCRIT --><div class="lstQEEL">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><!-- ANNIVERSAIRES --><div id="anvQEEL">Bon anniversaire<table>{L_WHOSBIRTHDAY_TODAY}</table></div><script type="text/javascript">document.getElementById('anvQEEL').innerHTML=document.getElementById('anvQEEL').innerHTML.replace(/Aucun membre ne fête son anniversaire aujourd'hui/," ") .replace(/Membres fêtant leur anniversaire aujourd'hui :/," ");</script>  <!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL SUJETS --><div class="tlsQEEL"><div>Sujets</div><span class="FORUMCOUNTOPIC"></span><script type="text/javascript" src="http://tinyurl.com/var-fa"></script></div><!-- TOTAL MESSAGES --><div class="tlpQEEL"><div>Messages</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script></div><!-- TOTAL MEMBRES --><div class="tlmQEEL"><div>Membres</div><span id="tUSERS">{TOTAL_USERS}</span></div><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script></div><!-- MEMBRES CONNECTES --><div class="onlineQEEL" id="onLINE"><div>Ils sont <b>sur le forum</b></div>{LOGGED_IN_USERS_LIST}<script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés :/," ")</script></div><!-- 24H --><div class="dayQEEL"><div>Ils étaient <b>sur le forum</b></div><table id="dayQEEL">{L_CONNECTED_MEMBERS}</table></div><script type="text/javascript">document.getElementById('dayQEEL').innerHTML=document.getElementById('dayQEEL').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/," ");</script> 

        <script type="text/javascript">
            //<!--
                    var anc_onglet = 'eins';
                    change_onglet(anc_onglet);
            //-->
            </script>
 
</div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto; width:818px; height:574px;
background:url(https://i.imgbox.com/duuGZvPM.png); /* MODIFIABLE */
font-family:Arial; text-align:center;
}
/* TITRE QEEL */
.tleQEEL {
position:absolute; margin-top:12px; margin-left:200px;
}
/* BLOC GROUPES QEEL */
.GQEEL {
position:absolute; margin-left:30px; margin-top:55px;
}
/* GROUPES QEEL */
.onglet {
display:block; height:35px; overflow:hidden;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.onglet img{
margin-top:-5px;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
position:absolute; margin-top:75px; margin-left:165px;
width:115px; height:250px; padding:5px; overflow:auto;
color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
transform:rotate(2deg); -wenkit-transform:rotate(2deg);
}
.contenu_onglet {
display:none;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
position:absolute; margin-top:90px; margin-left:430px;
width:150px; text-transform:uppercase; font-weight:bold;
color:green; /* MODIFIABLE */
}
.lstQEEL a {
display:block; margin-top:20px; text-transform:none;
}
/* ANNIVERSAIRES QEEL */
#anvQEEL {
position:absolute; margin-top:242px; margin-left:380px; width:170px;
color:black; /* MODIFIABLE */
transform:rotate(-2deg); -webkit-transform:rotate(-2deg);
}
#anvQEEL .row1 {
background:none;
}
#anvQEEL .row1 .gensmall {
font-family:Arial;
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-top:50px; margin-left:715px;
width:70px; text-align:center; font-size:10px;
color:green; /* MODIFIABLE */
}
/* TOTAL SUJETS QEEL */
.tlsQEEL {
height:80px; text-transform:uppercase; font-size:18px;
}
/* TITRE TOTAL SUJETS QEEL */
.tlsQEEL div {
margin-bottom:18px;
text-shadow:0 0 2px rgba(0,0,0,0.5); color:purple; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlpQEEL {
margin:5px 0 2px; height:80px;
text-transform:uppercase; font-size:18px;
}
/* TITRE TOTAL MESSAGES QEEL */
.tlpQEEL div {
margin-bottom:20px; font-size:14px;
text-shadow:0 0 2px rgba(0,0,0,0.5); color:lightblue; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlmQEEL {
height:80px;
text-transform:uppercase; font-size:18px;
}
/* TITRE TOTAL MEMBRES QEEL */
.tlmQEEL div {
margin-bottom:18px; font-size:16px;
text-shadow:0 0 2px rgba(0,0,0,0.5); color:purple; /* MODIFIABLE */
}
/* MEMBRES EN LIGNE QEEL */
.onlineQEEL {
position:absolute; margin-top:370px; margin-left:70px;
width:290px; height:150px; overflow:auto;
color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TITRE MEMBRES EN LIGNE QEEL */
.onlineQEEL div {
text-transform:uppercase; text-align:right; font-size:14px;
color:blue; /* MODIFIABLE */
}
.onlineQEEL div b{
color:purple; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
position:absolute; margin-top:370px; margin-left:450px;
width:295px; height:150px; overflow:auto;
}
/* TITRE 24H QEEL */
.dayQEEL div {
text-transform:uppercase; text-align:right; font-size:14px;
color:blue; /* MODIFIABLE */
}
.dayQEEL div b {
color:green; /* MODIFIABLE */
}
.dayQEEL .row1 {
padding:0; background:none;
}
.dayQEEL .row1 .gensmall {
font-family:Arial;
}

Instructions :

Remplacez l'intégralité du template memberlist_body par :
Code:
<div class="bgLMBER"><div class="topLMBER"><div class="tleLMBER">Membres du <b>forum</b></div><div class="bandLMBER"></div><div class="decoLMBER"></div></div>

  <form action="{S_MODE_ACTION}" method="get">
    <table cellspacing="0" cellpadding="5" border="0" align="center" class="formLMBER">
    <tr>
    <td>
    <table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed">
    <tr>
    <td width="100%">{L_USER_SELECT} <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />     
    {L_SELECT_SORT_METHOD} {S_MODE_SELECT}     
    {L_ORDER} {S_ORDER_SELECT}     
    {S_HIDDEN_SID}
    <input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" /></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </form>
    <table width="780px" style="margin:auto;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td class="{memberrow.ROW_CLASS}" align="center">
    <!-- BEGIN memberrow -->
    <div class="MBER"><div class="starsLMBER"></div><div class="imgLMBER">{memberrow.AVATAR_IMG}</div><div class="nameLMBER"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><!-- BEGIN switch_td_group --><span>{memberrow.GROUPS}</span><!-- END switch_td_group -->
    </div>
    <!-- END memberrow -->
    </td>
    </tr>
    <!-- BEGIN switch_no_user -->
    <tr>
    <td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
    </tr>
    <!-- END switch_no_user -->
    </table>
    <!-- BEGIN switch_pagination -->
    <table style="margin:auto; width:780px;" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><span class="nav">{PAGE_NUMBER}</span></td>
    <td align="right"><span class="nav">{PAGINATION}</span></td>
    </tr>
    </table>
    <br />
    <!-- END switch_pagination -->
 </div>

Partie CSS :
Code:
/* AFFICHAGE LISTE DES MEMBRES */
.bgLMBER {
padding-bottom:10px; border-radius:10px; overflow:hidden;
background:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* BLOC TITRE LISTE DES MEMBRES */
.topLMBER {
margin-bottom:60px; width:850px; height:125px; text-align:center;
background:url(https://i.imgbox.com/KCABmFkb.png); /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
height:50px; padding:35px 0; text-transform:uppercase; font-size:52px;
font-family:Birch Std; color:black; /* MODIFIABLE */
}
.tleLMBER b {
color:purple; /* MODIFIABLE */
}
/* BANDE TITRE LISTE DES MEMBRES */
.bandLMBER {
width:900px; height:7px;
background:url(https://i.imgbox.com/8UHyBezK.png);
}
/* DECORATION TITRE LISTE DES MEMBRES */
.decoLMBER {
margin:-115px auto 0; width:194px; height:174px;
background:url(https://i.imgbox.com/pprkfBo4.png); /* MODIFIABLE */
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.formLMBER {
margin:0 auto 5px; width:650px; padding:5px 0;
background:none; /* MODIFIABLE */
}
 /* CADRE VIOLET BLOC MEMBRE */
.MBER {
float:left; margin:5px; width:250px; height:320px; background-size:250px 320px;
font-family:Arial; font-size:11px;
background:url(https://i.imgbox.com/g1xBf9id.png); background-color:white; color:black; /* MODIFIABLE */
}
/* CADRE BLEU BLOC MEMBRE */
.MBER:nth-of-type(odd) {
background-size:250px 320px;
background:url(https://i.imgbox.com/MKoU3sfG.png); background-color:white; color:black; /* MODIFIABLE */
}
/* ETOILES BLOC MEMBRE */
.starsLMBER {
position:absolute; z-index:5; margin-left:140px;
width:82px; height:117px;
background:url(https://i.imgbox.com/iA4aUpo6.png);
}
/* AVATAR */
.imgLMBER {
margin:15px auto 0; transform:scale(0.7);
}
.imgLMBER img{
width:250px; height:250px; border-radius:250px;
}
/* CADRE AVATAR */
.imgLMBER::before {
content:''; position:absolute; margin-left:-25px; margin-top:-40px;
width:303px; height:328px;
background:url(https://i.imgbox.com/eJv4QiSj.png);
}
/* PSEUDONYME */
.nameLMBER{
padding-bottom:5px;
text-align:center; text-transform:uppercase;
}

Remplacez l'intégralité du template topics_list_box par :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
    <script type="text/javascript">
    function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
    var all_checked = true;
    for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
    if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
    all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
    }
    }
    document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
    }
    function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
    for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
    if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
    document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
    }
    }
    }
    </script>
    <!-- END multi_selection -->

    <table class="forumline" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
    <!-- END header_table --><!-- BEGIN header_row -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
    </tr>
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
    <tr>
    <div class="LSBJ">
  <!-- BEGIN single_selection -->
    <div class="modSBJ" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
    <!-- END single_selection -->
 <div class="decoSBJ"></div><div class="stsSBJ">{topics_list_box.row.VIEWS} vues<br/>{topics_list_box.row.REPLIES} réponses</div><div style="display:inline-block; vertical-align:middle; width:1px; height:90px;"></div><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="tleSBJ">{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div><div class="lmsgSBJ"><b>par {topics_list_box.row.LAST_POST_AUTHOR}</b><br/>{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.LAST_POST_IMG}</div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree -->
    </div>
   
    <!-- BEGIN multi_selection -->
    <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
    <!-- END multi_selection -->
    </tr>
    <!-- END topic --><!-- BEGIN no_topics -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
    </tr>
    <!-- END no_topics --><!-- BEGIN bottom -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="840px" style="margin:auto; text-align:left;" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td> <span class="gensmall">{PAGINATION}</span></td>
    <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
    </tr>
    </table>
    </td>
    </tr>
    <!-- END bottom --><!-- BEGIN footer_table -->
    </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Remplacez l'intégralité du template viewforum_body par :
Code:
{BOARD_INDEX}
<div class="bgLSBJ"><div class="nav"><a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}</div>
<div class="topLSBJ"><div class="tleLSBJ">Liste des <b>sujets</b></div><div class="bandLSBJ"></div><div class="decoLSBJ"></div></div>
<!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img style="margin-top:-48px; margin-left:-300px;" src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
 <!-- END switch_user_authpost -->
<div class="bgSBJ">{TOPICS_LIST_BOX}</div>
<div class="btnLSBJ"><span><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span><span>{S_WATCH_FORUM}</span></div></div>

Partie CSS :
Code:
a.nav img {
max-height:15px;
}
/* FOND LISTE SUJETS */
.bgLSBJ {
padding-bottom:10px; border-radius:10px; text-align:center;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* BLOC TITRE LISTE SUJETS */
.topLSBJ {
margin-bottom:50px; width:900px; height:125px; border-radius:10px 10px 0 0;
text-align:center; font-family:Birch Std;
background:url(https://i.imgbox.com/KCABmFkb.png); /* MODIFIABLE */
}
/* TITRE LISTE SUJETS */
.tleLSBJ {
height:50px; padding:35px 0; text-transform:uppercase; font-size:42px;
color:purple; /* MODIFIABLE */
}
.tleLSBJ b {
color:lightblue; /* MODIFIABLE */
}
/* BANDE TITRE LISTE SUJETS */
.bandLSBJ {
width:900px; height:7px;
background:url(https://i.imgbox.com/8UHyBezK.png); /* MODIFIABLE */
}
/* DECORATION TITRE LISTE SUJETS */
.decoLSBJ {
margin:-115px auto 0; width:194px; height:174px;
background:url(https://i.imgbox.com/pprkfBo4.png); /* MODIFIABLE */
}
/* CADRE LISTE SUJETS */
.bgSBJ {
margin:0 auto 10px; width:870px; padding-top:10px;
background:grey; /* MODIFIABLE */
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-30px; margin-top:10px;
}
/* BLOC SUJET */
.LSBJ {
margin:5px auto;
width:840px; padding:5px 0; text-align:left;
background:#CCC; /* MODIFIABLE */
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:middle; margin:auto 10px;
max-width:50px;
}
/* BLOC TITRE SUJET */
.tleSBJ {
display:inline-block; vertical-align:middle; width:480px;
text-align:center; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
color:black; /* MODIFIABLE */
font-size:10px;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
font-size:9px;
color:black; /* MODIFIABLE */
}
.gotoSBJ a{
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:middle;
width:155px; padding:5px;
color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* AUTEUR DERNIER MESSAGE SUJET */
.lmsgSBJ b{
font-weight:normal; font-size:14px;
}
.lmsgSBJ b a {
font-size:14px !important;
}
/* VUES & REPONSES SUJET */
.stsSBJ {
position:absolute; margin-left:720px;
width:100px;
color:black; /* MODIFIABLE */
font-size:11px; text-align:right; text-transform:uppercase;
}
/* ETOILE SUJET */
.decoSBJ {
position:absolute; margin-left:810px; margin-top:-5px; width:32px; height:87px;
background:url(https://i.imgbox.com/2HQuiIgJ.png); /* MODIFIABLE */
}
/* MARQUER & SURVEILLER LES SUJETS */
.btnLSBJ {
margin:auto; width:890px; text-align:center;
}
.btnLSBJ span{
display:block; margin-bottom:5px; margin-left:630px;
width:250px; padding:10px 0;
font-size:10px; text-transform:uppercase;
background:url(https://i.imgbox.com/rxc6tYuJ.png); color:black; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Lun 24 Juil - 9:30
Remplacez l'intégralité du template viewtopic_body par :
Code:
<link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }
   
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }
   
 return false;
};

//]]>
</script>
<table width="900px" class="bgPOST" align="center" border="0" cellspacing="0" cellpadding="0" style="margin:auto;"><tr><td>
    <table width="900px" align="center" border="0" cellspacing="0" cellpadding="0" style="margin:auto;">
 <tr><td><span class="navPOST" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a style="margin-right:5px;" href="#bottom">{L_GOTO_DOWN}</a></span></td></tr>
 <tr>
 <td><div id="tlePOST"><h1 class="cattitle">{TOPIC_TITLE}</h1></div><div class="bandTPOST"></div><div class="decoTPOST"></div></td>
    </tr>
    <tr><td align="left" nowrap="nowrap" {WIDTH_GALLERY}>
    <span class="nav">
    <!-- BEGIN switch_user_authpost -->
    <a class="newPOST" href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a class="repPOST" href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
    <!-- END switch_user_authreply -->
    </span>
    </td></tr>
    </table>

    <table class="forumline" width="850px" border="0" cellspacing="0" cellpadding="0" style="margin:auto;">

    <!-- BEGIN topicpagination -->
    <tr>
    <td class="pagination" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
    </tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <tr>
    <td class="postdetails {postrow.hidden.ROW_CLASS}" align="center">{postrow.hidden.MESSAGE}</td>
    </tr>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td valign="top" class="PPOST"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="decoIPOST"></div><div class="decoIIPOST"></div>
 <div class="boxLPOST"><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong></div><div class="abtPOST"><!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></div><div class="rankPOST">{postrow.displayed.RANK_IMAGE}</div></div><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}<div class="decoAVA"></div></div><div class="boxRPOST"><div class="ktactPOST"><!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
 </div>
    </td>
 </tr>
 <tr>
    <td valign="top" width="100%">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    <!-- BEGIN switch_vote_active -->
    <div class="vote gensmall">
    <!-- BEGIN switch_vote -->
    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
    <!-- END switch_vote -->

    <!-- BEGIN switch_bar -->
    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
    <!-- BEGIN switch_vote_plus -->
    <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
    <!-- END switch_vote_plus -->

    <!-- BEGIN switch_vote_minus -->
    <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
    <!-- END switch_vote_minus -->
    </div>
    <!-- END switch_bar -->

    <!-- BEGIN switch_no_bar -->
    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
    <!-- END switch_no_bar -->

    <!-- BEGIN switch_vote -->
    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
    <!-- END switch_vote -->
    </div>
    <!-- END switch_vote_active -->
 <div class="cadrePOST"><div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div>
 <div class="datePOST"><div style="display:inline-block; vertical-align:middle;">Le {postrow.displayed.POST_DATE}</div><div class="toolsPOST" style="display:inline-block; vertical-align:middle; margin-left:10px;">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div></div>

    <div class="postbody">

    <div>{postrow.displayed.MESSAGE}</div>

    <!-- BEGIN switch_attachments -->
    <dl class="attachbox">
    <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
    <dd>
    <!-- BEGIN switch_post_attachments -->
    <dl class="file">
    <dt>
    <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

    <!-- BEGIN switch_dl_att -->
    <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
    <!-- END switch_dl_att -->

    <!-- BEGIN switch_no_dl_att -->
    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
    <!-- END switch_no_dl_att -->
    </dt>

    <!-- BEGIN switch_no_comment -->
    <dd>
    <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
    </dd>
    <!-- END switch_no_comment -->

    <!-- BEGIN switch_no_dl_att -->
    <dd>
    <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
    </dd>
    <!-- END switch_no_dl_att -->

    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
    </dl>
    <!-- END switch_post_attachments -->
    </dd>
    </dl>
    <!-- END switch_attachments -->

    <div class="clear"></div>
    </div></div>
  <!-- BEGIN switch_signature -->
    <div class="signPOST">
    {postrow.displayed.SIGNATURE}
    </div>
    <!-- END switch_signature -->
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150" style="padding-bottom:65px;">
    <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
    </td>
    </tr>
    <!-- BEGIN first_post_br -->
    </table>
    <hr />
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
    <td colspan="3" height="28">
    <span class="genmed">{no_post.L_NO_POST}</span>
    </td>
    </tr>
    <!-- END no_post -->
    </table>
<table width="850px" border="0" cellspacing="0" cellpadding="0" style="margin:-55px auto 0; border-top:0px;">
 <tr>
 <td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 <tr>
 <td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
 </tr>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
 <tbody>
 <tr>
 <td class="catBottom">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tbody>
 <tr>
 <td valign="top">
 <div class="cattitle"> {L_FORUM_RULES}</div>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td class="clearfix">
 <table>
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules postbody">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td colspan="2" align="center" style="padding:0px">
 <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}<br />
 <!-- END switch_user_logged_in -->
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
 <tbody>
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="850px" style="margin:auto;" border="0" cellspacing="0" cellpadding="0" align="center">
 <tr>

 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

 <!-- BEGIN moderation_panel -->
 <td align="center">
 <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
 </td>
 <td align="center" width="250">
 <span class="gensmall"> </span>
 </td>
 <!-- END moderation_panel -->
 </tr>
</table>
</form>

<table width="850px" align="center" border="0" cellspacing="0" cellpadding="0" style="margin:auto;"><tr><td>
<!-- BEGIN viewtopic_bottom -->
<span class="gen" style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
<form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
 <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
                <span class="gen">{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
<!-- END viewtopic_bottom -->
</td></tr></table>

</tr></td></table>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Partie CSS :
Code:
/* FOND PRESENTATION DU SUJET */
.bgPOST {
padding-bottom:15px; border-radius:10px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* NAVIGATION SUJET */
.navPOST {
display:block; padding:2px 0;
color:black; /* MODIFIABLE */
font-size:10px; font-family:Arial; text-transform:uppercase; text-align:center;
}
.navPOST img {
max-height:15px;
}
/* BLOC TITRE SUJET */
#tlePOST{
margin:auto; height:95px; padding:45px 0 35px; border-radius:10px 10px 0 0; overflow:hidden; text-align:center;
background:url(https://i.imgbox.com/KCABmFkb.png); /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
text-transform:uppercase; font-size:52px;
font-family:Birch Std; color:black; /* MODIFIABLE */
}
/* BANDE TITRE SUJET */
.bandTPOST {
width:900px; height:7px;
background:url(https://i.imgbox.com/8UHyBezK.png);
}
/* DECORATION TITRE SUJET */
.decoTPOST {
margin:-175px auto 0; width:194px; height:174px;
background:url(https://i.imgbox.com/pprkfBo4.png); /* MODIFIABLE */
}
/* NOUVEAU & REPONDRE */
.newPOST {
margin-left:150px;
}
.repPOST {
margin-left:250px;
}
/* BLOC JOUEUR */
.PPOST {
margin:auto; width:850px; height:270px; overflow:hidden; font-family:Arial;
background:url(https://i.imgbox.com/KCABmFkb.png); /* MODIFIABLE */
}
/* FLEURS COIN SUPERIEUR GAUCHE */
.decoIPOST {
position:absolute; margin-top:-35px; margin-left:-15px; width:109px; height:78px;
background:url(https://i.imgbox.com/NH0wnuQf.png); /* MODIFIABLE */
}
/* FLEURS COIN INFERIEUR DROIT */
.decoIIPOST {
position:absolute; margin-left:710px; margin-top:215px; width:159px; height:83px;
background:url(https://i.imgbox.com/zN3V6kO6.png); /* MODIFIABLE */
}
/* BLOC PSEUDONYME / INFORMATIONS / RANG */
.boxLPOST {
display:inline-block; vertical-align:middle;
width:300px; padding:0 15px; text-align:center;
}
/* PSEUDONYME */
.namePOST {
font-size:24px; text-transform:uppercase; 
}
.namePOST a {
text-decoration: none !important;
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin-top:5px; text-align:center;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
font-size:11px; text-align:left;
color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
margin-left:5px;
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* RANG */
.rankPOST {
margin:5px auto 0; text-align:center;
width:250px; height:60px;
}
/* AVATAR */
.avaPOST {
display:inline-block; vertical-align:middle;
width:250px; height:250px; border-radius:250px; overflow:hidden;
}
.avaPOST img{
width:250px; height:250px;
}
/* CADRE AVATAR */
.avaPOST::before {
content:''; position:absolute; margin-left:-25px; margin-top:-45px;
width:303px; height:328px;
background:url(https://i.imgbox.com/1pdlBCU3.png); /* MODIFIABLE */
}
/* DECORATION AVATAR */
.decoAVA {
position:absolute; margin-top:-30px; margin-left:55px; width:149px; height:62px;
background:url(https://i.imgbox.com/lbnddzXo.png); /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT JOUEUR */
.boxRPOST {
display:inline-block; vertical-align:middle;
width:250px; text-align:center;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST a {
display:block; margin:auto; margin-bottom:5px;
}
/* CADRE MESSAGE */
.cadrePOST {
margin-top:-5px; padding-bottom:15px;
background:#CCC; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST{
margin:5px auto 0; width:100%; padding-left:30px; font-size:11px; text-align:left;
color:black; /* MODIFIABLE */
}
.rpgPOST br {
display:none;
}
.rpgPOST a {
display:none;
}
.rpgPOST .gensmall {
opacity:0; margin-right:180px;
}
/* DATE SUJET & CITER / EDITER / SUPPRIMER / IP */
.datePOST {
margin-bottom:-15px; padding:5px 0;
font-size:14px; text-align:center;
font-family:Courgette; color:black; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
margin:auto; width:95%; padding:10px;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
text-align:justify;
}
/* SIGNATURE */
.signPOST {
margin:auto; width:90%; padding:10px 0;
background:#C8D3D4; color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
.signPOST br:nth-of-type(1) {
display:none;
}

Remplacez l'intégralité du template privmsgs_body par :
Panneau d'administration > Affichage > Templates > Poster & Messages Privés

Code:
<div class="bgMESS"><div class="topMESS"><div class="tleMESS">Messagerie</div><div class="bandMESS"></div><div class="decoMESS"></div></div>

<table class="fondMESS" width="750px" style="margin:auto;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td align="center" valign="middle" width="100%">
            <table border="0" cellspacing="0" cellpadding="0" height="40">
                <tr valign="middle">
<td>{INBOX_IMG} <span class="gen">  </span> {SENTBOX_IMG} <span class="gen">  </span> {OUTBOX_IMG} <span class="gen">  </span> {SAVEBOX_IMG}</td>
                </tr>
            </table>
        </td>
        <td align="right" style="padding-right:15px;">
            <!-- BEGIN switch_box_size_notice -->
            <table class="bodyline" width="250" border="0" cellspacing="1" cellpadding="0">
                <tr>
                    <td colspan="3" nowrap="nowrap" width="250"><span class="gensmall">{BOX_SIZE_STATUS}</span></td>
                </tr>
                <tr>
                    <td class="fillMESS" colspan="3" width="250">
                        <table border="0" cellspacing="0" cellpadding="1">
                            <tr>
                                <td class="pourcentback"><img src="{PATH_IMG_FA}empty.gif" alt="{INBOX_LIMIT_PERCENT}" height="8" width="{INBOX_LIMIT_IMG_WIDTH}" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td class="stepMESS" align="center" width="33%"><span class="gensmall">0%</span></td>
                    <td class="stepMESS" align="center" width="34%"><span class="gensmall">50%</span></td>
                    <td class="stepMESS" align="center" width="33%"><span class="gensmall">100%</span></td>
                </tr>
            </table>
            <!-- END switch_box_size_notice -->
        </td>
    </tr>
</table>
<br clear="all" />
<form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">
    <table width="750px" style="margin:-21px auto 0;" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
            <td valign="middle">{POST_PM_IMG}</td>
            <td width="100%"></td>
            <td align="right" nowrap="nowrap">
                <span class="gensmall">{L_DISPLAY_MESSAGES}: 
                    <select name="msgdays">
                        {S_SELECT_MSG_DAYS}
                    </select> 
                    <input class="liteoption" type="submit" name="submit_msgdays" value="{L_GO}" />
                </span>
            </td>
        </tr>
    </table>
 
    <table width="750px" style="margin:auto; text-align:center;" border="0" cellspacing="0" cellpadding="0">
        <tr><td class="topLMESS">
 <div style="display:inline-block; vertical-align:top; width:70px;">Statut</div><div style="display:inline-block; vertical-align:top; width:350px;">Objet</div><div style="display:inline-block; vertical-align:top; width:150px;">Signé</div><div style="display:inline-block; vertical-align:top; width:100px;">Date</div><div style="display:inline-block; vertical-align:top; width:80px;">Marquer</div>
 </td>
        </tr>
        <!-- BEGIN listrow -->
        <tr><td align="center" valign="middle">
            <div class="MESS"><div style="display:inline-block; vertical-align:middle; width:1px; height:50px;"></div><div style="display:inline-block; vertical-align:middle; width:69px;"><img title="{listrow.L_PRIVMSG_FOLDER_ALT}" src="{listrow.PRIVMSG_FOLDER_IMG}" alt="{listrow.L_PRIVMSG_FOLDER_ALT}" />
          {listrow.PRIVMSG_ICON}</div>
            <div style="display:inline-block; vertical-align:middle; width:350px;"><a class="topictitle" href="{listrow.U_READ}">{listrow.SUBJECT}</a></div>
            <div style="display:inline-block; vertical-align:middle; width:150px;"><span class="name">{listrow.FROM}</span></div>
            <div style="display:inline-block; vertical-align:middle; width:100px;"><span class="postdetails">{listrow.DATE}</span></div>
            <div style="display:inline-block; vertical-align:middle; width:80px;"><span class="postdetails"><input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}" /></span></div></div>
            </td></tr>
        <!-- END listrow --><!-- BEGIN switch_no_messages -->
        <tr>
            <td colspan="6" align="center" valign="middle"><span class="gen">{L_NO_MESSAGES}</span></td>
        </tr>
        <!-- END switch_no_messages -->
 <tr><td><div style="height:10px;"></div></td></tr>
        <tr>
            <td class="btmMESS" style="padding-right:10px;" colspan="6" align="right" height="28">
                {S_HIDDEN_FIELDS}
                <!-- BEGIN switch_save -->
                <input class="mainoption" type="submit" name="save" value="{L_SAVE_MARKED}" />  
                <!-- END switch_save -->
                <!-- BEGIN switch_move_profile -->
                <input class="mainoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />  
                <!-- END switch_move_profile -->
                <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MARKED}" /> &nbsp;
                <input class="liteoption" type="submit" name="deleteall" value="{L_DELETE_ALL}" />
            </td>
        </tr>
    </table>
    <table width="750px" style="margin:auto;" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
            <td valign="middle"><span class="nav">{PAGE_NUMBER}<br /><br /><br /></span></td>
            <td align="right" valign="top"><span class="nav">{PAGINATION}<br /></span>
 <span class="gensmall"><b><a class="gensmall" href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a> ::  <a class="gensmall" href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a></b></span>
            </td>
        </tr>
    </table>
</form></div>

Partie CSS :
Code:
/* FOND MESSAGERIE */
.bgMESS {
padding-bottom:10px; border-radius:10px; overflow:hidden;
background:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* BLOC TITRE MESSAGERIE */
.topMESS {
margin-bottom:60px; width:850px; height:125px; text-align:center;
background:url(https://i.imgbox.com/KCABmFkb.png); /* MODIFIABLE */
}
/* TITRE MESSAGERIE */
.tleMESS {
height:50px; padding:35px 0; text-transform:uppercase; font-size:52px;
font-family:Birch Std; color:black; /* MODIFIABLE */
}
/* BANDE TITRE MESSAGERIE */
.bandMESS {
width:900px; height:7px;
background:url(https://i.imgbox.com/8UHyBezK.png);
}
/* DECORATION TITRE MESSAGERIE */
.decoMESS {
margin:-115px auto 0; width:194px; height:174px;
background:url(https://i.imgbox.com/pprkfBo4.png); /* MODIFIABLE */
}
/* CADRE STATUT MESSAGERIE */
.fondMESS {
width:750px; height:128px;
background:url(https://i.imgbox.com/Pg6KQAYn.png); /* MODIFIABLE */
}
/* BARRE VIDE */
.fillMESS {
background:lightblue; /* MODIFIABLE */
}
/* BARRE REMPLIE */
td.pourcentback {
background-color:white; /* MODIFIABLE */
}
/* POURCENTAGES */
.stepMESS {
background:lightblue; /* MODIFIABLE */
}
/* INTITULES MESSAGE MESSAGERIE */
.topLMESS {
margin-bottom:10px; padding:10px 0;
text-transform:uppercase; font-size:11px;
background:url(https://i.imgbox.com/Pg6KQAYn.png); color:black; /* MODIFIABLE */
}
/* MESSAGE MESSAGERIE */
.MESS {
margin-top:10px;
background:#CCC; color:black; /* MODIFIABLE */
}
.MESS img {
max-width:50px;
}
/* BANDE BAS MESSAGERIE */
.btmMESS {
background:url(https://i.imgbox.com/Pg6KQAYn.png); /* MODIFIABLE */
}
Revenir en haut Aller en bas
Lun 24 Juil - 18:23
Merci beaucoup à vous Skaemp c'est parfait :D Je vais vous faire de la pub autour de moi vous le méritez ♥
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum