Le Deal du moment :
Aliexpress : codes promo valables sur tout le site
Voir le deal

Plusieurs templates

Plusieurs templates Empty Mer 3 Aoû - 4:29
Bonsoir Skaemp :) Me revoici pour, cette fois, une commande de divers template pour mon forum rpg The Castaway

Catégories
Largeur maximale : 900px
Hauteur maximale : auto
Schéma : ceci démontre le type de catégorie que je voudrais.
Éléments : //
Images : Alors je n'ai pas encore pris commande pour le thème, malheureusement, alors est-il possible d'intégrer le temps que ce soit effectif des images aléatoires ?
Animations : Une barre de défilement pour les sous-forums et la description des forums et lorsque l'on passe le curseur sur le nom de la catégorie, celle-ci rebondisse ou tourne sur elle-même, c'est possible ça ? Pour l'avatar en 100x100, j'aimerais un niveau de gris
Informations supplémentaires : J'aimerais si possible que les bords des catégories, forums et sous-forums soient arrondis. Intérieur du forum : #2bcfe2, table #13565e, fond de page #DBC8A4, couleur du texte #8d8967.


La liste des sujets
Largeur maximale : 900px
Hauteur maximale : auto
Schéma : ce schéma
Éléments : //
Images : Alors je n'ai pas encore pris commande pour le thème, malheureusement, alors est-il possible d'intégrer le temps que ce soit effectif des images aléatoires ?
Animations : J'aimerais que lorsque l'on passe le curseur sur le nom de la catégorie, celle-ci rebondisse ou tourne sur elle-même, c'est possible ça ?
Informations supplémentaires : Couleurs : Intérieur du forum #2bcfe2, table #13565e, fond de page #DBC8A4, couleur du texte #8d8967.


Messages
Largeur maximale : 900px
Hauteur maximale : auto
Schéma : ceci vous éclairera sur ce que je voudrais :)
Éléments : //
Images : //
Animations : Pas d'effet particulier
Informations supplémentaires : Couleurs : Intérieur du forum #2bcfe2, table #13565e, fond de page #DBC8A4, couleur du texte #8d8967.

Qeel
Largeur maximale : 900px
Hauteur maximale : auto
Schéma : par-là ^^
Éléments : //
Images : bouteille, coffre, barre, perle et carte. Voici pour les icônes des groupes.
Animations : Alors je voudrais une scrollbal pour chaque bloc sauf les points des factions. Je voudrais également que les icônes des groupes soient légèrement baissé en opacité ce qui fait que lorsque le groupe sera sélectionné l'image sera plus foncé, donc on s'y repérera mieux.
Informations supplémentaires : Couleurs : Intérieur du forum #2bcfe2, table #13565e, fond de page #DBC8A4, couleur du texte #8d8967.



Voilà, merci d'avance Skaemp pour ces quatre (je crois) templates :) Si jamais ma demande est trop conséquente, hésite pas à le dire.

En te souhaitant une agréable journée/nuit/soirée :)
Revenir en haut Aller en bas
Plusieurs templates Empty Mer 3 Aoû - 4:34
Ah je viens de voir que j'ai oublié d'indiquer la taille des boutons de forums (new, no new, lock). La taille sera de 50*100 et j'aimerais si possible que l'image soit à la même place que sur la liste des sujets, donc tout à gauche avant la table des forums.

Voilà voilà merci d'avance :)
Revenir en haut Aller en bas
Plusieurs templates Empty Jeu 4 Aoû - 7:12
Remplacer l'intégralité du template index_box par :
Code:
<table width="900px" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
   
    </table><!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <div class="topCAT"></div>
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div class="lmsgFRM">{catrow.forumrow.LAST_POST}<div class="nbFRM">{catrow.forumrow.TOPICS} bouteilles | {catrow.forumrow.POSTS} SOS</div></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div></div> 
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    <div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* HAUT CATEGORIE */
.tleCAT {
margin:5px auto 0; width:900px; border-radius:15px 15px 0 0; text-align:center;
height:50px; /* MODIFIER SELON LA HAUTEUR DE L'IMAGE */
background:url(); /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* MILIEU CATEGORIE */
.mdlCAT {
margin:auto; width:900px; padding:10px 0;
background:#2bcfe2; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px; width:900px; border-radius:0 0 15px 15px;
height:35px; /* MODIFIER SELON LA HAUTEUR DE L'IMAGE */
background:url(); /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
width:900px; margin:auto; text-align:center;
}
/* TITRE FORUM */
.tleFRM {
margin:auto;
width:825px; padding:5px 0; text-align:center;
}
.tleFRM a{
color:#8d8967 !important; /* MODIFIABLE */
}
/* BLOC FORUM ARRONDI */
.FRM {
margin:auto; margin-bottom:10px;
width:830px; height:100px; overflow:hidden; border-radius:10px;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block;
width:50px; height:100px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block;
width:295px; height:90px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
background:white; color:#8d8967; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block;
width:200px; height:90px; padding:5px 0; overflow:auto;
border-left:5px solid; border-right:5px solid;
background:white; border-color:#13565e !important; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:#8d8967 !important; text-transform:uppercase; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:85px; padding:15px 5px 0;
text-align:center; font-size:10px;
background:white; color:#8d8967; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
padding-top:10px;
}
/* BLOC AVATAR DERNIER POSTEUR */
.avaFRM {
display:inline-block; vertical-align:top;
width:100px; height:100px; overflow:hidden;
background:#ccc; /* MODIFIABLE */
}
.avaFRM img {
width:100px; filter:grayscale(1); -webkit-filter:grayscale(1);
}

Placer une image en tant que titre de catégorie :
Plusieurs templates IMGTLECAT

Remplacer 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" id="LSBJ" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table -->
 <!-- BEGIN header_row -->
 <tr>
 <td class="row3" 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><td>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><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="SBJ"><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.NEWEST_POST_IMG}{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><div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.<div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div><div class="lmsgSBJ">Dernier SOS {topics_list_box.row.LAST_POST_IMG}<br/>{topics_list_box.row.LAST_POST_TIME}<br/>lancé par {topics_list_box.row.LAST_POST_AUTHOR}</div></div>
 <div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --><span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td class="row2" 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></tr>
 <!-- END multi_selection -->
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" 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 class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" 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 -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC LISTE SUJETS */
#LSBJ {
width:900px; margin:auto;
}
/* BLOC SUJET */
.SBJ {
margin:15px auto 0; text-align:center;
width:865px; height:50px; overflow:hidden; border-radius:15px;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:55px;
}
/* ICÔNES LISTE SUJETS */
.imgSBJ {
width:28px; height:50px;
}
/* BLOC TITRE / AUTEUR LISTE SUJETS */
.tleSBJ {
display:inline-block; vertical-align:top;
width:490px; height:40px; padding-top:10px; overflow:hidden;
font-family:Arial; background:white; color:#8d8967; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:12px;
}
/* TITRE LISTE SUJETS */
.tleSBJ a {
color:#8d8967 !important; /* MODIFIABLE */
}
/* AUTEUR TITRE LISTE SUJETS */
.nameSBJ {
font-size:12px;
}
/* BLOC VUES & REPONSES LISTE SUJETS */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:85px; height:42px; padding-top:8px; border-right:5px solid; border-left:5px solid;
background:white; border-color:#13565e !important; color:#8d8967; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* BORDURE REPONSES LISTE SUJETS */
.repSBJ {
margin:auto; margin-top:2px; width:85%; padding-top:2px;
border-top:1px solid grey; /* MODIFIABLE */
}
/* DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ {
display:inline-block; vertical-align:top;
width:250px; height:45px; padding-top:5px; overflow:hidden;
font-family:Arial; background:white; color:#8d8967; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:11px;
}
/* AUTEUR DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ .gensmall {
font-size:12px;
}
/* LISTE DES PAGES */
.gotoSBJ {
margin:auto; width:865px; text-align:right;
font-size:9px; color:#8d8967; /* MODIFIABLE */
}

Remplacer l'intégralité du template viewtopic_body par :
Code:
<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="805px" align="center" border="0" cellspacing="2" cellpadding="0">
    <tr><td align="left" nowrap="nowrap" {WIDTH_GALLERY}>
    <span class="nav">
    <!-- BEGIN switch_user_authpost -->
    <a 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 href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
    <!-- END switch_user_authreply -->
    </span> <span class="nav" 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 href="#bottom">{L_GOTO_DOWN}</a></span>
    </td></tr>
 <tr>
 <td><div id="tleSBJ"><h1 class="cattitle"> {TOPIC_TITLE}</h1></div></td>
    </tr>
    </table>

    <table align="center" width="805px" border="0" cellspacing="1" cellpadding="0" >

    <!-- 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"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
    <div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div>
 <div class="boxPOST"><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong></div>
 <div class="rankPOST">{postrow.displayed.POSTER_RANK}</div>
 {postrow.displayed.PROFILE_IMG}<br/>{postrow.displayed.PM_IMG}<br/>{postrow.displayed.ONLINE_IMG}
 </div>
 <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div>
 <div class="abtPOST"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
        <!-- END profile_field --></div><div class="rpgPOST">{postrow.displayed.POSTER_RPG}</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="postbody">
<div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{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><br/>
    <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 class="ktactPOST">{postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
    <!-- BEGIN switch_signature -->
    <div class="signature_div">
    {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="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
    <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
    </td>
    </tr>
    <!-- BEGIN first_post_br -->
    </table>
    <hr />
    <table align="center" width="805px" border="0" cellspacing="1" 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 align="center" width="805px"border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 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 promot_trafic -->
<table align="center" width="805px" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
</table>

<table align="center" width="805px" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 <tr>
 <td class="postbody" valign="top">
 <!-- BEGIN link -->
 » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </td>
 </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" align="center" width="805px" 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 align="center" width="805px" 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" width="100%" cellspacing="0" id="info_open" style="display:''">
 <tbody>
 <!-- BEGIN show_permissions -->
 <tr>
 <td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
 <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
 </tr>
 <!-- END show_permissions -->
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <!-- BEGIN show_permissions -->
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 <!-- END show_permissions -->
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </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 valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <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 align="center" width="805px" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a 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 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>

 <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>

<!-- BEGIN viewtopic_bottom -->
<table align="center" width="805px" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
 <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">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- 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:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tleSBJ{
margin:5px auto; padding:15px 0;
background:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
#tleSBJ h1 {
display:block;
font-size:32px; font-family:Arial; color:#dedede; /* MODIFIABLE */
}
 /* AVATAR */
.avaPOST {
display:inline-block; vertical-align:middle; margin-right:10px;
width:200px; height:320px;
}
/* BLOC PSEUDONYME / RANG / PROFIL & MP */
.boxPOST {
display:inline-block; vertical-align:middle;
width:195px; text-align:center;
background:lightgrey; text-transform:uppercase; /* MODIFIABLE */
}
/* PSEUDONYME */
.namePOST {
font-size:36px; /* MODIFIABLE */
}
.namePOST a {
text-decoration:none !important;
}
/* TEXTE RANG */
.rankPOST {
margin:auto; width:90%; padding:5px 0;
font-size:12px; border-top:1px solid grey; color:black;  /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
display:inline-block; vertical-align:middle;
width:65px; height:194px;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
display:inline-block; vertical-align:middle; margin:0 10px;
width:150px; height:310px; padding:5px; overflow:auto; border-radius:15px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
font-size:11px;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST{
display:inline-block; vertical-align:middle;
width:140px; height:310px; padding:5px; overflow:auto; border-radius:15px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
font-size:11px;
}
.rpgPOST textarea {
max-width:135px;
}
/* DATE SUJET */
.datePOST {
float:left;
font-size:11px; text-transform:uppercase;
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
float:right; text-align:right;
}
/* APPARENCE MESSAGE */
div.postbody {
margin:auto; margin-top:10px;
background:#ccc; color:black; /* MODIFIABLE */
min-height:80px; padding:10px;
text-align:justify;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
padding:5px 0; text-align:center;
background:#2bcfe2; /* MODIFIABLE */
}
/* SIGNATURE */
.signature_div {
background:#ccc; color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}

Remplacer le code du QEEL [lignes 173 à 221] par :
Spoiler:

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; height:auto; padding-bottom:25px; border-radius:15px; text-align:center;
background:#2bcfe2;  /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL {
margin-bottom:25px; width:900px; height:25px; padding:10px 0; border-radius:15px 15px 0 0;
background:#13565E; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:center;
}
.tleQEEL a{
font-size:24px; color:#8d8967;  /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:220px; height:275px; padding:10px; border-radius:15px; overflow:auto;
background:#13565E; color:#8d8967; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin-top:5px;
font-size:10px; text-align:justify;
}
/* BLOC POSITIONNEMENT QEEL*/
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* IMAGES GROUPES QEEL */
.GQEEL {
width:350px; padding:10px 0; text-align:center;
}
/* IMAGE GROUPE QEEL */
.onglet {
display:inline-block; margin:0 5px;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TRAIT COLORE GROUPES QEEL */
.onglet_1 {
opacity:1;
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:middle; margin:5px;
}
/* DESCRIPTIF GROUPE QEEL */
.contenu_onglet {
display:none;
width:230px; height:155px; padding:10px; overflow:auto; border-radius:15px;
font-size:10px; text-align:justify;
background:#13565E; color:#8d8967; /* MODIFIABLE */
}
/* POINTS FACTIONS QEEL */
.ptsQEEL {
text-align:center;
}
.ptsQEEL div{
display:inline-block; margin:5;
width:15px; height:60px; padding-top:15px; border-radius:10px;
font-size:12px; word-break:break-all;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:210px; height:310px; padding:5px; overflow:auto; border-radius:15px;
background:#13565E; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
.dayQEEL .gensmall {
color:#8d8967 !important; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Plusieurs templates Empty Ven 5 Aoû - 5:18
Bonsoir Skaemp. Déjà merci, MERCI, pour ce travail titanesque que je t'ai demandé, tu es mon héro ** (ou mon héroïne, en fait j'en sais rien). Cependant voilà, lors de l'installation, j'ai fais des images temporaire pour les hauts/bas de catégories et pour les rangs. Ils se trouvent qu'avec ces deux-là il y ait un léger soucis (également avec l'image des catégories, mais ça je peut pas trop l'arranger puisque c'est du à la grandeur de l'image). Voici donc les deux légers soucis que j'ai rencontré, en image :

ici et ici.

Voilà, j'aurais aimé savoir si tu pouvais faire quelque chose pour moi, en fait ! Voili voilou, merci d'avance de ta réponse '-'
Revenir en haut Aller en bas
Plusieurs templates Empty Sam 6 Aoû - 1:59
Repérez ceci :
Code:
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px; width:900px; border-radius:0 0 15px 15px;
}

Modifiez cet élément selon vos préférences :
Code:
margin-bottom:10px;

Remplacez :
Code:
/* BLOC PSEUDONYME / RANG / PROFIL & MP */
.boxPOST {
display:inline-block; vertical-align:middle;
width:195px; text-align:center;
background:lightgrey; text-transform:uppercase; /* MODIFIABLE */
}
/* PSEUDONYME */
.namePOST {
font-size:36px; /* MODIFIABLE */
}
.namePOST a {
text-decoration:none !important;
}
/* TEXTE RANG */
.rankPOST {
margin:auto; width:90%; padding:5px 0;
font-size:12px; border-top:1px solid grey; color:black;  /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
display:inline-block; vertical-align:middle;
width:65px; height:194px;
}

Par :
Code:
/* BLOC PSEUDONYME / RANG / PROFIL & MP */
.boxPOST {
display:inline-block; vertical-align:middle;
width:185px; text-align:center;
background:lightgrey; text-transform:uppercase; /* MODIFIABLE */
}
/* PSEUDONYME */
.namePOST {
font-size:32px; /* MODIFIABLE */
}
.namePOST a {
text-decoration:none !important;
}
/* TEXTE RANG */
.rankPOST {
margin:auto; width:90%; padding:5px 0;
font-size:12px; border-top:1px solid grey; color:black;  /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
display:inline-block; vertical-align:middle; margin:0 5px;
width:65px; height:194px;
}
Revenir en haut Aller en bas
Plusieurs templates Empty Sam 6 Aoû - 20:47
Merci beaucoup Skaemp c'est parfait comme ça :D
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum