FORUM TEST


 
AccueilS'enregistrerConnexion

Le Patron
I am the boss
avatar
Le Patron
MESSAGES : 389
INSCRIT DEPUIS LE : 15/04/2013
Dim 4 Juin - 17:10
Code:
  <link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet" type="text/css">
          <div class="menuhaut" align="center"><table width="850px" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
        <td style="font-size: 11px; padding-bottom: 8px; padding-top: 5px;" colspan="2" align="center">LES OPTIONS</td></tr>
      <tr><td valign="bottom">
      <!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
<!-- END switch_delete_cookies -->
      </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></div>

            <!-- 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="boxDESC"></div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbFRMII">{catrow.forumrow.POSTS}</div></div></div> 
            <!-- END forumrow -->
         
            <!-- BEGIN catfoot -->
            <!-- END catfoot -->
            <!-- BEGIN tablefoot -->
            <!-- END tablefoot --><!-- END catrow -->

Code:
/* BLOC TITRE CATEGORIE */
    .tleCAT{ margin:10px auto 0; width:900px; text-align:right; height:80px; /* MODIFIER SELON HAUTEUR IMAGE */
    background:black; border:1px solid lightgrey; background: url(http://i.imgur.com/jCvURah.png); }
    /* TITRE CATEGORIE */
    .tleCAT h2{ margin:0; margin-left: 195px; margin-top: 15px; font-size:42px; text-transform:uppercase; color:white; /* MODIFIABLE */ font-family: Calibri,Arial,sans-serif; background-color: #000000; width: 500px; text-align: center; }
    /* BLOC FORUM */
    .FRM{ margin:10px auto; width:900px; padding:10px 0; text-align:center; border: 1px solid #D1D1D1; background: #F2F2F2; }
    /* BLOC IMAGE DESCRIPTIVE */
    .boxDESC { display:inline-block; width:240px; height:190px; background: #F5F5F5; border: 1px solid #DDD; }
    .descFRM img{ position:absolute; margin-left:-484px; width:220px; height:170px; }
    /* BLOC TITRE / ICÔNES / DERNIER MESSAGE FORUM */
    .tleFRM { display:inline-block; vertical-align:top; margin:0 10px; width:220px; height:130px; padding-top:60px; text-align:center; font-size:12px; text-transform:uppercase; line-height:16px; background: #F5F5F5; border: 1px solid #DDD; }
    /* TITRE FORUM */
    .tleFRM a { color:#3AB !important; /* MODIFIABLE */ }
 .tleFRM a:hover{ color:#000!important; /* MODIFIABLE */ }
    /* ICÔNES FORUM */
    .imgFRM{ display:block; margin:5px auto 5px; }
    /* DERNIER MESSAGE FORUM */
    .lmsgFRM { margin:auto; width:80%; padding:5px; text-align:center; font-size:9px; border-top:1px solid lightgrey; color:#999;  font-family: Calibri,Arial,sans-serif; text-transform: uppercase;/* MODIFIABLE */ }
.lmsgFRM .gensmall { letter-spacing: 2px !important; }
    /* COULEUR TITRE DERNIER MESSAGE FORUM */
    .lmsgFRM a { color: #3ab !important; /* MODIFIABLE */ }
.lmsgFRM a:hover{ color:#000!important; /* MODIFIABLE */ }
    /* DESCRIPTION FORUM */
    .descFRM { margin-bottom:5px; margin-right:10px; width:260px; height:123px; padding:10px; overflow:auto; font-size:10px; text-align:justify; background: #F5F5F5;
border: 1px solid #DDD; font-family: Arial,Helvetica,sans-serif; color: #999; }
    /* SOUS-FORUMS */
    .sfFRM { margin-top:5px; width:270px; height:30px; padding:5px; overflow:auto; background: #F5F5F5;
border: 1px solid #DDD; color:grey;  /* MODIFIABLE */ font-size:10px; text-align:left; text-transform:uppercase; font-family: Verdana,Arial,Helvetica,sans-serif; }
    /* LIEN SOUS-FORUM */
    .sfFRM a{ color:#3AB !important; /* MODIFIABLE */ }
 .sfFRM a:hover{ color:#000!important; /* MODIFIABLE */ }
    /* BLOC POSITIONNEMENT */
    .boxFRM { display:inline-block; vertical-align:top; }
    /* NOMBRE SUJETS FORUM */
    .nbFRM { width:100px; height:70px; padding-top:20px; text-align:center; font-size:36px; border:1px solid #DDD; color:#3AB; /* MODIFIABLE */ }
    /* NOMBRE MESSAGES FORUM */
    .nbFRMII { margin-top:7px; border:1px solid #DDD; color:#3AB; /* MODIFIABLE */ }


Code:
/*****INSTAGRAM****/
.photo{ width: 100px;  height: 100px;  padding:5px;  margin: 5px; }
.photo-inside{ width: 100px;  height:100px;  background-color: rgba(0, 0, 0, 0.1);  background-size:100px; position: relative; left: -1px; top: -1px; }
.instapost { width: 480px;  background: none repeat scroll 0% 0% #F8F8F8;  padding: 5px;  border-radius: 5px;  margin-bottom: 5px; }
.insta-fond { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 3px; width: 500px; background: url('http://image.noelshack.com/fichiers/2014/13/1395708496-noise-2.png') repeat scroll 0% 0% #D8D8D8; }
.insta-barre { box-shadow: 0px 1px 0px rgba(111, 151, 182, 0.5) inset, 0px -1px 0px rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0, 0, 0, 0.2);
 background-color: #517FA4; background-image: url('http://image.noelshack.com/fichiers/2014/13/1395712002-noise-1.png'), -moz-linear-gradient(center top , #517FA4, #306088); background-position: 50% 50%; display: inline-block; z-index: 100; width: 500px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; position: relative; left: -5px; }
.insta-feed-header { margin: 0px; padding: 22px 0px 0px; background-color: #333; background-repeat: repeat; background-attachment: scroll;
 background-position: 50% 50%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; background-image: url('http://image.noelshack.com/fichiers/2014/13/1395707164-profile-header-gradient.png'), url('http://image.noelshack.com/fichiers/2014/13/1395707374-noise-black.png');
 box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.5) inset; position: relative; overflow: hidden; width: 500px; }
.insta-icon-container { position: relative; right: 0px; top: 0px; bottom: 0px; left: 0px; margin-left: 0px; margin-top: 1px;
 border-radius: 5px 5px 0px 0px; background-color: #000; box-shadow: 0px 0px 5px #000; }
.insta-separator { height: 28px; background-color: rgba(0, 0, 0, 0.2); width: 1px; box-shadow: 1px 1px 0px rgba(91, 134, 166, 0.5), 1px 1px 0px rgba(91, 134, 166, 0.5); }
.insta-home { text-shadow: 0px 1px 0px rgba(3, 27, 47, 0.5); margin-left: 2px; margin-right: 6px; width: 30px; height: 26px; background: url('http://image.noelshack.com/fichiers/2014/13/1395708054-shared-assets.png') no-repeat scroll 0px -200px transparent; }
.logo { font-size: 20px; font-family: Grand Hotel; text-align: center; color: #e6edf4; text-shadow: 1px 1px 1px #2c4860; line-height: 100%; }
.mini-icon-profile { width: 20px; height: 20px; background-size: cover; box-shadow: 1px 1px 2px #32536e; -webkit-box-shadow: 1px 1px 2px #32536e; -moz-box-shadow: 1px 1px 2px #32536e;
 border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.insta-miniusername { font-family: 'Montserrat', sans-serif; text-transform: lowercase; color: #FFFFF6; font-weight: bold; font-size: 12px;
 line-height: 100%; margin-left: 4px; margin-right: 8px; letter-spacing: -0.5px; text-shadow: 1px 1px 1px #1f3547; }
#instaimg1 { border-radius: 5px 0px 0px; margin: 0px 1px 1px 1px; }
#instaimg1, #instaimg2, #instaimg3, #instaimg4, #instaimg5, #instaimg6 { border: 1px #635854 solid; box-shadow: 0px 0px 2px rgba(0,0,0,0.3) inset; width: 95px; height: 95px; background-size: cover; }
#instaimg2 { margin: 0px 1px 0px 1px; }
#instaimg1 .instahover1, #instaimg2 .instahover2, #instaimg3 .instahover3, #instaimg4 .instahover4, #instaimg5 .instahover5, #instaimg6 .instahover6 { box-shadow: 0px 0px 2px rgba(0,0,0,0.3) inset;
 width: 95px; height: 95px; background-size: cover; opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; }
#instaimg { box-shadow: 0px 0px 2px rgba(0,0,0,0.3) inset; width: 195px; height: 193px; background-size: cover; margin: 1px 1px 1px 0px; border: 1px #635854 solid; }
#instaimg .instahover { background-size: cover; box-shadow: 0px 0px 2px rgba(0,0,0,0.9) inset; width: 195px; height: 193px;
 background-image: url(http://placehold.it/196x203); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out;
 -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; }
#instaimg3 { margin: 0px 1px 1px 0px; }
#instaimg4 { margin: 0px 1px 0px 0px; }
#instaimg5 { border-radius: 0px 5px 0px 0px; margin: 0px 1px 1px 0px; }
#instaimg6 { margin: 0px 1px 0px 0px; }
.insta-fond-profile { width: auto; padding: 5px; height: 80px; border-bottom: 1px solid #D9D9D9; background: url('http://image.noelshack.com/fichiers/2014/13/1395720678-white-gradient-200px.png') repeat-x scroll 50% 50% #EEE; box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.05), -1px 0px 0px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.05); }
.icon-profile-wrap { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; z-index: 4; background-color: #fff;
 padding: 5px; width: 92px; box-shadow: 1px 1px 0px #cfcfcf;
 -webkit-box-shadow: 1px 1px 0px #cfcfcf; -moz-box-shadow: 1px 1px 0px #cfcfcf; margin-top: -50px; }
.icon-profile { width: 90px; height: 90px; background-size: cover; border: 1px #635854 solid; border-radius: 4px; -webkit-border-radius: 4px;
 -moz-border-radius: 4px; }
.icon-profile { width: 90px; height: 90px; background-size: cover; border: 1px #635854 solid; border-radius: 4px;
 -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.insta-button-follow { background: rgba(69,186,95,1); background: -moz-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,186,95,1)), color-stop(41%, rgba(63,176,85,1)), color-stop(100%, rgba(57,166,79,1)));
background: -webkit-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%);
background: -o-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%);
background: -ms-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%);
background: linear-gradient(to bottom, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ba5f', endColorstr='#39a64f', GradientType=0 );
width: auto; padding: 3px; border: 1px #2d883f solid; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.insta-follow-text { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: bold; line-height: 100%; text-align: center; color: #fff; }
.insta-username2 { font-family: 'Montserrat', sans-serif; font-size: 19px; font-weight: bold; line-height: 100%; text-align: left;
 letter-spacing: -1px; text-transform: lowercase; color: #111118; margin-left: 10px; }
.bio-user { margin-left: 10px; font-family: arial; font-size: 11px; line-height: 100%; text-align: left; text-overflow: ellipsis; -moz-hyphens: auto;
 word-break: break-all; color: #666; text-shadow: none; }
.insta-stat { color: #999; font-weight: bold; text-align: center; line-height: 15px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); margin-left: 15px; width: 190px;
 background: url('http://image.noelshack.com/fichiers/2014/13/1395720678-white-gradient-200px.png') repeat-x scroll 50% 50% #DDD; border: 1px solid #CCC;
 padding: 3px 0px; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 1px 0px rgba(255, 255, 255, 0.8) inset; }
.stat-a { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: bold; line-height: 100%; text-align: center; letter-spacing: -1px;
 text-transform: lowercase; color: #333333; }
.stat-b { font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: bold; line-height: 100%; text-align: center; text-transform: lowercase; color: #9b9999; }
.stat-separator { margin-left: 10px; margin-right: 10px; height: 40px; background-color: #cccccc; width: 1px; box-shadow: 1px 1px 0px #fff;
 -webkit-box-shadow: 1px 1px 0px #fff; -moz-box-shadow: 1px 1px 0px #fff; }
.feed-photos { padding: 5px; text-align: center; background: none repeat scroll 0% 0% #EAEAEA; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.05); }
.load-footer { font-family: Montserrat, sans-serif; font-weight: bold; font-size: 14px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); color: #205380;
 margin-bottom: 5px; border-radius: 0px 0px 4px 4px; width: auto; padding: 5px; height: 25px; border-bottom: 1px solid #D9D9D9;
 background: url('http://image.noelshack.com/fichiers/2014/13/1395720678-white-gradient-200px.png') repeat-x scroll 50% 50% #EEE; box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.05), -1px 0px 0px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.05);
 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.05); padding-top: 10px; }
.feed-photo-container { text-align: center; vertical-align: middle; position: relative; left: 5px; }
.feed-divider { border-bottom: 1px solid #F6F6F6; background: none repeat scroll 0% 0% #DDD; margin: auto; }
.photo { width: 100px; height: 100px; padding: 5px; margin: 5px; }
.photo { width: 100px; height: 100px; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 1px 3px rgba(0, 0, 0, 0.1);
 transition: all 0.15s ease-out 0.1s; background: url('http://image.noelshack.com/fichiers/2014/13/1395758145-white-gradient-300px.png') repeat-x scroll 0px 100% rgba(204, 204, 204, 0.8); padding: 5px;
 margin: 5px; text-align: center; }
.photo-inside { width: 100px; height: 100px; background-color: rgba(0, 0, 0, 0.1); background-size: 100px; position: relative; left: -1px; top: -1px; }
.insta-poster { font-family: Montserrat, sans-serif; font-weight: bold; font-size: 14px; color: #3F729B; }
.insta-comment-img { margin: 3px; width: 30px; height: 30px; border-radius: 2px; float: left; background-size: cover !important; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset; }
.insta-poster b { font-weight: normal; font-size: 7px; font-family: Montserrat; color: #ddd; display: block; text-transform: uppercase; }
.instacap { font: 9px arial; color: #999; font-family: arial; line-height: 9px; }
.likesBar-pseudo { color: #3F729B; font-family: Montserrat; }
.likesBar { display: block; margin: 0px; padding: 10px 5px 5px 20px; height: 15px; border-bottom: 1px solid #DDD; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06); font-family: Arial; color: #AAA; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); font-size: 9px; background: url('http://image.noelshack.com/fichiers/2014/13/1395769327-mediaitem.png') no-repeat scroll -100px 10px transparent; }
.likesBar-number { color: #AAA; font-family: Montserrat; font-weight: bold; font-style: normal; }
.insta-comment { background: none repeat scroll 0% 0% #F4F4F4; height: 100px; padding: 5px; border: 5px solid #F4F4F4; overflow-y: auto; font: 10px arial; color: #999; }
.insta-comment { font: 10px arial; color: #999; }
.insta-comment-img { margin: 3px; width: 30px; height: 30px; border-radius: 2px; float: left; background-size: cover !important; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset; }
.insta-comment a { color: #1c5380; font-family: Montserrat; }
.insta-post-left { width: 240px; height: 240px; background: #000; overflow: hidden; }
.insta-reply-img { margin: 3px; width: 90px; height: 90px; border-radius: 2px; float: left; background-size: cover !important; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset; }
.insta-reply-wrap { background: none repeat scroll 0% 0% #F4F4F4; height: 100px; padding: 5px; margin: 5px; border: 5px solid #F4F4F4; overflow-y: auto; font: 10px arial; color: #999; text-align: justify; border-radius: 5px; }
.reply-pseudo { font-family: Montserrat,sans-serif; font-weight: bold; font-size: 14px; color: #3F729B; }
.insta-post-left-img { width: 240px; height: 240px; background-size: cover !important; }

@font-face {
  font-family: "Grand Hotel";
  font-style: normal;
  font-weight: 400;
  src: local("Grand Hotel"), local("GrandHotel-Regular"), url("http://fonts.gstatic.com/s/grandhotel/v4/NrGQkrs9rbHm5EYx0Eil0o4P5ICox8Kq3LLUNMylGO4.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/**FIN INSTAGRAM**/




Le patron
Hey gamin ! Du public j'suis le plus aimé. Alors que j'suis le plus grand criminel que ce monde est porté.


Le Patron
Revenir en haut Aller en bas
Le Patron
I am the boss
avatar
Le Patron
MESSAGES : 389
INSCRIT DEPUIS LE : 15/04/2013
Dim 4 Juin - 17:12
PROFIL SUJET

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

<div class="TLsujet">{TOPIC_TITLE}</div>
<div class="navsujet"><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></div>


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background-color: rgb(224, 224, 224);">
    <!-- BEGIN topicpagination -->
    <tr>
    <td class="row1 pagination" colspan="2" 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 class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2" style="padding: 0px 10px 0px 0px;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr style="background: rgb(30, 30, 30) none repeat scroll 0% 0%;" align="right">
    <td colspan="3" height="28" style="height: 90px;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td align="center">
    <div class="rankP">{postrow.displayed.POSTER_RANK}</div>
    </td>
    </tr>
    </table>
    </td>
    </tr> <tr style="background: #232323 none repeat scroll 0% 0%;height: 29px;">
    <td style="padding: 4px;"><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" />{postrow.displayed.POST_DATE}</span></td>
    <td valign="top" nowrap="nowrap" class="post-options" style="padding: 5px;">
    {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">
    <!-- 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}" 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="signature_div">
    {postrow.displayed.SIGNATURE}
    </div>
    <!-- END switch_signature -->

    </div>
    </td>
    </tr>
    </table>
    </td>
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" style="background: rgb(39, 39, 39) none repeat scroll 0% 0%; padding: 10px;"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
      <div class="avaP"><div class="cavavatar"><div class="vavatar">{postrow.displayed.POSTER_AVATAR}</div><div><div class="dtailS"><div class="mp3"><!-- BEGIN profile_field --><div class="mp4c">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div> {postrow.displayed.profile_field.SEPARATOR}
        <!-- END profile_field --><div class="mp4b">{RPG_IMAGE}
{postrow.displayed.POSTER_RPG}{postrow.displayed.POSTER_RPG}</div>
        <div id="CONTACT" class="mp4d">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div></div></div></div></div>
      <div class="nameP"><div class="nami"><div class="nami2"><strong>{postrow.displayed.POSTER_NAME}</strong></div></div></div></div>
    <div class="imgrankP">{postrow.displayed.RANK_IMAGE}<div class="onS">{postrow.displayed.ONLINE_IMAGE}</div></div>
    <div class="triNLP"></div><div class="triNRP"></div>
      <div class="rimgdP"></div>
    <div class="triP"></div>
    </td>
    </tr>
    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" colspan="2">
    </td>
    <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
    <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
    </td>
    </tr>
    <!-- BEGIN first_post_br -->
    </table>
    <hr />
    <table 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 -->
 
    </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}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Code:
/* PRESENTATION DU SUJET */
    /* APPARENCE MESSAGES */
    div.postbody { padding:10px; min-height:310px; text-align:justify; color:black; background-color: #F2F2F2; }
.postdetails { font-size: 10px; color: #fff; font-family: Calibri,Arial,sans-serif; letter-spacing: 1px; text-transform: uppercase; }

    /* AVATAR */
    .avaP { overflow: hidden; height:422px; width:250px; transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear; }
.vavatar { display: block; height: 350px; transition: 1s; width: 250px; top: 0px; left: 0px; z-index: 1; transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; -webkit-transition: all .6s; }
.vavatar img { height:350px; width:250px; transition: 1s; }
.cavavatar { height: 350px; overflow: hidden; width: 250px; position: relative; }
.cavavatar:hover .vavatar { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
    /* INFORMATIONS RP */
    .avaP div{ }

/* FOND INFORMATIONS RP */
    .avaP div div{ }
    .avaP:hover div div {}
    /* IMAGE RANG */
    .imgrankP {  position:absolute; z-index:3; margin-top:-53px; }
    /* ICONE EN LIGNE */
    .onS { position:absolute; z-index:4; margin-left:0px; margin-top:0px; }
 
    /* BLOC INFORMATIONS JOUEUR */
    .rimgdP { }
    /* PSEUDONYME */
    .nameP { height: 72px; overflow: hidden; background: #070707; color: rgb(255, 255, 255); }
.nami { padding: 20px; text-align: right; }
.nami2 { border-bottom: 1px solid #fff; margin-bottom: -2px;  padding-bottom: 0px; padding-right: 0px; text-align: right; font-family: rambla; text-transform: uppercase; font-size: 13px; font-weight: 100 !important; letter-spacing: 3px; }
.nameP span { font-family: rambla; text-transform: uppercase; font-size: 13px; font-weight: 100 !important; letter-spacing: 3px; }

/* latin-ext */
@font-face {font-family: 'Rambla';font-style: normal; font-weight: 400; src: local('Rambla'), local('Rambla-Regular'), url(http://fonts.gstatic.com/s/rambla/v4/RdAtQKqB_37Xb5Wjf2ote_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
/* latin */
@font-face {font-family: 'Rambla';font-style: normal;font-weight: 400;src: local('Rambla'), local('Rambla-Regular'), url(http://fonts.gstatic.com/s/rambla/v4/0AvXfVhsw8_c6r3onmlo7g.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

    /* TEXTE RANG */
    .rankP { padding:10px; width:200px; margin-top: 2px; text-transform:uppercase; text-align:center; background: #303030; color:#FFFFFF;  /* MODIFIABLE */ letter-spacing: 3px !important; font-weight: bolder; font-size: 10px; }
    /* CONTACT JOUEUR */
    .ktactP { height: 30px; color: #DEC98F; font-size: 20px; margin: 5px; line-height: 30px; }
 .ktactP a{ color: #33AABB!important; }
.ktactP a:hover{ color: #A3A3A3!important; }
    /* INFOS JOUEUR */
  .dtailS { position: absolute; top: 350px; left: 0px; padding:20px; width:210px; height:270px; padding-top: 60px; overflow:hidden; background-color: rgba(255,255,255,0.3);  z-index: 2;  -webkit-transition: .6s ease-in-out;  -moz-transition: .6s ease-in-out;  -ms-transition: .6s ease-in-out;  -o-transition: .6s ease-in-out;  transition: .6s ease-in-out; }
.cavavatar:hover .dtailS { top: 0px; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out;  -ms-transition: .6s ease-in-out;  -o-transition: .6s ease-in-out; transition: .6s ease-in-out;}
.mp3{ height: 210px; padding: 50px 10px 10px 10px; background-color: #f7f7f7; font-family: Calibri,Arial,sans-serif; font-size: 9px; text-align: justify; color: #504F4C; letter-spacing: 1px; /* MODIFIABLE */ box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
.mp4b img{width: 90px; height: 90px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;
display: block; margin: auto; padding: 6px; background-color: #fbfbfb; border: 1px solid #f3f3f3; margin: -30px auto 15px; }
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700|Raleway:700|Cousine:700|Righteous|Lora:700italic);
.mp4c { padding: 5px; background-color: #fbfbfb; color: #565656; font-family: 'roboto'; font-size: 7px; font-weight: 400; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 100%; border: 1px solid #f3f3f3; margin-bottom: -10px; }
.mp4c img{ width: 25px; }
.mp4b {margin-top: 7px; height: 10px; color: #f7f7f7 !important; }

/* TITRES INFORMATIONS JOUEUR */
.mp3 span{ text-transform:uppercase; color:#33AABB; /* MODIFIABLE */ }

#tleSBJ h1 { display: block; font-family: Arial; font-size: 32px; text-align: center; text-transform: uppercase; }




Le patron
Hey gamin ! Du public j'suis le plus aimé. Alors que j'suis le plus grand criminel que ce monde est porté.


Le Patron
Revenir en haut Aller en bas
Le Patron
I am the boss
avatar
Le Patron
MESSAGES : 389
INSCRIT DEPUIS LE : 15/04/2013
Dim 4 Juin - 17:13
PROFIL DEAD

Code:
<link rel="stylesheet" href="http://www.aht.li/3005647/jquerymCustomScrollbar.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.aht.li/3005648/jquerymCustomScrollbarconcatmin.js"></script>
<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>

<div class="TLsujet">{TOPIC_TITLE}</div>
<div class="navsujet"><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></div>


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background-color: rgb(224, 224, 224);">
    <!-- BEGIN topicpagination -->
    <tr>
    <td class="row1 pagination" colspan="2" 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 class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" style="padding: 0px !important;"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
      <div id="dead"><div class="dinn2"><div class="dtri1"></div><div class="dtri2"></div>
        <div class="dinn"><div class="dg">{postrow.displayed.POSTER_RANK}</div><div class="dinn3"><div class="dspace"></div>{postrow.displayed.POSTER_RPG}<div class="dinfo2"><!-- BEGIN profile_field --><div class="dinfo">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
          <!-- END profile_field --></div></div><div class="dname">{postrow.displayed.POSTER_NAME}</div>
        </div>
      <div class="din3"><div class="din4">{postrow.displayed.POSTER_AVATAR}</div></div>
<div id="box" class="animated pulse"></div>
        <link rel="stylesheet" href="http://viederoliste.fr/beta159753/cssherbergeur/css/PROFILPULSE.css"/>
        </div>
    </div>   
    </td>
 
      <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" colspan="1" class="content" style="padding-top: 4px;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
    <td>
          <div class="tktPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div> <div style="display:none;"><strong>{postrow.displayed.POSTER_NAME}</strong></div></div>
    </td>
    </tr>
        <tr>
    <td>
                          <div class="tktPOST2"><div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div></div>
 </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}" 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="signature_div">
    {postrow.displayed.SIGNATURE}
    </div>
    <!-- END switch_signature -->

    </div>
    </td>
    </tr>
    </table>
    </td>       
     
      </tr>
    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" colspan="2">
    </td>
    <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
    <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
    </td>
    </tr>
    <!-- BEGIN first_post_br -->
    </table>
    <hr />
    <table 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 -->
 
    </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}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
  <script>
  (function($){
        $(window).on("load",function(){
            $(".content").mCustomScrollbar();
        });
    })(jQuery);
</script>


Code:
/* PRESENTATION DU SUJET */
    /* APPARENCE MESSAGES */
    div.postbody { padding:10px; min-height:310px; text-align:justify; color:black; background-color: #F2F2F2; }
.postdetails { font-size: 10px; color: #fff; font-family: Calibri,Arial,sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.tktPOST {padding: 5px;text-transform: uppercase;text-align: right;font-family: Arial;background: #BD3939 url(http://zupimages.net/up/16/46/harj.png);}
.datePOST { font-weight: 700;padding: 5px;font-size: 11px;color: white;}
.tktPOST2 {padding: 5px;text-transform: uppercase;text-align: right;font-family: Arial;background: #1e1e1e;margin-top: -4px;}
.toolsPOST {margin-top: 0px;}
/* AVATAR */
#dead {margin-right: 4px;margin-top: 4px;width: 250px; height: 450px; background-color: #E0E0E0; position: relative; overflow: hidden; border: 1px solid #222; padding: 2px;}
.dinn2 {width: 250px; height: 450px; position: absolute; top: 2px; left: 2px; background-color: #222; overflow: hidden;}
.dtri1 {width: 0; height: 0; border-style: solid; border-width: 100px 100px 0 0; border-color: #a63232 transparent transparent transparent; position: absolute; top: 0px; left: 0px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out;}
.dtri2 {width: 0; height: 0; border-style: solid; border-width: 0 0 100px 100px; border-color: transparent transparent #a63232 transparent; position: absolute; bottom: 0px; right: 0px; transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out;}
#dead:hover .dtri1 {border-width: 400px 400px 0 0;}
#dead:hover .dtri2 {border-width: 0 0 400px 400px;}
.dinn {position: absolute; top: 20px; left: 20px; background-color: #222; width: 200px; height: 400px; padding: 5px; overflow: hidden;}
.dname {padding-top: 19px!important;padding-bottom: 19px!important;font-weight: 100 !important;letter-spacing: 1px;font-family: rambla !important;padding: 10px; background-color: #a63232; font: 16px arial black; color: #fff; text-align: center; position: absolute; bottom: 5px; left: 5px; width: 180px; text-transform: uppercase;} .dpname:first-letter {color: #222;}
.din3 {position: absolute; top: 130px; left: 45px; width: 150px; height: 150px; border: 1px solid #fff; background-color: #fff; border-radius: 360px; padding: 5px; z-index: 3; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;}
.din4 { overflow: hidden;height: 150px;width: 150px; border-radius: 360px; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;}
.din4 img{ width: 150px;background-image: url(http://zupimages.net/up/16/52/ghmx.png); background-size: cover; filter: grayscale(100%); border-radius: 360px; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;}
#box {width: 150px; height: 150px; background: #fff; border-radius: 360px; position: absolute; top: 136px; left: 51px; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;  -ms-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out;opacity: 1.0;}
.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);opacity: 0.0;}
}
.pulse {-webkit-animation-name: pulse;animation-name: pulse;}
#dead:hover #box {opacity: 1.0; top: 35px; left: 35px; width: 50px; height: 50px;}
#dead:hover .din3 {top: 30px; left: 30px; width: 50px; height: 50px;} #dead:hover .din4 {width: 50px;height: 50px;overflow: hidden;} #dead:hover .din4 img{width: 50px;}
.dg {position: absolute; right: -200px; top: 5px; padding: 5px; background-color: #a63232; width: 190px; color: #fff; font: 8px cousine; letter-spacing: 2px; text-transform: uppercase; text-align: right; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;}
#dead:hover .dg {right: 5px; position: absolute;}
.dinn3 {margin-top: 20px; height: 200px; opacity: 0.0; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s;}
#dead:hover .dinn3 {opacity: 1.0; transition-delay: 0.7s; -moz-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s;}
.dinn3 img {width: 32px;max-height: 32px;}
.clickhere {margin-top: 8px; font: 30px playfair display; letter-spacing: -3px; margin-bottom: 8px; color: #fff; font-style: italic; text-transform: lowercase; font-weight: 700;}
.clickhere a {color: #fff;}
.clickhere sub {border-top: 1px solid #fff; display: block; font: 8px cousine; font-weight: normal; letter-spacing: 0px; font-style: normal; text-transform: uppercase; padding-top: 2px; margin-top: 1px;}
.dlink {text-align: right; font: 8px cousine; color: #fff; text-transform: uppercase; padding-top: 5px;}
.dinfo {margin-bottom: 2px; line-height: 15px; font: 8px cousine; text-align: right; color: #fff; text-transform: uppercase; overflow: hidden; width: 170px;}
.dinfo span {float: left; background-color: #a63232; text-align: center; color: #fff; padding: 5px;}
.dspace {height:45px;}
.dinfo2 div:first-child span.label { display: none;}
.dinfo2 div:last-child span.label { display: none;}
.dinfo2 div:last-child { width: auto; }
.dinfo2 div:first-child { width: 120px;margin: -45px 80px 20px; }
.dinfo2 div:last-child img {height: 119px !important;max-height: 107px !important;margin: 5px -199px 10px;position: absolute;padding: 5px;border: 1px solid #fff;width: 188px;}
 

.template-linus-15.tli-nav-menuH > div {margin-top: 45px !important;}
.template-linus-15.tli-nav-menuH a[href="#nav-close"] {height: 45px !important;}
.template-linus-15.tli-nav-menuH .tli-nav-title {border-left: 5px solid #3AB !important;background: #2B2B2B url(http://zupimages.net/up/16/46/harj.png) 0 -10% !important;}
.template-linus-15.tli-nav-menuH > div, .template-linus-15 .tli-nav-texte > div { background-image: url(http://zupimages.net/up/16/50/z1s1.png);}
#page-body {padding: 5px;}
.TLsujet {padding: 20px;
text-align: left;letter-spacing: 3px;
line-height: 1;
text-transform: uppercase;
word-spacing: 3px;
color: #FFF !important;background: #232323;margin-top: 10px;}
.navsujet {padding: 20px;
text-align: left;letter-spacing: 3px;
line-height: 1;
text-transform: uppercase;
word-spacing: 3px;
color: #FFF !important;background: #232323;margin-bottom: 10px;}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#field_id2 div span { display: none;}
/* ICÔNE BLOC PSEUDONYME & RANG */
    .mp3 div:first-child img { position:absolute; margin-top:-100px; margin-left:40px; width:90px; height:90px; border-radius:65px; padding:6px;background-color: #fbfbfb;border: 1px solid #f3f3f3;}
 .mp3 div:first-child span.label { display:none; }
    .mp3 div:first-child { margin:0; height:0; width:0; padding:0; border:0; }
.fond {  width: 590px;  height: auto;  background: #E4E4E4; padding-top:20px; padding-bottom:40px; }
.intitule {  background-color:#F8F8F8; padding:2px;  width:120px; border-bottom:1px solid #33AABB; margin-bottom:3px; display:inline-block; text-align:left; margin-right:5px; text-transform: uppercase; font-size:10px; }
.reponse {  width:100px; padding:3px; border-bottom: 1px solid #33AABB; margin-bottom:3px; display:inline-block; text-align:right; font-size: 11px; line-height: 18px; font-family: Arial; }
.droite {  color: #AAAAAA; width:260px; background-color:#F2F2F2; padding-top:5px; padding-bottom:5px; float:left; margin-left:20px; overflow:auto; height:195px; font-size: 11px; line-height: 18px; font-family: Arial; text-transform: none; }
.gauche { color: #AAAAAA; width:268px; background-color:#F2F2F2; padding:5px; float:right; margin-right:20px;
  height:195px; overflow:auto; text-align:justify; font-size: 11px; line-height: 18px; font-family: Arial; text-transform: none; }
.titre { font-family: 'Quicksand', sans-serif;  font-size: 32px;  text-transform: uppercase;  padding-top: 15px;  color: #33AABB;  letter-spacing:-2px; }
.histoire { color: #AAAAAA; width:90%; margin:20px;  background-color:#F2F2F2; padding:10px; text-align:justify; font-size: 11px; line-height: 18px; text-transform: none; }


Code:
/* PRESENTATION DU SUJET */
    /* APPARENCE MESSAGES */
    div.postbody { padding:10px; min-height:310px; text-align:justify; color:black; background-color: #F2F2F2; }
.postdetails { font-size: 10px; color: #fff; font-family: Calibri,Arial,sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.tktPOST {padding: 5px;text-transform: uppercase;text-align: right;font-family: Arial;background: #BD3939 url(http://zupimages.net/up/16/46/harj.png);}
.datePOST { font-weight: 700;padding: 5px;font-size: 11px;color: white;}
.tktPOST2 {padding: 5px;text-transform: uppercase;text-align: right;font-family: Arial;background: #1e1e1e;margin-top: -4px;}
.toolsPOST {margin-top: 0px;}
/* AVATAR */
#dead {margin-right: 4px;margin-top: 4px;width: 250px; height: 450px; background-color: #E0E0E0; position: relative; overflow: hidden; border: 1px solid #222; padding: 2px;}
.dinn2 {width: 250px; height: 450px; position: absolute; top: 2px; left: 2px; background-color: #222; overflow: hidden;}
.dtri1 {width: 0; height: 0; border-style: solid; border-width: 100px 100px 0 0; border-color: #a63232 transparent transparent transparent; position: absolute; top: 0px; left: 0px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out;}
.dtri2 {width: 0; height: 0; border-style: solid; border-width: 0 0 100px 100px; border-color: transparent transparent #a63232 transparent; position: absolute; bottom: 0px; right: 0px; transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out;}
#dead:hover .dtri1 {border-width: 400px 400px 0 0;}
#dead:hover .dtri2 {border-width: 0 0 400px 400px;}
.dinn {position: absolute; top: 20px; left: 20px; background-color: #222; width: 200px; height: 400px; padding: 5px; overflow: hidden;}
.dname {padding-top: 19px!important;padding-bottom: 19px!important;font-weight: 100 !important;letter-spacing: 1px;font-family: rambla !important;padding: 10px; background-color: #a63232; font: 16px arial black; color: #fff; text-align: center; position: absolute; bottom: 5px; left: 5px; width: 180px; text-transform: uppercase;} .dpname:first-letter {color: #222;}
.din3 {position: absolute; top: 130px; left: 45px; width: 150px; height: 150px; border: 1px solid #fff; background-color: #fff; border-radius: 360px; padding: 5px; z-index: 3; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;}
.din4 { overflow: hidden;height: 150px;width: 150px; border-radius: 360px; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;}
.din4 img{ width: 150px;background-image: url(http://zupimages.net/up/16/52/ghmx.png); background-size: cover; filter: grayscale(100%); border-radius: 360px; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;}
#box {width: 150px; height: 150px; background: #fff; border-radius: 360px; position: absolute; top: 136px; left: 51px; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;  -ms-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out;opacity: 1.0;}
.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);opacity: 0.0;}
}
.pulse {-webkit-animation-name: pulse;animation-name: pulse;}
#dead:hover #box {opacity: 1.0; top: 35px; left: 35px; width: 50px; height: 50px;}
#dead:hover .din3 {top: 30px; left: 30px; width: 50px; height: 50px;} #dead:hover .din4 {width: 50px;height: 50px;overflow: hidden;} #dead:hover .din4 img{width: 50px;}
.dg {position: absolute; right: -200px; top: 5px; padding: 5px; background-color: #a63232; width: 190px; color: #fff; font: 8px cousine; letter-spacing: 2px; text-transform: uppercase; text-align: right; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;}
#dead:hover .dg {right: 5px; position: absolute;}
.dinn3 {margin-top: 20px; height: 200px; opacity: 0.0; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s;}
#dead:hover .dinn3 {opacity: 1.0; transition-delay: 0.7s; -moz-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s;}
.dinn3 img {width: 32px;max-height: 32px;}
.clickhere {margin-top: 8px; font: 30px playfair display; letter-spacing: -3px; margin-bottom: 8px; color: #fff; font-style: italic; text-transform: lowercase; font-weight: 700;}
.clickhere a {color: #fff;}
.clickhere sub {border-top: 1px solid #fff; display: block; font: 8px cousine; font-weight: normal; letter-spacing: 0px; font-style: normal; text-transform: uppercase; padding-top: 2px; margin-top: 1px;}
.dlink {text-align: right; font: 8px cousine; color: #fff; text-transform: uppercase; padding-top: 5px;}
.dinfo {margin-bottom: 2px; line-height: 15px; font: 8px cousine; text-align: right; color: #fff; text-transform: uppercase; overflow: hidden; width: 170px;}
.dinfo span {float: left; background-color: #a63232; text-align: center; color: #fff; padding: 5px;}
.dspace {height:45px;}
.dinfo2 div:first-child span.label { display: none;}
.dinfo2 div:last-child span.label { display: none;}
.dinfo2 div:last-child { width: auto; }
.dinfo2 div:first-child { width: 120px;margin: -45px 80px 20px; }
.dinfo2 div:last-child img {height: 119px !important;max-height: 107px !important;margin: 5px -199px 10px;position: absolute;padding: 5px;border: 1px solid #fff;width: 188px;}
 




Le patron
Hey gamin ! Du public j'suis le plus aimé. Alors que j'suis le plus grand criminel que ce monde est porté.


Le Patron
Revenir en haut Aller en bas
Le Patron
I am the boss
avatar
Le Patron
MESSAGES : 389
INSCRIT DEPUIS LE : 15/04/2013
Dim 4 Juin - 17:13
LISTE MEMBRE

Code:
  <form action="{S_MODE_ACTION}" method="get">
    <table cellspacing="0" cellpadding="5" border="0" align="center" class="forumline" width="100%">
    <tr>
    <th class="thTop" nowrap="nowrap">{L_ORDER_OR_SELECT}</th>
    </tr>
    <tr>
    <td class="row1">
    <table cellspacing="2" cellpadding="0" border="0" align="center" class="genmed">
    <tr>
    <td width="100%">{L_USER_SELECT} <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />     
    {L_SELECT_SORT_METHOD} {S_MODE_SELECT}     
    {L_ORDER} {S_ORDER_SELECT}    &nbsp;
    {S_HIDDEN_SID}
    <input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" /></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </form>
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr><td class="{memberrow.ROW_CLASS}" align="center">
    <!-- BEGIN memberrow -->
      <div id="LMBER"><div id="MBER"><div id="imgLMBER"><div class="imgLMBER"><div>{memberrow.AVATAR_IMG}</div><div class="nameLMBER"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><div class="stsLMBER"><b>Déjà</b> {memberrow.POSTS} <b>message à son actif.</b><hr></hr><b>Habitant d'éternia city depuis le</b> {memberrow.JOINED}<hr></hr><b>Dernière visite :</b> {memberrow.LASTVISIT}<hr></hr><b>Source :</b> {memberrow.INTERESTS}</div></div></div>
    <!-- BEGIN switch_td_group -->
    <span class="grpLMBER">{memberrow.GROUPS}</span>
    <!-- END switch_td_group -->
    </div></div>
    <!-- END memberrow -->
    </td>
    </tr>
    <!-- BEGIN switch_no_user -->
    <tr>
    <td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
    </tr>
    <!-- END switch_no_user -->
    </table>
    <!-- BEGIN switch_pagination -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><span class="nav">{PAGE_NUMBER}</span></td>
    <td align="right"><span class="nav">{PAGINATION}</span></td>
    </tr>
    </table>
    <br />
    <!-- END switch_pagination -->
<script type="text/javascript">//<![CDATA[
    $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");$(this).parent().parent().css("background-color", color);$(this).css("color", "#fff");});});//]]></script>

Code:
  /* BLOC LISTE DES MEMBRES */
    #LMBER { width:700px; margin:auto; }
    /* BLOC MEMBRE */
    #MBER { float:left; width:210px; height:195px; margin:2px; }
    /* BLOC AVATAR */
    #imgLMBER { width:200px; height:160px; overflow:hidden; border: 5px solid; border-color: #F5F5F5; position: absolute; outline: 1px solid #DDD; }
    /* SURVOLEMENT BLOC AVATAR */
    #imgLMBER:hover { }
    /* AVATAR */
    .imgLMBER { position:relative; width:200px; height:160px; transition:all 0.85s linear; -webkit-transition:all 0.85s linear; }
    .imgLMBER:hover { transition:all 0.85s linear; -webkit-transition:all 0.85s linear; margin-top:-119px; }
    .imgLMBER div img{ transition:all 0.85s linear; -webkit-transition:all 0.85s linear; width:200px; }
.imgLMBER div img:hover { }

    /* PSEUDONYME */
    .nameLMBER{ position:absolute; z-index:3; margin-top: -151px; margin-left:0px; width:184px; padding:5px; text-align:center; text-transform:uppercase; background:#070707; /* MODIFIABLE */
    transition:all 0.45s linear; -webkit-transition:all 0.45s linear; font-family: Calibri,Arial,sans-serif; font-size: 9px !important; letter-spacing: 2px; left: 3px; }
  .nameLMBER gen{ font-size: 9px !important; }
#imgLMBER:hover .nameLMBER{ margin-left:0; text-align:center; }
    /* INFORMATIONS */
    .stsLMBER { margin: 3px; position:absolute; height:100px; padding:5px; overflow:auto; text-align:justify; background:#1E1E1E; color:#FFFFFF !important; opacity:1; transition:opacity 0.35s linear; -webkit-transition:opacity 0.35s linear; transition:all 0.35s linear; -webkit-transition:all 0.35s linear; -webkit-transform: translateY(-176px); transform: translateY(-176px); margin-top: 56px !important; font-family: Calibri,Arial,sans-serif !important;
font-size: 9px !important; font-style: normal !important; font-variant: normal !important; font-weight: 400 !important; letter-spacing: 1px; text-transform: uppercase; }
 .stsLMBER b{ color: #3AB; }
#imgLMBER:hover .stsLMBER { opacity:1; }
.stsLMBER hr { margin: 1px; background: rgba(0,0,0,0.27) !important; border: none !important;height: 1px !important;}

    /* NOMBRE MESSAGES & DATE D'INSCRIPTION */
    .stsLMBER div{ display:inline-block; margin-bottom:5px; width:71px; padding:5px; text-align:center; background:black; color:white; /* MODIFIABLE */ }
    /* IMAGES PROFIL & WWW */
    .mpwLMBER { display:block !important; background:none !important; width:160px !important; }
    /* AFFICHAGE GROUPES LISTE DES MEMBRES */
    .grpLMBER { display:block; margin:5px auto; width:190px; padding:5px; text-transform:uppercase; font-weight:bold; font-size:12px; border:1px solid black; /* MODIFIABLE */ }
 
        /* PRESENTATION LISTE SUJETS */
    /* BLOC LISTE SUJETS */
    #LSBJ { width:900px; margin:auto; background:none; /* MODIFIABLE */ }
    /* BLOC SUJET */
    .SBJ { width:900px; margin:15px auto 0; text-align:center; }
    /* OUTIL MODERATION */
    .modSBJ { position:absolute; z-index:3; margin-left:-15px; margin-top:55px; }
    /* BLOC ICÔNES / VUES & REPONSES LISTE SUJETS */
    #ivrSBJ {
    display:inline-block; vertical-align:top; width:75px; height:90px; }
    .ivrSBJ { position:relative; width:75px; height:90px; overflow:hidden; }
    /* ICÔNES LISTE SUJETS */
    .imgSBJ { width:75px; height:90px; }
    /* VUES LISTE SUJETS */
    .vuesSBJ { position:absolute; z-index:2; margin-top:-200px; width:75px; height:35px; padding-top:10px;
    background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */ font-size:11px; text-align:center; opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease; }
    .ivrSBJ:hover .vuesSBJ { margin-top:-90px; opacity:1; }
    /* REPONSES LISTE SUJETS */
    .repSBJ {
    position:absolute; z-index:2; margin-top:0px; width:75px; height:35px; padding-top:10px; background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ font-size:11px; text-align:center; opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease; }
    .ivrSBJ:hover .repSBJ { margin-top:-45px; opacity:1; }
    /* BLOC TITRE/DESCRIPTION/AUTEUR LISTE SUJETS */
    .tleSBJ { display:inline-block; vertical-align:top; width:500px; height:75px; padding:15px 5px 0; overflow:hidden; font-family:Arial; background:black; color:#C1BFB7; /* MODIFIABLE */ text-align:center; text-transform:uppercase; font-size:20px; }
    /* TITRE LISTE SUJETS */
    .tleSBJ a { color:#C1BFB7 !important; /* MODIFIABLE */ }
    /* DESCRIPTION LISTE SUJETS */
    .descSBJ { font-size:16px; font-style:italic; }
    /* AUTEUR TITRE LISTE SUJETS */
    .nameSBJ { font-size:14px; }
    /* DERNIER MESSAGE LISTE SUJETS */
    .lmsgSBJ { display:inline-block; width:300px; height:75px; padding:15px 0 0; overflow:hidden; font-family:Arial; background: #242424 url(http://zupimages.net/up/16/46/harj.png); color:#C1BFB7; /* MODIFIABLE */ text-align:center; text-transform:uppercase; }
    /* AUTEUR DERNIER MESSAGE LISTE SUJETS */
    .lmsgSBJ .gensmall { font-size:20px; }
    /* LISTE DES PAGES */
    .gotoSBJ { width:870px; text-align:right; font-size:9px; }




Le patron
Hey gamin ! Du public j'suis le plus aimé. Alors que j'suis le plus grand criminel que ce monde est porté.


Le Patron
Revenir en haut Aller en bas
Contenu sponsorisé
Contenu sponsorisé
Contenu sponsorisé
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en hautPage 1 sur 1
Sujets similaires
-
» Codage : Aides, Tutoriels, Codes...
» petard de bazard
» Décodage Kerguelen
» Codage SINUS-LIFT
» Décodage biologique

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
FORUM TEST :: REPERE DE LA TEAM FLOOD :: Viens jouer !-
Sauter vers: