FORUM TEST


 
AccueilS'enregistrerConnexion

CATEGORIE 1

 :: Codage :: Autres Voir le sujet précédent Voir le sujet suivant Aller en bas
Le Patron
I am the boss
avatar
Le Patron
MESSAGES : 389
INSCRIT DEPUIS LE : 15/04/2013
Dim 4 Juin - 17:19
Code:
<div class="menuhaut" align="center"><table width="850px" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
        <td style="font-size:11px; padding-bottom: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>
<br><br>
      <!-- BEGIN catrow --><!-- BEGIN tablehead -->
      <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT">
    <!-- END tablehead -->

      <!-- BEGIN cathead -->
      <!-- END cathead -->
   
      <!-- BEGIN forumrow -->
      <div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxDESC"><div class="lmsgFRM"><div><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar -->{catrow.forumrow.LAST_POST}</div></div></div><div class="FRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ● {catrow.forumrow.POSTS} messages</div><div class="sfFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div></div></div>
      <!-- END forumrow -->
   
      <!-- BEGIN catfoot -->
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </div>
      <!-- END tablefoot --><!-- END catrow -->

Code:
  /* TITRE CATEGORIES */
    .tleCAT{
    margin:auto; margin-top:5px;
    width:850px; padding:15px 0; text-align:center;
    background:#33AABB; /* MODIFIABLE */
    }
    .tleCAT h2{
    margin:0;
    font-size:28px; text-transform:uppercase;
    letter-spacing: 5px; font-family: Oswald Regular,sans-serif; color:white;/* MODIFIABLE */
    }
    /* BLOC CATEGORIES */
    .mdlCAT {
    margin:auto; margin-bottom:10px;
    width:830px; padding: 20px 10px 10px;
    background:#f2f2f2; /* MODIFIABLE */
 
    }
    /* BLOC FORUM */
    .blocFRM{
    margin:10px auto; width:800px;
    }
    /* TITRE FORUM */
    .tleFRM {
    margin-bottom:-30px; text-align:center;
  transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
    }
    .tleFRM a{
    text-transform:uppercase; font-size:18px; letter-spacing:3px;
    color:#33AABB !important; /* MODIFIABLE */
  font-family: Calibri,Arial,sans-serif;
    }

    /* SURVOLEMENT TITRE FORUM */
    .tleFRM:hover {
    padding-left: -305px;
    }
 .tleFRM a:hover {
    color:#232323 !important; /* MODIFIABLE */
    }

    /* BLOC IMAGES DESCRIPTIVES & DERNIER MESSAGE FORUM */
    .boxDESC {
    position:relative;
    display:inline-block; vertical-align:top;
    width:155px; height:155px; border-radius:200px;padding: 10px;
    background:#D6D6D6; /* MODIFIABLE */
  background-image: url(http://i.imgur.com/zz6Ydtz.png);
    }
    /* IMAGE DESCRIPTIVE */
    .descFRM img{
    position:absolute; z-index:3; margin-left: -181px;
margin-top: -31px;
    width:155px; height:155px; border-radius:200px;
    }
    /* DERNIER MESSAGE FORUM */
    .lmsgFRM {
    position:absolute; z-index:4;
    width:155px; height:155px;
    }
    .lmsgFRM div{
  color:#999999 !important;
  text-transform: uppercase;
    z-index:5; margin-top:-1px; margin-left:-1px;
    width:157px; height:117px; padding-top:40px; border-radius:170px;
    text-align:center; font-size:10px;
    background:#F2F2F2; color:black; /* MODIFIABLE */
  font-family: Calibri,Arial,sans-serif;
    transform:rotate(180deg) scale(0); -webkit-transform:rotate(180deg) scale(0);
    transition:all 0.85s ease; -webkit-transition:all 0.85s ease;
    }

 .lmsgFRM div a{
 color: #3ab !important;
}

 .lmsgFRM div a:hover{
 color: #000000 !important;
}

 /* AVATAR DERNIER POSTEUR */

  .lmsgFRM div .avaFRM {
  overflow: hidden; background: none !important;
  padding-top: 0px;
margin-top: -18px;
transition: none !important;
border-radius: 120px 120px 0 0;
height: 70px;
margin: -30px auto 10px;
width: 130px;
    }
 .lmsgFRM div .avaFRM img {
width: 130px;
  transform: none !important;
  margin-top: -20px;
    }


    .lmsgFRM:hover div{
    transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1);
    }
    /* BLOC DESCRIPTION / NOMBRE SUJETS & MESSAGES / SOUS-FORUMS */
    .FRM{
    display:inline-block; margin-top:35px;
    }
    /* DESCRIPTION FORUM */
    .descFRM {
  text-transform: none !important;
    display:inline-block; margin-left:-105px;
    width:405px; height:120px; padding:5px; padding-left:120px; overflow:auto;
    font-size:10px; text-align:justify;  font-family: Arial,Helvetica,sans-serif;
    background:#F5F5F5; color:#999999;  /* MODIFIABLE */
  border: 1px solid #DDD;
    }
    /* BLOC POSITIONNEMENT */
    .boxFRM {
    display:inline-block; vertical-align:top; margin-left:10px;
    }
    /* NOMBRE SUJETS ET MESSAGES */
    .nbFRM {
      text-transform: uppercase;
    margin-bottom:5px;
    width:162px; height:15px; padding:5px 0;
    font-size:10px; letter-spacing:1px; text-align:center;
    background:#33AABB; color:white;
  font-family: Calibri,Arial,sans-serif;/* MODIFIABLE */
    }
    /* BLOC ICÔNES & SOUS-FORUMS */
    .sfFRM {
    width:160px; height:100px; overflow:hidden;
  background: #F5F5F5;
border: 1px solid #DDD; /* MODIFIABLE */
    }
    /* ICÔNES FORUM */
    .imgFRM{
    position:absolute;
    width:160px; height:100px;
    }
    .sfFRM div {
    position:relative;
    width:160px; height:100px; overflow:hidden;
    }
    /* CONTENU SOUS-FORUMS */
    .sfFRM div div{
      text-transform: uppercase;
    width:150px; height:90px; padding:5px; overflow:auto;
    text-align:left; font-size:11px;
  background: #F5F5F5; /* MODIFIABLE */
    transform:translateX(160px); -webkit-transform:translateX(160px);
    transition:all .65s linear; -webkit-transition:all .65s linear;
    }
    /* LIEN SOUS-FORUM */
    .sfFRM a{
    color:#33AABB !important; /* MODIFIABLE */
    }

 .sfFRM a:hover{
    color:#000000 !important; /* MODIFIABLE */
    }

    .sfFRM:hover div div{
    transform:translateX(0px); -webkit-transform:translateX(0px);
    }




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:19
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="titre-cate">{catrow.tablehead.L_FORUM}</div>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->

      <!-- END cathead -->
      <!-- BEGIN forumrow -->
    <div class="wrap-forum">
        <div class="img-forum">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </div>
        <div class="forum-titre">
            <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
        </div>
        <div class="forum-desc">{catrow.forumrow.FORUM_DESC}</div>
        <div class="sous-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <div class="stats-forum">
            <div>{catrow.forumrow.TOPICS} topics</div>
            <div>
                {catrow.forumrow.POSTS} posts</div>
        </div>
        <div class="avatar-forum">
            <!-- BEGIN avatar -->
            {catrow.forumrow.avatar.LAST_POST_AVATAR}
            <!-- END avatar -->
        </div>
        <div class="last-forum">
            {catrow.forumrow.LAST_POST}
      </div>
    </div>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->

      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->
    <script>
      $('img[title="Nouveaux messages"]').closest('.img-forum').addClass('new');
    </script>

Code:
  /*CUSTOMISATION DES FORUMS ET CATEGORIES PAR AWFUL*/
    /*Import de la police*/
    @import url('https://fonts.googleapis.com/css?family=Roboto:400,900');
    /*titre de catégorie*/
    .titre-cate {
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
  margin: 5px auto;
padding: 20px 0;
text-align: center;
background: url(https://i.imgur.com/jCvURah.png);
    }
    .titre-cate h2 {
        background-color: #000;
    color: #fff;
    font-family: Calibri,Arial,sans-serif;
    font-size: 41px;
    margin: 0px 0 0 195px;
    text-align: center;
    text-transform: uppercase;
    width: 500px;
    letter-spacing: 3px;
    }
    /*bloc forum*/
    .wrap-forum {

        height: 110px;
        background-color: #e7e7e7;
        position: relative;
        font-family: 'Roboto', sans-serif;
        margin: 0 auto 10px;
    }
    .wrap-forum a,
    .wrap-forum a:hover {
        text-decoration: none!important;
    }
    /*Titre forum*/
    .forum-titre {
        position: absolute;
        width: 100%;
        height: 40px;
        background-color: #1E1E1E;
        box-sizing: border-box;
        padding-left: 20px;
    }
    .forum-titre a {
        font-weight: 900;
        text-transform: uppercase;
        line-height: 40px;
        font-size: 16px;
        color: #33AABB!important;
        transition: all 0.5s;
    }
    .forum-titre a:hover {
        color: #14869D !important;
    }
    /*Suppression de l'image de nouveau message*/
    .img-forum {
        position: absolute;
        bottom: 0;
        right: 90;
    }
    .img-forum img {
        display: none;
    }
    /*remplacement de l'image de nouveau message par un 'x' rouge pour old*/
    .img-forum:before {
        content: "×";
        height: 15px;
        width: 15px;
        background: #2B2B2B;
        position: absolute;
        right: 140px;
        bottom: 10px;
        z-index: 2;
        border-radius: 50%;
        text-align: center;
        line-height: 15px;
        color: #fff;
        font-size: 10px;
        padding-left: 1px;
        box-sizing: border-box;
    }
    /*changement du 'x' rouge en '✓' vert pour les nouveaux messages*/
    .new:before {
        background: #33AABB;
        content: "✓";
    }
    /*description de forum*/
    .forum-desc {
        position: absolute;
        height: 50px;
        width: 500px;
        overflow: auto;
        bottom: 10px;
        left: 20px;
        font-size: 11px;
        text-align: justify;
        padding-right: 10px;
        line-height: 12px;
    }
    /*Custom scrollbar (seulement pour Chrome !)*/
    .forum-desc::-webkit-scrollbar {
        width: 4px;
    }
    .forum-desc::-webkit-scrollbar-track {
        background-color: #A1A2A7;
    }
    .forum-desc::-webkit-scrollbar-thumb {
        background-color: #7CD1B0;
    }
    /*Statistiques topics et posts*/
    .stats-forum {
        left: 540px;
        position: absolute;
        top: 50px;
        text-transform: uppercase;
        font-size: 8px;
        letter-spacing: 1px;
        color: #9f9f9f;
    }
    /*Dernier message*/
    .last-forum {
        position: absolute;
        right: 50px;
        text-transform: uppercase;
        font-size: 10px;
        bottom: 10px;
        color: #9f9f9f;
    }
    .last-forum a {
        text-transform: none;
    }
    .last-forum span > a:first-child {
        font-size: 11px;
        color: #14869D;
        transition: all 0.3s;
  text-transform: uppercase;
    }
    .last-forum span > a:first-child:hover {
        color: #333333;
    }
    .last-forum:empty::before {
        content: "Pas de nouveaux messages";
        font-size: 10px;
        width: 100px !important;
        display: block;
        bottom: 10px;
        position: relative;
    }
    /*Sous-forums*/
    .sous-forum {
        position: absolute;
        font-size: 0;
        right: 18px;
        top: 20px;
        max-width: 450px;
        background: #1E1E1E;
        z-index: 3;
    }
    .sous-forum a {
        display: inline-block;
        font-size: 9px !important;
        background: #2B2B2B;
        margin: 0 2px 3px;
        padding: 1px 4px;
        text-transform: uppercase;
        color: #33AABB !important;
        transition: all 0.3s;
    }
    .sous-forum a:hover {
        background: #33AABB;
    color: #2B2B2B !important;
    }
    /*Bouton "+" pour l'affichage des sous-forums supplémentaires*/
    .more {
        position: absolute;
        right: -10px;
        top: -16px;
        display: block;
        background: green;
        font-size: 10px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        text-align: center;
        line-height: 13.5px;
        color: #e7e7e7;
        box-sizing: border-box;
        padding-left: 1px;
        cursor: pointer;
    }
    /*Couleur bouton "-"*/
    .more.less {
        background: #c35050;
    }
    /*Avatar du dernier posteur*/
    .avatar-forum {
        width: 50px;
        height: 50px;
        overflow: hidden;
        position: absolute;
        border-radius: 50%;
        bottom: 10px;
        right: 230px;
      /*Remplacer le background-image par une couleur si désiré*/
        background-image: url('http://s23230.storage.proboards.com/6383230/i/MuQbXmPFPhj7btNBJMSV.png');
        background-size: 100%;
    }
    .avatar-forum img {
        width: 50px;
    }




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:20
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 */ }




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:20
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>
 <div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span>
 <!-- END tablehead -->
 
        <!-- BEGIN cathead -->
        <!-- END cathead -->
 
        <!-- BEGIN forumrow -->
      <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxIIFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="nbFRM"><div class="sbjFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div><div class="sfFRM"><span>+</span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div>
        <!-- END forumrow -->
 
        <!-- BEGIN catfoot -->
        <!-- BEGIN inc -->
        <!-- END inc -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
 <br clear="all" /></div>
        <!-- END tablefoot --><!-- END catrow -->

Code:
/* BLOC TITRE CATEGORIE */
    .tleCAT{margin:5px auto; padding:20px 0; text-align:center; background: url(http://i.imgur.com/jCvURah.png);}
    /* TITRE CATEGORIE */
    .tleCAT h2{background-color: #000;color: #fff;font-family: Calibri,Arial,sans-serif;font-size: 41px;margin: 0px 0 0 195px;text-align: center;text-transform: uppercase;width: 500px; letter-spacing:3px; }
    /* BLOC CATEGORIE */
    .mdlCAT {margin:auto; width:900px; text-align:center;}
    /* BLOC FORUM */
    .FRM {float:left; margin:5px 0;width:295px; height:150px; overflow:hidden; text-align:left;}
    .FRM:nth-of-type(2) {margin:5px 7px 5px 8px;}
    .FRM:nth-of-type(5) {margin:5px 7px 5px 8px;}
    .FRM:nth-of-type(8) {margin:5px 7px 5px 8px;}
    /* BLOC TITRE & DERNIER MESSAGE FORUM */
    .boxFRM {width:295px; height:95px; padding-top:30px;background:#191919;text-align:center; text-transform:uppercase; }
    /* TITRE & BORDURE FORUM  */
    .tleFRM a{padding-bottom:5px; border-bottom:1px solid;border-bottom-color:rgba(250,250,250,0.5); font-family:Arial; color:white !important;
    text-transform:uppercase; font-size:16px;}
    /* DERNIER MESSAGE FORUM */
    .lmsgFRM {margin-top:10px; font-size:10px; color:white;}
    /* COULEUR TITRE DERNIER SUJET FORUM */
    .lmsgFRM a{color:white !important;}
    /* BLOC ICÔNES DU FORUM / AVTAR / NOMBRE SUJETS & MESSAGES / SOUS-FORUMS / DESCRIPTION FORUM */
    .boxIIFRM {position:relative; z-index:2;width:295px; height:150px; overflow:hidden; background-image: url(http://i.imgur.com/egM6bn2.png);transition:all .65s linear; -webkit-transition:all .65s linear;}
    .boxIIFRM:hover {margin-top:-125px;}
    /* ICÔNES FORUM */
    .imgFRM{width:295px; height:25px;}
    /* AVATAR DERNIER POSTEUR FORUM */
    .avaFRM {margin:auto; margin-top:-40px;width:50px; height:50px; border-radius:50px; overflow:hidden;transition:all .65s linear; -webkit-transition:all .65s linear;}
    .avaFRM img{width:50px;}
    .boxIIFRM:hover .avaFRM {margin-top:-55px; margin-bottom:15px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
    /* BLOC NOMBRE SUJETS & MESSAGES / SOUS-FORUMS */
    .nbFRM {display:inline-block; vertical-align:top; width:100px; font-size:20px; text-align:center;}
    /* NOMBRE SUJETS FORUM */
    .sbjFRM {margin:auto; width:80px; height:30px; padding-top:5px;background: #3AB url(http://zupimages.net/up/16/46/harj.png) 0 -30%; color:black; }
    /* NOMBRE MESSAGES FORUM */
    .repFRM { margin:5px auto; width:80px; height:30px; padding-top:5px; background: #3AB url(http://zupimages.net/up/16/46/harj.png) 0 -30%; color:black; }
    /* + SOUS-FORUMS */
    .sfFRM span{ margin:auto; display:block; width:80px; height:15px; padding:5px 0; font-size:10px; background:#191919; color:white; }
    /* BLOC SOUS-FORUMS */
    .sfFRM div{ position:absolute; margin-left:100px; margin-top:-105px; width:0; height:105px; overflow:hidden; text-transform:uppercase; color:rgba(0,0,0,0); line-height:2px; background:#191919;  /* MODIFIABLE */ transition:all .65s linear; -webkit-transition:all .65s linear; }
    .sfFRM:hover div { width:175px; padding:0 5px; overflow-y:auto;}
    /* LIEN SOUS-FORUM */
 .sfFRM a{ font-family: intro;display:block; margin:auto; margin-top:5px; padding:5px; background:#3AB; color:black !important; /* MODIFIABLE */ text-align:center; font-size:8px; line-height:12px; }
    /* DESCRIPTION FORUM */
    .descFRM { font-family: Arial,Helvetica,sans-serif;font-size: 10px;display:inline-block; vertical-align:top; width:175px; height:95px; padding:5px; overflow:auto;background:#dedede; color:black;font-size:11px; text-align:justify; }




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
-
» categorie attelage super 6d
» [Article] Arbitrage et règlement Match d'impro
» Quel vue pour la catégorie à 25euros?
» poids monétaire n°1
» [AIDE] Calendrier - Rdv - Catégorie HD2

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
FORUM TEST :: Codage :: Autres-
Sauter vers: