Partagez
Voir le sujet précédentAller en basVoir le sujet suivant
avatar
Le Patron
I am the boss
MESSAGES : 394
INSCRIT DEPUIS LE : 15/04/2013

Feuille de personnage
Icône:
*: Citation

Bazard codage

le 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é.


avatar
Le Patron
I am the boss
MESSAGES : 394
INSCRIT DEPUIS LE : 15/04/2013

Feuille de personnage
Icône:
*: Citation

Re: Bazard codage

le 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é.


avatar
Le Patron
I am the boss
MESSAGES : 394
INSCRIT DEPUIS LE : 15/04/2013

Feuille de personnage
Icône:
*: Citation

Re: Bazard codage

le 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é.


avatar
Le Patron
I am the boss
MESSAGES : 394
INSCRIT DEPUIS LE : 15/04/2013

Feuille de personnage
Icône:
*: Citation

Re: Bazard codage

le 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é.


Contenu sponsorisé

Re: Bazard codage

Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum