| | Ven 21 Juil - 18:04 | |
| | | 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 */ } |
| | | 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}" /> <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 */ } |
| | | 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 ♥ |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|