AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Profil sombre (illustrations "MP" et "En ligne" déplacées)

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9752

    le Sam 21 Juin 2014 - 22:55

    Rappel du premier message :

    Plop,

    L'aperçu est plus bas. Ce LS découle de la demande de Kiki85. Pour information, l'image bleu en haut à gauche est modifiable dans le CSS (.pseudo_fond) est se répète sur tous les profils. L'avatar a une ombre noire et est de dimension 200*320px. Le "Rang" représente le rang texte du membre. L'illustration du nuage représente l'image "En ligne".
    Un petit merci ne coûte rien et motive celui ou celle qui partage Wink


    Profil


    Version phpBB2 ▬ CSS & Template

    Aperçu ▬ Aperçu membre hors ligneAperçu membre en ligne


    CSS
    Code:
    /* --------------------------------- PROFIL --------------------------------- */

    /* Fond du profil */
    .fond_profil {
      background-color: #090B0E;
      border-radius: 25px;
      width: 230px;
      font-family: arial;
      font-size: 11px;
      box-shadow: 2px 2px 10px black;
      -moz-box-shadow: 2px 2px 10px black;
      -webkit-box-shadow: 2px 2px 10px black;
    }

    /* Mise en forme du pseudo */
    .pseudo_profil {
      font-family: 'Oswald', sans-serif;
      font-size: 24px;
      text-align: center !important;
      height: 61px;
      position: relative;
      top: 0.8em;
    }

    /* Enlève le soulignement sous le pseudo */
    .pseudo_profil a{
      text-decoration: none !important;
      font-family: 'Oswald', sans-serif !important;
    }

    /* Fond du pseudo */
    .pseudo_fond {
      background-image: url('http://i57.servimg.com/u/f57/18/83/53/06/sujets10.png');
      background-repeat: no-repeat;
    }

    /* Mise en forme de l'avatar */
    .avatar_profil img {
      max-width: 200px;
      max-height: 320px;
      border-radius: 15px;
      box-shadow: 2px 2px 10px black;
      -moz-box-shadow: 2px 2px 10px black;
      -webkit-box-shadow: 2px 2px 10px black;
    }

    /* Mise en forme du rang du profil */
    .rang_profil {
      padding-right: 10px;
      color: #646E7B;
      font-size: 14px;
      font-family: arial;
    }

    /* Contenu du bloc d'information */
    .postdetails_profil {
      background-color: #10141A;
      border: 1px solid #646E7B;
      width: 180px;
      font-size: 13px;
      padding: 15px;
      text-align: justify;
      color: #646E7B;
    }

    /* Positionnement du bouton "MP" */
    .mp_profil {
      position: relative;
      top: 1.5em;
      left: -4em;
    }

    /* Positionnement de l'image "Hors ligne" */
    .img_horsligne {
      position: relative;
      top: -1em;
      z-index: 1;
      left: 0.9em;
    }

    /* Positionnement de l'image "En ligne" */
    .img_enligne {
      position: relative;
      top: -1em;
      z-index: 2;
      left: 9em;
    }

    /* --------------------------------- FIN PROFIL --------------------------------- */

    Template viewtopic_body :
    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(){
        _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%" border="0" cellspacing="2" cellpadding="0">
        <tr>
        <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" 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}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
        </td>
        <td align="left" valign="middle" nowrap="nowrap">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </span>
        <!-- END switch_twitter_btn -->
        <!-- BEGIN switch_fb_likebtn -->
        <span id="fb_likebtn" style="margin-left: 6px; ">
        <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
        </span>
        <!-- END switch_fb_likebtn -->
        </td>
        <td class="nav" 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="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
        <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
        <!-- BEGIN switch_plus_menu -->
          | .
        <script type="text/javascript">//<![CDATA[
        var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
        var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
        var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
        var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
        var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
        var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
        insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
        //]]>
        </script>
        <!-- END switch_plus_menu -->
        </span>
        </td>
        </tr>
        </table>

        <table class="forumline viewtopic" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 0px;">
        <tr align="right">
        <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td width="9%" class="noprint"> </td>
        <td align="center" class="t-title">
        <h1 class="cattitle"> {TOPIC_TITLE}</h1>
        </td>
        <td align="right" width="9%" class="browse-arrows"><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> </td>
        </tr>
        </table>
        </td>
        </tr>
        <!-- BEGIN topicpagination -->
        <tr>
        <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
        </tr>
        <!-- END topicpagination -->
        {POLL_DISPLAY}
        <tr>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
        </tr>
        <!-- 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 -->
          <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
        <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                          <div class="fond_profil"><br /><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><center><div class="pseudo_fond"><div class="pseudo_profil" valign="middle" align="center">{postrow.displayed.POSTER_NAME}</div></div>
                            <br /><span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span></center><br />
                            <p align="right" class="rang_profil">{postrow.displayed.POSTER_RANK}</p>
       
                           
                            <center><div class="postdetails_profil">
        <!-- BEGIN profile_field -->
        {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
        <!-- END profile_field -->
        {postrow.displayed.POSTER_RPG}
                              </div></center>  <p align="center"><span class="mp_profil">{postrow.displayed.PM_IMG}</span></p><p align="right"><span class="img_enligne">{postrow.displayed.ONLINE_IMG}</span><img src="http://i39.servimg.com/u/f39/18/47/68/10/110.png" class="img_horsligne" /></p>
                                </div>
        </td>
       
        <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
        <td valign="top" nowrap="nowrap" class="post-options">
        {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}
        </td>
        </tr>
        <tr>
        <td colspan="2" class="hr">
        <hr />
        </td>
        </tr>
        <tr>
        <td colspan="2">
        <!-- 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>{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}" />

        <!-- 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="signature_div">
        {postrow.displayed.SIGNATURE}
        </div>
        <!-- END switch_signature -->

        </div>
        <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
        </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>
        <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="middle">
       
        </td>
        </tr>
        </table>
        </td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>
        <br />
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
        </tr>
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <tr align="center">
        <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
        </td>
        </tr>
        <!-- END no_post -->
        <tr align="right">
        <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td width="9%" class="noprint"> </td>
        <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
        <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
        </tr>
        </table>
        </td>
        </tr>
        </table>
        <table class="forumline noprint bottomtopic" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
        <tr>
        <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
        <!-- BEGIN topicpagination -->
        <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
        <!-- END topicpagination -->
        </tr>
        <!-- BEGIN switch_user_logged_in -->
        <!-- BEGIN watchtopic -->
        <tr>
        <td class="row2" 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 class="forumline" width="100%" 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"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></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 class="forumline" width="100%" 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"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></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="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
        </td>
        </tr>
        </table>
        <!-- END promot_trafic -->

        <!-- 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">
        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
        </td>
        </tr>
        </tbody>
        </table>
        </td>
        </tr>
        <tr>
        <td class="row1 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>
        </tbody>
        </table>
        <!-- END switch_forum_rules -->

        <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td class="row2" 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 class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" 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 class="noprint" width="100%" 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>

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

        <!-- 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="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} <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>

    L'image "En ligne" se modifie dans le PA, gestion des images, mode simple, sujets et messages.
    L'image "Hors ligne" se modifie dans le template, à cet endroit, ligne 135 :

    Code:
    <img src="http://i39.servimg.com/u/f39/18/47/68/10/110.png" class="img_horsligne" />




    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Si vous avez des problèmes avec ce LS, venez poster ici.


    Dernière édition par Halloween le Jeu 13 Avr 2017 - 20:46, édité 1 fois




    < / Libre service codage >
    avatar
    petit lu
    FémininAge : 25Messages : 172

    le Jeu 6 Aoû 2015 - 6:52

    Merci
    avatar
    Kelalin
    FémininAge : 25Messages : 1886

    le Jeu 6 Aoû 2015 - 12:20

    Merci (((o(*゚▽゚*)o)))
    avatar
    Saphire
    FémininAge : 20Messages : 146

    le Jeu 6 Aoû 2015 - 23:11

    merci
    avatar
    Poké_Eievui
    MasculinAge : 17Messages : 34

    le Mer 12 Aoû 2015 - 14:18

    Merci
    avatar
    NanoiHime
    FémininAge : 19Messages : 562

    le Sam 15 Aoû 2015 - 15:25

    merci !



    avatar
    NanoiHime
    FémininAge : 19Messages : 562

    le Sam 15 Aoû 2015 - 15:54

    Excuse moi mais comme mon template est déjà modifié avec ce tuto, j'aimerais savoir si c'est possible de seulement déplacer les illustrations en ligne et mp ?

    Merci d'avance ^^



    avatar
    Nemesis
    FémininAge : 26Messages : 215

    le Mar 18 Aoû 2015 - 17:25

    J'aime beaucoup, merci !
    avatar
    Rotten
    FémininAge : 27Messages : 12

    le Mer 26 Aoû 2015 - 1:14

    merci o/
    avatar
    Zoé
    FémininAge : 19Messages : 185

    le Jeu 27 Aoû 2015 - 10:13

    merci :3



    avatar
    Delphes
    FémininAge : 26Messages : 28

    le Sam 29 Aoû 2015 - 16:03

    Merci :)
    avatar
    Sans-Coeur
    FémininAge : 21Messages : 34

    le Sam 29 Aoû 2015 - 16:58

    merci
    avatar
    Tom974114
    MasculinAge : 15Messages : 9

    le Dim 30 Aoû 2015 - 13:52

    c cool
    avatar
    SokoMinami
    FémininAge : 27Messages : 16

    le Ven 4 Sep 2015 - 21:59

    Il est superbe, merci du partage
    avatar
    Méandre.
    FémininAge : 20Messages : 95

    le Sam 5 Sep 2015 - 14:10

    Merci !
    avatar
    Nymeria.
    FémininAge : 23Messages : 306

    le Jeu 10 Sep 2015 - 22:57

    Merci :)
    avatar
    Rogue Titan
    FémininAge : 23Messages : 49

    le Dim 13 Sep 2015 - 22:24

    Merci !
    avatar
    Mellister
    FémininAge : 24Messages : 17

    le Lun 14 Sep 2015 - 10:08

    merci
    avatar
    Fantôma
    MasculinAge : 16Messages : 67

    le Mer 16 Sep 2015 - 17:31

    Merci ♥



    avatar
    Alaynna
    FémininAge : 25Messages : 74

    le Mer 16 Sep 2015 - 17:57

    Il a l'air superbe, je vais l'essayer, merci!



    -- If we don't have the key we can't open we can't open whatever it is, we don't have, that it unlocks, so what purpose would be served in finding whatever need be unlocked, which we don't have, without first having found the key that unlocks it?
    -- So we're going after this key?
    -- You're not making any sense at all.
    avatar
    Sanguin
    MasculinAge : 33Messages : 19

    le Lun 21 Sep 2015 - 10:58

    Très joli, je vais tester ça moi aussi. Merci Halloween !
    avatar
    Féhéla
    FémininAge : 44Messages : 238

    le Mer 23 Sep 2015 - 1:40

    Merci
    avatar
    Lamire
    FémininAge : 24Messages : 94

    le Mer 30 Sep 2015 - 0:26

    Merci beaucoup~
    avatar
    Kabylie
    FémininAge : 26Messages : 33

    le Sam 10 Oct 2015 - 11:02

    Trop bien merci *.*
    avatar
    Milou
    FémininAge : 19Messages : 163

    le Mer 14 Oct 2015 - 17:44

    thanks ^^



    avatar
    Pavlover
    FémininAge : 22Messages : 24

    le Ven 16 Oct 2015 - 8:58

    Trop beau :o !
    Contenu sponsorisé


      La date/heure actuelle est Mer 20 Juin 2018 - 9:46