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

    le Sam 21 Juin 2014 - 22:55

    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 ligne ▬ Aperç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 >
    • Revenir en haut
    avatar
    Cruelly
    FémininAge : 25Messages : 2572

    le Dim 22 Juin 2014 - 0:34

    Il est simplement sublime !!! :) Merci beaucoup ^^



    MON PROJET, venez donner votre avis sur mon futur forum :heart: :heart:
    • Revenir en haut
    avatar
    Shuna
    FémininAge : 23Messages : 135

    le Dim 22 Juin 2014 - 18:09

    j'adore *o*
    • Revenir en haut
    avatar
    Lisou
    FémininAge : 17Messages : 319

    le Mer 23 Juil 2014 - 9:06

    Merci c'est parfait ♥
    • Revenir en haut
    avatar
    Stitch56
    FémininAge : 25Messages : 200

    le Mer 23 Juil 2014 - 13:42

    marchi ♥
    • Revenir en haut
    avatar
    louha
    FémininAge : 30Messages : 213

    le Mer 23 Juil 2014 - 18:05

    merci !
    • Revenir en haut
    avatar
    P'tit Suisse
    MasculinAge : 17Messages : 86

    le Ven 25 Juil 2014 - 18:35

    Magnifique merci à toi *w*



    • Revenir en haut
    avatar
    Susan Storm
    FémininAge : 38Messages : 77

    le Mer 30 Juil 2014 - 15:55

    Mercii !
    • Revenir en haut
    avatar
    Porcelain Detox
    MasculinAge : 23Messages : 91

    le Jeu 31 Juil 2014 - 19:33

    Merci :)
    • Revenir en haut
    avatar
    Fayzl4D
    MasculinAge : 22Messages : 84

    le Ven 1 Aoû 2014 - 12:22

    merci
    • Revenir en haut
    avatar
    O'Daim
    FémininAge : 23Messages : 116

    le Ven 1 Aoû 2014 - 14:02

    Merci pour ces codes ! ô/
    • Revenir en haut
    avatar
    PLOIM
    FémininAge : 20Messages : 52

    le Ven 1 Aoû 2014 - 17:48

    Merciiii ~
    • Revenir en haut
    avatar
    Heavensky
    FémininAge : 23Messages : 66

    le Sam 2 Aoû 2014 - 18:49

    Merci!
    • Revenir en haut
    avatar
    Cherry'
    FémininAge : 22Messages : 65

    le Sam 2 Aoû 2014 - 20:48

    Super joli, merci ! **
    • Revenir en haut
    avatar
    Doctor Who
    MasculinAge : 25Messages : 160

    le Lun 4 Aoû 2014 - 20:38

    Merci ♥





    DOCTOR WHO ☼
    © Yamashita d'épicode
    • Revenir en haut
    avatar
    Kikton
    MasculinAge : 22Messages : 28

    le Mar 5 Aoû 2014 - 18:39

    merci
    • Revenir en haut
    avatar
    GoldenGrams
    FémininAge : 18Messages : 35

    le Mar 5 Aoû 2014 - 19:17

    C'est hyper cool **
    • Revenir en haut
    avatar
    Kreazen
    FémininAge : 21Messages : 46

    le Lun 11 Aoû 2014 - 0:19

    merci pour le tuto



    Arrow
    • Revenir en haut
    avatar
    Miss Houpette
    FémininAge : 21Messages : 76

    le Lun 11 Aoû 2014 - 17:17

    Haw, j'adore. *Q*
    C'est tout rond tout doux. x3
    • Revenir en haut
    avatar
    Lutine
    FémininAge : 30Messages : 102

    le Mar 12 Aoû 2014 - 20:28

    Merci
    • Revenir en haut
    avatar
    Databar
    MasculinAge : 24Messages : 142

    le Ven 15 Aoû 2014 - 0:35

    Genial :)
    • Revenir en haut
    avatar
    Layla4
    FémininAge : 19Messages : 149

    le Mar 19 Aoû 2014 - 12:00

    Merci ^^
    • Revenir en haut
    avatar
    Aaw.
    FémininAge : 21Messages : 29

    le Mar 19 Aoû 2014 - 13:11

    pile ce que je cherchais, merci beaucoup !
    • Revenir en haut
    avatar
    Airore
    FémininAge : 19Messages : 132

    le Mer 20 Aoû 2014 - 18:17

    merci
    • Revenir en haut
    avatar
    Heartfilia
    FémininAge : 18Messages : 98

    le Mer 20 Aoû 2014 - 22:32

    Merci



    YOU HELLA SAVED MY LIFE
    - chloe price
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Lun 24 Sep 2018 - 0:35