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

Feuille de personnage
Icône:
*: Citation

CATEGORIE 1

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


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

Feuille de personnage
Icône:
*: Citation

Re: CATEGORIE 1

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


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

Feuille de personnage
Icône:
*: Citation

Re: CATEGORIE 1

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


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

Feuille de personnage
Icône:
*: Citation

Re: CATEGORIE 1

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


Contenu sponsorisé

Re: CATEGORIE 1

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