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

    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
    Himmie
    MasculinAge : 21Messages : 128

    le Lun 6 Oct 2014 - 15:36

    Merci



    avatar
    Nearween
    FémininAge : 20Messages : 212

    le Dim 12 Oct 2014 - 13:30

    ce code *^*





    Stand by Me
    avatar
    ( Lou' )
    FémininAge : 23Messages : 108

    le Lun 13 Oct 2014 - 17:15

    Merci **
    avatar
    Liliumini
    FémininAge : 23Messages : 55

    le Mer 15 Oct 2014 - 20:45

    Merci!
    avatar
    Darkeye
    FémininAge : 18Messages : 56

    le Lun 20 Oct 2014 - 19:51

    Merci ♥



    Zahil
    MasculinAge : 24Messages : 29

    le Jeu 23 Oct 2014 - 14:57

    Merci :)
    avatar
    Kau
    FémininAge : 16Messages : 148

    le Ven 24 Oct 2014 - 16:55

    Absolument trop cool, merci beaucoup !
    avatar
    Sakura-chan
    FémininAge : 21Messages : 180

    le Dim 2 Nov 2014 - 0:06

    Merci !
    avatar
    Ronron
    FémininAge : 22Messages : 68

    le Dim 2 Nov 2014 - 11:50

    Merci ♥
    avatar
    Celska
    FémininAge : 23Messages : 37

    le Mar 4 Nov 2014 - 19:15

    Encore une fois merci pour ce tuto, ce sont vraiment les plus jolis effets ! :)



    NORTH WITCH ♒
    image de l'avatar par Fernanda Suarez (c)
    avatar
    Lydia
    FémininAge : 22Messages : 8

    le Mer 5 Nov 2014 - 17:05

    Merci !
    avatar
    Kiki*
    FémininAge : 21Messages : 32

    le Lun 10 Nov 2014 - 21:08

    Merci :)
    avatar
    Celuna
    FémininAge : 28Messages : 133

    le Jeu 13 Nov 2014 - 16:43

    C'est très joli... Merci
    avatar
    Malf Claymore
    FémininAge : 24Messages : 125

    le Ven 14 Nov 2014 - 14:48

    merci de tout coeur
    avatar
    Écu
    FémininAge : 21Messages : 27

    le Sam 15 Nov 2014 - 11:55

    Super ! :)
    avatar
    AQW
    FémininAge : 24Messages : 224

    le Ven 21 Nov 2014 - 21:37

    Merci ♥



    Blblbl. ♥
    avatar
    Tyra'
    MasculinAge : 23Messages : 87

    le Lun 24 Nov 2014 - 1:07

    Merci, beau travail comme toujours!



    avatar
    Doupi
    FémininAge : 30Messages : 59

    le Dim 30 Nov 2014 - 19:45

    MErci
    avatar
    Chorks
    MasculinAge : 21Messages : 32

    le Mar 2 Déc 2014 - 7:02

    Bravo quel beau travail! Merci ^^
    avatar
    sica3
    MasculinAge : 45Messages : 135

    le Mar 2 Déc 2014 - 8:16

    thank's
    avatar
    catinaphone
    FémininAge : 26Messages : 93

    le Jeu 4 Déc 2014 - 22:10

    Alalah, y'a trop de choix, j'aime tout, j'ai envie d'essayer tous les codes ! ^^
    avatar
    damon w salvatore
    FémininAge : 30Messages : 109

    le Ven 5 Déc 2014 - 23:46

    merci
    avatar
    AwenWolf
    FémininAge : 30Messages : 76

    le Ven 5 Déc 2014 - 23:57

    Merci *_*
    avatar
    Eshon
    FémininAge : 37Messages : 194

    le Sam 6 Déc 2014 - 2:11

    Merci !
    avatar
    Agnïeszka
    FémininAge : 23Messages : 40

    le Mer 10 Déc 2014 - 14:31

    merci :)
    Contenu sponsorisé


      La date/heure actuelle est Mar 16 Oct 2018 - 11:34