Le Deal du moment : -50%
-50% Baskets Nike Air Huarache Runner
Voir le deal
69.99 €

   :: Espace invités :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas

Des modification

Menesis
Des modification Empty Ven 17 Avr - 3:27
Bonsoir :) ayant l'intention d'utiliser votre code pour le codage entier de mon forum, je me permet de venir vous voir pour des modifications de ces mêmes codes. N'étant pas très amie avec celui-ci, je me tourne vers vous en dernier recours.

CATÉGORIES
J'aimerais quatre petites modifications ici. C'est pour ici https://crushcrushcrush.actifforum.com/t486-5-categories-ii (le dernier). J'aimerais donc les modifications suivantes ;

-> Une image pour que les sous-forums s'affichent au survol ainsi qu'une image pour mettre sous les sous-forums.
-> Que l'image new/no new etc soit à gauche de l'avatar et de taille 35*150 (enfin, si c'est possible. comme je ne connais pas du tout le codage, je ne sais pas si c'est réalisable). Si jamais c'est faisable, les messages et sujets peuvent prendre la taille restante sous le bloc des sous-forums.
-> Une image de haut et de bas de catégories (à mettre sous le titre de la catégorie)

SUJET
J'aimerais trois petites modifications ici. C'est pour https://crushcrushcrush.actifforum.com/t87-10-sujet le code du DIM 24 AVR - 10:46. J'aimerais les modifications suivantes ;

-> Le texte du rang en image au lieu que ce soit du texte et j'aimerais si possible que cette image soit sous l'avatar et non pas en-dessous du pseudo.
-> J'aimerais que tous le bloc "adaptatif de la couleur du groupe" sous le pseudo et les liens à droite soit en fait une image changeable pour chaque personne.
-> si possible, j'aimerais qu'au survol de l'avatar, des informations s'affiche (celles de la feuille de personnage en fait)

QEEL
J'aimerais ici trois petites modifications. C'est pour https://crushcrushcrush.actifforum.com/t96-20-qeel le code du LUN 11 JAN - 5:43. J'aimerais les modifications suivantes ;

-> Au lieu du fond noir, j'aimerais si possible une image de fond.
-> Pour le titre "Qui est en ligne" j'aimerais également que ce soit une image si c'est possible. Et si encore une fois, si c'est possible, j'aimerais que le "qui est en lignes" ainsi que les statistiques (utilisateur en ligne, etc) soit mit tout en haut et non en bas (en gardant la même hauteur).
-> J'aimerais que la largeur soit de 800px et non de 900px s'il vous plait.

PAGE D'ACCUEIL
J'aimerais ici deux petites modification. C'est pour https://crushcrushcrush.actifforum.com/t81-15-page-d-accueil le code du VEN 30 DÉC - 23:10. J'aimerais les modifications suivantes ;

-> sous le texte "optimisé..." j'aimerais si possible un bloc pour y mettre 4 top-sites.
-> Pour cette demande je ne sais pas du tout si c'est réalisable ._. J'aimerais que l'image 200*150 (celle tout au centre) soit un "slider" d'images défilantes. Est-ce que vous pensez que c'est faisable ? Si non ce n'est pas grave ne vous en faites pas.

LISTE SUJETS
J'aimerais ici une petite modification. C'est pour https://crushcrushcrush.actifforum.com/t95-15-liste-sujets le code du SAM 6 FÉV - 3:17. J'aimerais la modification suivante ;

-> Un haut et bas d'image de sujets. J'entends la même chose que l'image de haut et bas de catégories, mais ici pour les sujets.

Voilà voilà. Je me doute bien que ça fait pas mal de modifications, c'est pour ça que j'ai préférée faire mes cinq demandes dans le même poste. Sachez que vous pouvez prendre le temps que vous désirez, je ne suis absolument pas pressée par le temps :) Et si vous souhaitez que je décortique mes demandes une par une dans des postes différents, c'est également possible. Vous serez crédité (c'est quelque chose à laquelle je tiens tout particulièrement) dans le message des crédits du forum. Si jamais vous voulez de plus amples explications ou que j'ai oubliée d'éclaircir un point, n'hésitez pas à me le signaler, je répondrai du mieux possible en étant la plus claire possible.
Revenir en haut Aller en bas
Menesis
Des modification Empty Ven 17 Avr - 3:51
Bonsoir, je viens de me souvenir que j'ai commandée un thème dont la bannière fait 900px de large et comme je ne peux pas modifier mon premier message, je viens ici en écrire un nouveau. Il faudrait du coup adapter les codes faisant 800px de large en 900px de large au lieu de modifier les tailles en 800px de large. Désolé du désagrément du coup et merci d'avance ♥
Revenir en haut Aller en bas
Skaemp
Des modification Empty Sam 18 Avr - 6:50
Bonjour,

[CATEGORIES] Remplacez l'intégralité du template index_box par :
Code:
   <table width="900px" 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 -->
     <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
     </td>
     <td class="gensmall" align="right" valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
     <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
     <!-- END switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
     </td>
     </tr>
     </table>

     <!-- BEGIN catrow --><!-- BEGIN tablehead -->
     <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
     <!-- END tablehead -->

     <!-- BEGIN cathead -->
     <!-- END cathead -->
        
     <!-- BEGIN forumrow -->
     <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"></span>'));});</script><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="boxIIFRM"><div class="sfFRM"><span class="ISFRM"></span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div></div></div>
     <!-- END forumrow -->
 
     <!-- BEGIN catfoot -->
     <!-- END catfoot -->
 
     <!-- BEGIN tablefoot -->
     <div class="btmCAT"></div>
     <!-- END tablefoot --><!-- END catrow -->
     <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 10px;
width:900px; padding:10px 0;  
height:40px; background:black; /* MODIFIABLE | IMAGE EN 900*HEIGHT+PADDINGx2 - ICI 60 */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
text-align:center; font-size:36px; text-transform:uppercase; letter-spacing:1px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin-bottom:10px; width:900px;
height:15px; background:url(image.png); /* MODIFIABLE | IMAGE EN 900*HEIGHT - ICI 15 */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px;
width:880px; padding:10px; overflow:hidden;
text-align:center; font-family:Arial;
background:#E9E9E9; /* MODIFIABLE */
}
/* BLOC TITRE / DERNIER MESSAGE / DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:0 auto 5px;
height:20px; padding:5px 7px; overflow:hidden;
background:black; /* MODIFIABLE */
text-align:left; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:20px;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
height:10px; padding:5px; overflow:hidden;
background:rgba(0,0,0,0.7); color:white; /* MODIFIABLE */
text-align:right; font-size:9px; text-transform:uppercase; line-height:11px;
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
font-size:9px !important;
color:white; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
width:555px; height:80px; padding:5px; overflow:hidden;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
text-align:justify; font-size:11px; line-height:16px;
}
.descFRM:hover {
overflow-y:auto;
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:35px; height:150px;
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:100px; height:150px; overflow:hidden;
background:#191919; /* MODIFIABLE */
}
.avaFRM img {
width:100px;
filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.65s; -webkit-transition:all 0.65s;
}
.FRM:hover .avaFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* BLOC SOUS-FORUMS / NOMBRE SUJETS & MESSAGES FORUM */
.boxIIFRM {
display:inline-block; vertical-align:top;
width:150px; overflow:hidden; text-align:left;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin-bottom:10px;
width:150px; height:105px; overflow:hidden;
background:#191919; /* MODIFIABLE */
}
/* IMAGE SOUS-FORUMS */
.ISFRM {
position:absolute; z-index:5;
width:150px; height:105px;
background:url(image.png); /* MODIFIABLE | IMAGE EN 150*105 */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover .ISFRM {
height:0;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
width:140px; height:95px; padding:5px; overflow-y:auto;
text-align:left; color:rgba(0,0,0,0); line-height:2px;
background:url(image.png); /* MODIFIABLE | IMAGE EN 150*105 */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; margin-bottom:3px;
padding-bottom:2px; border-bottom:1px solid;
font-size:9px; text-transform:uppercase; line-height:12px;
border-bottom-color:#CCC; color:#CCC !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:70px; height:25px; padding-top:10px; overflow:hidden;
text-align:center; font-size:10px; text-transform:uppercase; line-height:14px;
background:#4F4F4F; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin:0;
background:#6E6E6E; color:white; /* MODIFIABLE */
}

[✓] Image fixe sous-forums s'effaçant au survol + image de fond sous-forums
[✓] Icônes du forum en 35*150 à gauche de l'avatar
[✓] Ajout d'un bas de catégorie

[SUJET] Remplacez 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="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic -->
    <tr><td colspan="2" align="right"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr><!-- END watchtopic --><!-- END switch_user_logged_in -->
    <tr><td align="left" {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 valign="middle" align="right"><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 href="#bottom">{L_GOTO_DOWN}</a></span></td></tr>
    <tr><td colspan="2"><div id="tlePOST">{TOPIC_TITLE}</div></td></tr>
    </table>

    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
     <!-- BEGIN topicpagination -->
     <tr><td colspan="3" 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}" colspan="3" 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 colspan="3">
         <!-- 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 style="height:5px;"></div>
         </td></tr>
 
         <tr>
 <td valign="top" class="boxPOST">
         <div><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:0;" id="{postrow.displayed.U_POST_ID}"></a><div class="avaPOST"><div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div>{postrow.displayed.POSTER_AVATAR}</div><div class="rankPOST">{postrow.displayed.RANK_IMAGE}</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>
         </td>
 
 <td valign="top"><div style="width:10px;"></div></td>
 
         <td valign="top" width="100%">  
 <div class="grpPOST"><div class="boxNPOST"><div class="namePOST">{postrow.displayed.POSTER_NAME}</div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG}<br/>{postrow.displayed.EDIT_IMG}<br/>{postrow.displayed.DELETE_IMG}<br/>{postrow.displayed.IP_IMG}</div></div><div class="DKPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</div></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>
         <!-- BEGIN switch_signature -->
         <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
         <!-- END switch_signature -->
         </div>
         </td>
         </tr>
 <tr><td></td><td></td>
 <td><div class="browse-arrows post--{postrow.displayed.U_POST_ID}" style="text-align:center;"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></div></td>
 </tr>
         <!-- BEGIN first_post_br -->
        </table>

         <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
         <tr>
         <th class="thLeft" nowrap="nowrap">{L_AUTHOR}</th>
         <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
         </tr>
         <!-- END first_post_br -->
         <!-- END displayed -->
         <!-- END postrow -->
 
         <!-- BEGIN no_post -->
         <tr align="center">
         <td class="row1" colspan="2">
         <span class="genmed">{no_post.L_NO_POST}</span>
         </td>
         </tr>
         <!-- END no_post -->
         </table>
 
     <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" style="margin-top:5px;">
     <tr>
     <td valign="top" {COLSPAN_PAGINATION}><span class="gensmall">{PAGE_NUMBER}</span></td>
     <!-- BEGIN topicpagination --><td align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td><!-- END topicpagination -->
     </tr>
     </table>

    <!-- BEGIN switch_forum_rules -->
     <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
     <tr>
     <td class="clearfix">
     <table>
     <tr>
     <!-- BEGIN switch_forum_rule_image -->
     <td class="logo"><img src="{RULE_IMG_URL}" /></td>
     <!-- END switch_forum_rule_image -->
     <td class="rules postbody">{RULE_MSG}</td>
     </tr>
     </table>
     </td>
     </tr>
    </table>
    <!-- END switch_forum_rules -->

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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 class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
     <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span 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}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
     </form>
     </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
     <table class="forumline noprint" align="center" 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}<!-- END switch_user_logged_in -->
     </td></tr>
    </table>
 
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.grpPOST').css("background-color", color);});});</script>
    <!-- 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>
    <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:5px auto; padding:15px 0;
background:#191919; color:#DEDEDE; /* MODIFIABLE */
text-align:center; font-size:32px; text-transform:uppercase; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
font-size:11px; text-transform:uppercase; font-family:Arial;
}
/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; padding:10px;
background:#F2F2F2; /* MODIFIABLE */
}
/* TAILLE AVATARS */
.avaPOST img {
min-width:200px !important; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
position:absolute; z-index:3; margin-left:5px; margin-top:5px;
width:180px; max-height:300px; padding:5px; overflow-y:auto;
font-size:9px; text-transform:uppercase; font-family:Arial;
background:#D6D6D6; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.avaPOST:hover .rpgPOST {
opacity:1;
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
/* IMAGE RANG */
.rankPOST {
margin-top:10px; max-width:200px;
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto 0;
text-align:left; font-family:Arial;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-top:5px; padding:5px;
text-transform:uppercase; font-size:10px;
background:#D6D6D6; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span {
font-weight:bold; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* BLOC PSEUDONYME & RANG / OUTILS MODERATION */
.grpPOST {
background:#191919; /* MODIFIABLE - COULEUR DES INVITES */
font-family:Arial;
}
.boxNPOST {
padding:10px;
}
/* BLOC PSEUDONYME & RANG */
.namePOST {
display:inline-block; vertical-align:middle; width:75%;
font-size:36px; text-transform:uppercase;
}
.namePOST a {
text-decoration:none !important; line-height:36px;
}
/* COULEUR PSEUDONYME */
.namePOST span strong {
color:white !important; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle;
width:25%; text-align:right;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* BLOC DATE / IMAGES CONTACT JOUEUR */
.DKPOST {
padding:5px;  
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* DATE SUJET */
.datePOST {
display:inline-block; vertical-align:middle; width:40%;
text-align:left; font-size:11px; text-transform:uppercase;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:60%; text-align:right; line-height:0;
}
.ktactPOST img {
max-height:25px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:310px; padding:15px;
background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}

[✓] Image du rang placée sous l'avatar
[✓] Apparition de la feuille de personnage au survol de l'avatar

[QEEL] Remplacez le code du QEEL par :
Spoiler:

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto;
width:900px; height:345px; padding-bottom:15px; text-align:center;
box-shadow:0 0 3px rgba(0,0,0,0.1); background:url(image.png);  /* MODIFIABLE | IMAGE DE FOND EN 900*360 */
}
/* BLOC TITRE QEEL & NOMBRE UTILISATEURS EN LIGNE */
.tleQEEL {
margin-bottom:15px;
width:870px; height:50px; padding:15px; overflow:hidden;
text-align:center; text-transform:uppercase;
background:url(image.png); /* MODIFIABLE | IMAGE EN 900*80 */
}
/* TITRE QEEL */
.tleQEEL a {
display:block; height:35px; color:rgba(0,0,0,0);
}
/* NOMBRE UTILISATEURS EN LIGNE */
#TLUS {
display:block;
font-size:9px; letter-spacing:0; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE / 24H */
#ondayQEEL {
display:inline-block; vertical-align:top;
width:340px;
}
/* MEMBRES CONNECTES */
.onlineQEEL {
margin-bottom:10px;
width:320px; height:100px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify; font-family:Arial;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.onlineQEEL:hover {
overflow-y:auto; opacity:1;
}
/* 24H QEEL */
.dayQEEL {
width:330px; height:110px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:10px; text-align:justify;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.dayQEEL:hover {
overflow:auto; opacity:1;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:top; margin:0 15px; font-family:Arial;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin-bottom:10px;
width:250px; height:100px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
font-size:10px; text-align:justify !important;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover {
overflow:auto; opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:270px; height:120px;
font-family:Arial; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto;
width:270px; height:24px; padding:12px 0 0;
text-transform:uppercase; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover div {
color:rgba(0,0,0,0);
}
/* CONTENUS STATISTIQUES QEEL */
.statsHOV {
position:absolute; z-index:5; margin-left:-135px; margin-top:-41px;
width:270px; height:24px; padding:12px 0 0;
background:rgba(250,250,250,0.3); color:black !important;  /* MODIFIABLE */
opacity:0; transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover .statsHOV {
opacity:1;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:230px; height:230px; padding:10px 0; overflow:hidden;
text-align:center; color:rgba(0,0,0,0); line-height:14px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.GQEEL:hover {
opacity:1; overflow:auto;
}
/* GROUPES QEEL */
.GQEEL a {
display:block;
text-transform:uppercase; font-family:Birch Std; font-size:24px;
text-shadow:1px 1px 0px rgba(0,0,0,0.3); letter-spacing:3px; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
/* SURVOL GROUPE QEEL */
.GQEEL a:hover {
letter-spacing:1px; /* MODIFIABLE */
}

[✓] Image de fond pour le QEEL
[✓] Déplacement du titre
[✓] Image pour le titre

[LISTE SUJETS] Remplacez la ligne 30 du template viewforum_body par :
Code:
<div class="topSBJ"></div><div class="mdlSBJ">{TOPICS_LIST_BOX}</div><div class="btmSBJ"></div>

Partie CSS :
Code:
/* HAUT LISTE SUJETS */
.topSBJ {
margin:5px auto 0; width:900px;
height:75px; background:url(image.png); /* MODIFIABLE | IMAGE EN 900*HEIGHT - ICI 75 */
}
/* CONTENU LISTE SUJETS */
.mdlSBJ {
margin:auto; padding:30px 0;
background:#DEDEDE; /* MODIFIABLE */
}
/* BAS LISTE SUJETS */
.btmSBJ {
margin:0 auto 15px; width:900px;
height:25px; background:url(image.png); /* MODIFIABLE | IMAGE EN 900*HEIGHT - ICI 25 */
}

[✓] Ajout d'un encadrement

Page d'accueil :
Code:
<link href="https://www.aht.li/3191038/LST_PA.css" rel="stylesheet" type="text/css"><link href="https://sd-1.archive-host.com/membres/up/211183412958130190/SAV/sliderLST.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div class="LST"><!-- CONTEXTE / LIENS / EVENEMENT EN COURS / NOUVELLES / PREDEFINIS / PARTENAIRES --><div class="boxLST"><!-- CONTEXTE --><div class="ctxtLST"><!-- CONTENU --><div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><!-- LIENS / EVENEMENT EN COURS --><div class="boxLST"><!-- 6 LIENS --><div class="lksLST"><!-- I --><a href="..." target="_blank">Lien</a><!-- II --><a href="..." target="_blank">Lien</a><!-- III --><a href="..." target="_blank">Lien</a><!-- IV --><a href="..." target="_blank">Lien</a><!-- V --><a href="..." target="_blank">Lien</a><!-- VI --><a href="..." target="_blank">Lien</a></div><!-- RESUME EVENEMENT EN COURS --><div class="eventLST"><!-- RESUME --><p>“ Résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé résumé</p><!-- LIEN --><a href="..." target="_blank">plus d'informations ici</a></div><!-- SLIDER --><div id="sliderLST" class="imgLST"><div class="sliderLST"><input type="radio" name="navNLST" id="navNLST_1" checked /><input type="radio" name="navNLST" id="navNLST_2" /><input type="radio" name="navNLST" id="navNLST_3" /><!-- 3 ACTUALITES | IMAGES EN 200*150 --><ul><!-- I --><li><!-- LIEN I --><a href="..." target="_blank"><!-- IMAGE I --><img src="https://www.aht.li/2751562/200150.png" /></a></li><!-- II --><li><!-- LIEN II --><a href="..." target="_blank"><!-- IMAGE II --><img src="https://www.aht.li/2751562/200150.png" /></a></li><!-- III --><li><!-- LIEN III --><a href="..." target="_blank"><!-- IMAGE III --><img src="https://www.aht.li/2751562/200150.png" /></a></li></ul><!-- NAVIGATION SLIDER --><div class="navLST"><div><label for="navNLST_1"></label><label for="navNLST_2"></label><label for="navNLST_3"></label></div></div></div></div></div><!-- NOUVELLES --><div class="newsLST"><!-- CONTENU --><div>▬ 00/00/00 : ...<br/>▬ 00/00/00 : ...<br/>▬ 00/00/00 : ...<br/>▬ 00/00/00 : ...<br/>▬ 00/00/00 : ...</div></div><!-- 6 PREDEFINIS - IMAGES EN 55*55 --><div class="pfLST"><!-- I --><a href="..." target="_blank"><img src="https://www.aht.li/3093470/5555C.png" /></a><!-- II --><a href="..." target="_blank"><img src="https://www.aht.li/3093470/5555C.png" /></a><!-- III --><a href="..." target="_blank"><img src="https://www.aht.li/3093470/5555C.png" /></a><br/><!-- IV --><a href="..." target="_blank"><img src="https://www.aht.li/3093470/5555C.png" /></a><!-- V --><a href="..." target="_blank"><img src="https://www.aht.li/3093470/5555C.png" /></a><!-- VI --><a href="..." target="_blank"><img src="https://www.aht.li/3093470/5555C.png" /></a></div><!-- 14 PARTENAIRES EN 40*40 --><div class="partLST"><!-- I --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- II --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- III --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- IV --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- V --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- VI --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- VII --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><br/><!-- VIII --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- IX --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- X --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- XI --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- XII --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- XIII --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a><!-- XIV --><a href="..." target="_blank"><img src="https://www.aht.li/3093141/4040BW.png" /></a></div></div><!-- STAFF & DISCLAIMER --><div class="bandLST"><!-- 5 MEMBRES DU STAFF - IMAGES EN 125*50 --><div class="staffLST"><!-- I --><div><!-- IMAGE I --><img src="https://www.aht.li/3092806/12550BW.png" /><!-- CONTENU I --><p>Pseudonyme<!-- FONCTION & DISPONIBILITE I --><span class="onLST">Fonction</span><!-- LIEN PROFIL I --><a href="..." target="_blank">Profil</a></p></div><!-- II --><div><!-- IMAGE II --><img src="https://www.aht.li/3092806/12550BW.png" /><!-- CONTENU II --><p>Pseudonyme<!-- FONCTION & DISPONIBILITE II --><span class="offLST">Fonction</span><!-- LIEN PROFIL II --><a href="..." target="_blank">Profil</a></p></div><!-- III --><div><!-- IMAGE III --><img src="https://www.aht.li/3092806/12550BW.png" /><!-- CONTENU III --><p>Pseudonyme<!-- FONCTION & DISPONIBILITE III --><span class="onLST">Fonction</span><!-- LIEN PROFIL III --><a href="..." target="_blank">Profil</a></p></div><!-- IV --><div><!-- IMAGE IV --><img src="https://www.aht.li/3092806/12550BW.png" /><!-- CONTENU IV --><p>Pseudonyme<!-- FONCTION & DISPONIBILITE IV --><span class="onLST">Fonction</span><!-- LIEN PROFIL IV --><a href="..." target="_blank">Profil</a></p></div><!-- V --><div><!-- IMAGE V --><img src="https://www.aht.li/3092806/12550BW.png" /><!-- CONTENU V --><p>Pseudonyme<!-- FONCTION & DISPONIBILITE V --><span class="onLST">Fonction</span><!-- LIEN PROFIL V --><a href="..." target="_blank">Profil</a></p></div></div><!-- DISCLAIMER --><div class="disLST">Forum optimisé pour Mozilla Firefox & Google Chrome. Forum ouvert le 00/00/0000. Avatars en XXX*XXX. Contexte par Pseudonyme. Graphisme par Pseudonyme. Codage par Pseudonyme.</div><!-- 4 TOP-SITES --><div class="topLST"><!-- I --><a href="..." target="_blank">1</a><!-- II --><a href="..." target="_blank">2</a><!-- III --><a href="..." target="_blank">3</a><!-- IV --><a href="..." target="_blank">4</a></div></div></div>

Partie CSS :
Code:
/* PA */
.LST {
width:900px;
background:#DEDEDE; /* MODIFIABLE | IMAGE EN 900*530 */
}
/* BLOC CONTEXTE PA */
.ctxtLST {
background:rgba(0,0,0,0.4); /* MODIFIABLE */
}
/* CONTENU CONTEXTE PA */
.ctxtLST div {
background:white; color:black; /* MODIFIABLE */
}
/* BLOC LIENS PA */
.lksLST {
background:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* LIENS PA */
.lksLST a {
background:black; color:white; /* MODIFIABLE */
}
/* BLOC EVENEMENT PA */
.eventLST {
background:black; color:white; /* MODIFIABLE */
}
/* TRIANGLE BLOC EVENEMENT PA */
.eventLST::before {
border-left-color:black !important; /* MODIFIABLE */
}
/* LIEN EVENEMENT PA */
.eventLST a {
background:white; color:black; /* MODIFIABLE */
}
/* CARRES NAVIGATION ACTUALITES PA */
.sliderLST .navLST label {
background:lightgrey; /* MODIFIABLE */
}
/* SURVOL CARRE NAVIGATION ACTUALITES PA */
.sliderLST .navLST label:after {
background:grey; /* MODIFIABLE */
}
/* BLOC NOUVELLES PA */
.newsLST {
background:black; /* MODIFIABLE */
}
/* CONTENU NOUVELLES PA */
.newsLST div {
background:white; color:black; /* MODIFIABLE */
}
/* PREDEFINIS PA */
.pfLST {
background:rgba(0,0,0,0.9); /* MODIFIABLE */
}
/* PARTENAIRES PA */
.partLST {
background:rgba(255,255,255,0.7); /* MODIFIABLE */
}
/* BANDE STAFF & DISCLAIMER */
.bandLST {
margin:0 55px 0 25px;
background:rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* CONTENUS STAFF PA */
.staffLST div p {
background:rgba(255,255,255,0.9); color:black; /* MODIFIABLE */
}
/* DISPONIBLE PA */
.onLST {
background:lightgreen; color:black; /* MODIFIABLE */
}
/* INDISPONIBLE PA */
.offLST {
background:crimson; color:white; /* MODIFIABLE */
}
/* LIENS PROFILS STAFF PA */
.staffLST div p a {
color:#191919; /* MODIFIABLE */
}
/* DISCLAIMER PA */
.disLST {
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
}
/* COULEUR LIENS DISCLAIMER PA */
.disLST a {
color:#CCC; /* MODIFIABLE */
}
/* BLOC TOP-SITES */
.topLST {
background:lightgrey; /* MODIFIABLE */
}
/* LIENS TOP-SITES */
.topLST a {
background:grey; color:white; /* MODIFIABLE */
}

[✓] Ajout de 4 top-sites
[✓] Slider

Bonne journée.
Revenir en haut Aller en bas
Menesis
Des modification Empty Sam 18 Avr - 14:31
Merci beaucoup, tout fonctionne nickel ♥
Revenir en haut Aller en bas
Contenu sponsorisé
Des modification Empty
Revenir en haut Aller en bas
Page 1 sur 1
Vous ne pouvez pas répondre aux sujets dans ce forum