Invité, CECI EST UN FORUM TEST PRIVE ET FERME POUR UNIQUE UTILISATION DE JABBERION
 
AccueilAccueil    CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Catégories TSCFM

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Abhess

avatar

Messages : 577
Gallions : 5732
Date d'inscription : 25/06/2010
Age : 24
Localisation :

MessageSujet: Catégories TSCFM   Mer 23 Juil - 1:11

Template index_box
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </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>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div class="cate_titre"><div class="titrecategorie">{catrow.tablehead.L_FORUM}</div></div>

<div class="categorie">

  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
 <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
<div class="forum">
 
<table><tr>
  <td style="vertical-align: middle; padding: 10px;" class="bloccate"><nobr><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
    <span style="font-size: 11px;"><span style="COLOR: #fe6d6d; FONT-SIZE: 11px;">✘ {catrow.forumrow.TOPICS}</span> rebondissements dans <span style="COLOR: #fe6d6d; FONT-SIZE: 11px;">{catrow.forumrow.POSTS}</span> aventures.</span><br />
  </nobr> <center><div class="last_mess"><span class="gensmall" id="last">{catrow.forumrow.LAST_POST}</span></div>
<script type="text/javascript">
jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block; padding: 0 2px;">-</span>')).removeAttr('id');
  </script>
    <p> <r class="hoverme">Hover Me!<span class="gensmall1">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> </r> </p></center></td>
  <td style="vertical-align: middle;">
  {catrow.forumrow.FORUM_DESC}</td>
  <td><img class="new01" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    </td>
</tr></table>
   
    </div><br />

  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
  </div><div class="cate_footer"><br /><div class="footer_texte">Nom du forum</div></div>
 
<!-- END tablefoot --><!-- END catrow -->
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Parisienne" />

CSS
Code:
 /* --------------------------------- CATEGORIES --------------------------------- */

        .hoverme {
          font-size: 11px;
          font-family: arial;
          color: #FE6D6D;
          text-align: center !important;
          margin-top: 10px;
        }

        r:focus{
        background: #020202;
        z-index: 1;
        }

            r span {
            z-index: 1;
            position: absolute;
            margin-top: -95px;
            margin-left: -135px;
              color: #F0F0ED;
            width: 180px;
            height: 55px;
              overflow: auto;
              background: #141517;
            padding: 15px;
            border-radius: 3px;
            transform: scale(0) rotate(-12deg);
          -webkit-transform: scale(0) rotate(-12deg);
          -ms-transform: scale(0) rotate(-12deg);
              transition: all .25s;
            }

            r:hover span, r:focus span {
            z-index: 1;
            transform: scale(1) rotate(0);
          -webkit-transform: scale(1) rotate(0);
          -ms-transform: scale(1) rotate(0);
            }


        /* Catégories */

        titrecategorie h2 {
          top: 1.5em;
          position: relative;
          font-size: 27px;
        font-family: parisienne;
          color: #FE6D6D !important;
          letter-spacing: 1px !important;
          z-index: 1;
        }

        .cate_titre {
          text-align: center;
          margin: auto;
          background-color: #1B1B1F;
          width: 750px;
          height: 210px;
          border-radius: 130% 130% 0% 0%;
        }

        .cate_footer {
          text-align: center;
          margin: auto;
          z-index: 1;
          position: relative;
          margin-top: -100px;
          background-color: #1B1B1F;
          width: 750px;
          height: 210px;
          border-radius: 0% 0% 130% 130%;
        }

        .footer_texte {
          top: 5.5em;
          position: relative;
          font-size: 20px;
        font-family: parisienne;
          color: #FE6D6D !important;
          letter-spacing: 1px !important;
        }

        .categorie {
          width: 750px;
          margin: auto;
          background-color: #1B1B1F !important;
          margin-top: -100px;
        }

        /* New */
        .new01 {
          transform: rotate(5deg);
        }

        /* Forum */

        .forum {
          width: 700px;
          height: 120px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5px;
          margin-bottom: 5px;
          background: #141517;
          position: relative;
          padding: 2px;
          z-index: 2;
        }

        a.forumlink {
          position: relative;
          display: block;
          width: 100%;
          color: #F0F0ED !important;
          text-align: left;
          font-family: parisienne;
          font-size: 22px;
          font-weight: bold;
          letter-spacing: 1px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        a.forumlink:hover {
          letter-spacing: 2px;
          color: #FE6D6D !important;
          text-decoration: none !important;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        /* Description */
        .description {
          width: 280px;
          height: 80px;
          overflow: auto;
          background-color: #141517;
        text-align: justify;
          font-family: arial;
          font-size: 11px;
        }

        /* Bloc derniers messages */

        .bloccate {
          width: 180px;
        }

        .stats_last
        {
          display: block;
          width: 160px;
          height: 75px;
          margin-left: -200px;
          margin-top: 30px;
          background: #E3A6A6;
          padding: 10px;
          border: 1px solid #2E2E2E;
          box-shadow: 2px 2px 10px #2E2E2E;
        -moz-box-shadow: 2px 2px 10px #2E2E2E;
          -webkit-box-shadow: 2px 2px 10px #2E2E2E;
        }

        .stats {
          display: block;
          text-align: center;
          font-size: 10px;
          color: #7E2727;
          border-bottom: 1px solid #7E2727;
          padding-bottom: 4px;
          margin-bottom: 4px;
        }

        .last_mess {
          display: block;
          text-align: center;
          font-size: 11px;
          color: #F0F0ED;
        }

        .last_mess a{
          text-align: center;
          font-size: 11px;
          color: #F0F0ED;
        }

        /* Sous-forum */


        /*--------------------------------- FIN CATEGORIES --------------------------------- */

Et à ajouter dans la description de vos forum
Code:
<table>
 
<tbody>
 <tr>
 
<td>
 <img class="image1" src="http://i56.servimg.com/u/f56/18/71/36/65/lar1ge10.jpg" />
</td>
 
<td>
 
<div class="description">
 Amnis in superato pedes celsi regnis Pompeius pedes Orontes Gnaeus Cassii Parthenium in Romanae Parthenium regnis illius autem dicioni provincias abstractas Pompeius Cassii abstractas Pompeius Cassii pedes illius quas Tigrane Pompeius amnis regnis montis quas illius autem dicioni celsi Parthenium praetermeans Armeniorum ambiens regnis montis dicioni pedes Pompeius celsi funditur imosque montis dicioni funditur autem montis praetermeans ambiens provincias regnis montis illius montis pedes pedes in montis dicioni funditur illius provincias imosque Gnaeus montis dicioni illius provincias imosque abstractas Romanae montis illius celsi autem regnis Gnaeus Parthenium amnis quas illius superato Parthenium praetermeans celsi abstractas superato Gnaeus quas funditur Tigrane.
</div>
 
</td>
 
</tr>
 
</tbody>
</table>


READ THE STORY ϟ Wherever my story takes me, however dark and difficult the theme, there is always some hope and redemption, not because readers like happy endings, but because I am an optimist at heart. I know the sun will rise in the morning, that there is a light at the end of every tunnel.  ► hellsangels.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://london-kuroshiti.forumperso.com
Abhess

avatar

Messages : 577
Gallions : 5732
Date d'inscription : 25/06/2010
Age : 24
Localisation :

MessageSujet: Re: Catégories TSCFM   Mer 23 Juil - 1:17

A placer dans le template index-box :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
     
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="titreforum">{catrow.forumrow.FORUM_NAME}</div></a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
                  <center><div class="ensemble"><table><tbody><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="margin-left: -50px; -moz-transform:rotate(-20deg);
                    -webkit-transform:rotate(-20deg); transform:rotate(-20deg);"/></td><td><span class="genmed"><div class="description">{catrow.forumrow.FORUM_DESC}</div></span>
                    <br />  <div class="messages"><span class="gensmall" style="color: #000000 !important; font-size: 12px;">{catrow.forumrow.POSTS}</span> messages dans <span class="gensmall" style="color: #000000 !important; font-size: 12px;">{catrow.forumrow.TOPICS}</span> sujets.</div></td>
       
                    <td><div class="liens">{catrow.forumrow.L_LINKS}<br />{catrow.forumrow.LINKS} </div></td> <td><span class="gensmall"><div class="derniers"><br />{catrow.forumrow.LAST_POST}</div></span></td></tr></tbody></table>
                    </div></center>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et le CSS :

Code:
/* CATEGORIES */
a {
  text-decoration: none;
  color: #000000;
  font-size: 12px;}

.titreforum {
  color: #84A2D8;
  font-size: 26px;
  font-family: courier new;
  text-align: center;
}

.ensemble {
  background-color: #34AE7F;
  margin-top: -20px;
  font-size: 12px;
  padding: 10px;
  color: #000000;
  width: 750px;
}

.description {
  background-color: #7C9CCF;
  text-align: justify;
  width: 500px;
  height: 100px;
  overflow: auto;
  padding: 10px;
  font-size: 12px;
  color: #000000;
}

.messages {
  background-color: #7C9CCF;
  font-size: 12px;
  text-align: center;
  color: #000000 !important;
  padding: 10px;
}

.liens {
  background-color: #7C9CCF;
  font-size: 12px;
  text-align: left;
  color: #000000 !important;
  padding: 10px;
  height: 100px;
  width: 90px;
  margin-top: -50px;
}

.derniers {
  width:100px;
  height:100px;
  border-radius:80px;
  -webkit-border-radius:80px;
  -moz-border-radius:80px;
  background-color: #7C9CCF;
  font-size: 12px;
  text-align: center;
  color: #000000 !important;
  margin-top: -40px;
  padding: 10px;
  margin-right: -70px;
}


READ THE STORY ϟ Wherever my story takes me, however dark and difficult the theme, there is always some hope and redemption, not because readers like happy endings, but because I am an optimist at heart. I know the sun will rise in the morning, that there is a light at the end of every tunnel.  ► hellsangels.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://london-kuroshiti.forumperso.com
Abhess

avatar

Messages : 577
Gallions : 5732
Date d'inscription : 25/06/2010
Age : 24
Localisation :

MessageSujet: Re: Catégories TSCFM   Mer 23 Juil - 1:18

CSS
Code:
  /* --------------------------------- CATEGORIES --------------------------------- */


    /* SOUS-FORUM CACHES */

    .sf {
      width: 100px;
      height: 170px;
      overflow: hidden;
      position: relative;
      top: 0em;
      background-color: #D5D2D2;
    }

    .sf_img {
      position: relative;
      z-index: 2;
      width: 100px;
      height: 170px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .sf:hover .sf_img {
      margin-left: 400px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
     
  .sf_description {
      position: relative;
      z-index: 1;
      width: 100px;
      height: 170px;
      margin-top: -180px;
      font-size: 11px;
      color: #8c8c8c;
      padding: 15px;
      overflow: auto;
    }

    .sf_description a{
      color: #005677;
    }

    .sf_description a:hover {
      color: #007EAE;
      text-decoration: none !important;
    }

    /*** FONDS GENERAUX ***/

    /* Fond titre catégorie */
    .cate_titre {
      width: 600px;
      margin: auto;
      padding: 5px;
      background-color: #007BAA;
      box-shadow: 2px 2px 15px black;
      -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }

    /* Mise en forme nom de catégorie */
    h2 {
      font-size: 30px;
      font-family: 'Oregano', cursive;
      color: #003E55;
      text-align: center;
    }

    /* Fond du forum */
    .categorie {
      background-color: #B7B3B3;
      width: 700px;
      height: 200px;
      padding: 15px;
    }


    /*** MISE EN FORME DES FORUM ***/

    /* Mise en forme du texte des titres de forum */
    .forumlink {
      position: relative;
      left: 2em;
      top: 0.6em;
      color: white !important;
      font-family: 'Allura', cursive;
      font-size: 36px !important;
      font-weight: none !important;
      z-index: 1;
    }

    .forumlink:hover {
      color: #002F40 !important;
      text-decoration: none !important;
    }

    .forumlink a {
      font-size: 16px;
      width: 500px;
    }

    /* Mise en forme de la description */
    .description {
      width: 300px;
      height: 100px;
      overflow: auto;
      font-size: 11px;
      text-align: justify;
      background-color: #ffffff;
      color: #007BAA;
      border-top: 5px solid #007BAA;
      padding: 15px;
    }

    /*** DERNIERS MESSAGES ***/
    .derniers_messages {
      text-align: center;
      font-size: 11px;
    }

    .derniers_messages a {
      color: #007BAA !important;
    }

        /*--------------------------------- FIN CATEGORIES --------------------------------- */

Template index_box
Code:
      <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall">{LAST_VISIT_DATE}<br />
                {CURRENT_TIME}<br />
                </span>
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
              </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>
        <!-- BEGIN catrow --><!-- BEGIN tablehead -->

        <center><div style="background-color: #D5D2D2; padding: 15px; width: 780px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



          <!-- END tablehead -->
          <!-- BEGIN cathead -->
       
        <!-- END cathead -->
          <!-- BEGIN forumrow -->
     
     
      <br /><br /> <div class="categorie">
            <table><tr>
              <td><div class="sf"><div class="sf_img"><img src="http://i55.servimg.com/u/f55/16/61/97/52/14_10.png" /></div><div class="sf_description"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
    <script type="text/javascript">
      jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
    </script></div></div>
              <div style="clear: both;"></div></td>
              <td><div style="width: 20px;"></div></td>
              <td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                <div class="description">{catrow.forumrow.FORUM_DESC}</div><div style="text-align: center; font-size: 9px; color: #ffffff;">{catrow.forumrow.TOPICS} messages dans {catrow.forumrow.POSTS} topics</div></td>
              <td><div style="width: 20px;"></div></td>
              <td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br /><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></td>
              </tr></table>
         
      </div>

          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
       
        <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
     
      </div>  </center>
     
      <!-- END tablefoot --><!-- END catrow -->
    <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
      <link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>


READ THE STORY ϟ Wherever my story takes me, however dark and difficult the theme, there is always some hope and redemption, not because readers like happy endings, but because I am an optimist at heart. I know the sun will rise in the morning, that there is a light at the end of every tunnel.  ► hellsangels.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://london-kuroshiti.forumperso.com
Abhess

avatar

Messages : 577
Gallions : 5732
Date d'inscription : 25/06/2010
Age : 24
Localisation :

MessageSujet: Re: Catégories TSCFM   Mer 23 Juil - 1:19

CSS
Code:
  /* --------------------------------- CATEGORIES --------------------------------- */

    .imgforum {
      border-radius: 100%;
      border: 2px solid #ffffff;
    }

    .bloc1 {
      background-color: #3D2A33;
      width: 500px;
      height: 150px;
      position: relative;
    left: 3em;
      box-shadow: 2px 2px 15px black;
    -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }


    /*** FONDS GENERAUX ***/

    /* Contenu de l'ensembre des forum */
    .categorie {
      width: 700px;
      height: 200px;
      padding: 10px;
    }

    /* Fond des forum */
    .sous-forum {
      width: 300px;
      height: 50px;
      overflow: auto;
      top: -10em;
    }

    /* Fond titre catégorie */
    .cate_titre {
      width: 800px;
      margin: auto;
      padding: 5px;
      background-color: #3D2A33;
      box-shadow: 2px 2px 15px black;
    -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }

    /* Mise en forme nom de catégorie */
    h2 {
      font-size: 20px;
      font-family: 'Carrois Gothic SC', sans-serif;
      color: #C2A7B4;
      text-align: center;
    }




    /*** MISE EN FORME DES FORUM ***/

    /* Mise en forme du texte des titres de forum */
    .forumlink {
      color: #A47B8E !important;
      font-family: 'Vampiro One', cursive;
      font-size: 25px !important;
      font-weight: none !important;
      position: relative;
      top: 0.5em;
      left: -2em;
      z-index: 1;
    }

    .forumlink:hover {
      color: #F1EBEE !important;
      text-decoration: none !important;
    }

    .forumlink a {
      font-size: 16px;
      width: 500px;
    }

    /* Mise en forme de la description */
    .description {
      width: 400px;
      height: 90px;
      font-size: 11px;
      text-align: justify;
      color: #CBC0C6;
      background-color: #392F34;
      border: 2px solid #2D2227;
      border-radius: 5px;
      position: relative;
      top: 1em;
      left: 3em;
      padding: 15px;
    }

    .imagedesc {
      position: relative;
      right: -6em;
      top: -2em;
    -moz-transform:rotate(8deg);
      -webkit-transform:rotate(8deg);
      transform:rotate(8deg);
    }




    /*** SOUS-FORUM ***/

    .lienssf {
      width: 490px;
      max-height: 15px;
      overflow: auto;
      background-color: #2C1D24;
      padding: 5px;
      position: relative;
    }

    .lienssf a {
      color: #A47B8E !important;
      text-decoration: none !important;
    }

    .lienssf a:hover {
      color: #CBC0C6 !important;
    text-decoration : none !important;
    }




    /*** DERNIERS MESSAGES ***/

    .last_mess {
      width: 120px;
      position: relative;
      left: 6em;
      top: 1.5em;
      background-color: #2C1D24;
      color: #C9AFBB;
      padding: 10px;
      font-size: 11px;
      border-radius: 5px;
    }

    .last_mess a {
      color: black !important;
      text-decoration: none !important;
    }

    .last_mess a:hover {
      color: #CAC9C7 !important;
    text-decoration : none !important;
    }


    /*--------------------------------- FIN CATEGORIES --------------------------------- */


Template index_box
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </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>
    <!-- BEGIN catrow --><!-- BEGIN tablehead -->

    <div style="background-color: #34222A; padding: 10px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



      <!-- END tablehead -->
      <!-- BEGIN cathead -->
     
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
   
   
      <div class="categorie">
    <table><tr>
      <td><img class="imgforum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
        <div class="bloc1"><div class="rien">{catrow.forumrow.FORUM_DESC}</div>
          <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
      <td><div class="last_mess">{catrow.forumrow.LAST_POST}</div></td>
    </tr>
    </table>
       
    </div>

      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
     
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
   
  </div> 
   
  <!-- END tablefoot --><!-- END catrow -->
    <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Vampiro+One' rel='stylesheet' type='text/css'>


Et dans la description de vos forum

Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.


READ THE STORY ϟ Wherever my story takes me, however dark and difficult the theme, there is always some hope and redemption, not because readers like happy endings, but because I am an optimist at heart. I know the sun will rise in the morning, that there is a light at the end of every tunnel.  ► hellsangels.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://london-kuroshiti.forumperso.com
Abhess

avatar

Messages : 577
Gallions : 5732
Date d'inscription : 25/06/2010
Age : 24
Localisation :

MessageSujet: Re: Catégories TSCFM   Mer 23 Juil - 1:21

Template index_box
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </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>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div style="background-image: url('http://i58.servimg.com/u/f58/17/97/89/15/light_10.png'); padding: 10px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
 
  <div class="categorie">
<table><tr>
  <td><img style="position: relative; left: 2em; top: -1.3em;" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
  </td>
  <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
    <div class="rien">{catrow.forumrow.FORUM_DESC}</div></td>
  <td><span class="stats"><nobr>{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</nobr></span></td>
</tr>
</table>
    <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
    <div class="last_mess"><span class="gensmall" id="last">{catrow.forumrow.LAST_POST}</span></div>
<script type="text/javascript">
jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block; padding: 0 2px;">-</span>')).removeAttr('id');
  </script>
  </div>

  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
 
</div> 
 
<!-- END tablefoot --><!-- END catrow -->
<link href='http://fonts.googleapis.com/css?family=Ceviche+One' rel='stylesheet' type='text/css'>

CSS
Code:
/* --------------------------------- CATEGORIES --------------------------------- */




/*** FONDS GENERAUX ***/

/* Contenu de l'ensembre des forum */
.categorie {
  width: 950px;
  height: 190px;
  padding: 10px;
  background: #969595;
}

/* Fond des forum */
.sous-forum {
  width: 300px;
  height: 50px;
  overflow: auto;
  top: -10em;
}

/* Fond titre catégorie */
.cate_titre {
  width: 969px;
  margin: auto;
  background-color: #767676;
  border: 1px solid #8F8F8F;
  box-shadow: 2px 2px 15px black;
 -moz-box-shadow: 2px 2px 15px black;
  -webkit-box-shadow: 2px 2px 15px black;
}

/* Mise en forme nom de catégorie */
h2 {
  font-size: 15px;
  font-family: Sylfaen;
  font-style: italic !important;
  color: #000000;
  text-align: center;
}




/*** MISE EN FORME DES FORUM ***/

/* Mise en forme du texte des titres de forum */
.forumlink {
  color: #000000 !important;
  font-family: Sylvaen;
 font-style: italic !important;
  font-size: 17px !important;
  font-weight: none !important;
  text-align: center;
}

.forumlink:hover {
  color: #521B36 !important;
  text-decoration: none !important;
}

.forumlink a {
  font-size: 16px;
  width: 500px;
}

/* Mise  en forme du fond des titres de forum */
.titrefofo {
  width: 400px;
  max-height: 100px;
  position: relative;
  margin-top: 10px;
  left: 6em;
  font-size: 11px;
  text-align: justify;
  color: #2E2E2E;
  background-color: #C2C2C2;
  padding: 15px;
}

/* Mise en forme de la description */
.description {
  width: 400px;
  position: relative;
  left: 5.7em;
  top: -1.5em;
  font-size: 11px;
  text-align: justify;
  color: #2E2E2E;
  background-color: #C2C2C2;
  padding: 15px;
}

.imagedesc {
  position: relative;
  right: -6em;
  top: -2em;
 -moz-transform:rotate(8deg);
  -webkit-transform:rotate(8deg);
  transform:rotate(8deg);
}




/*** SOUS-FORUM ***/

.lienssf {
  width: 552px;
  max-height: 20px;
  overflow: auto;
  background-color: #767676;
  border: 1px solid #8F8F8F;
  padding: 10px;
  position: relative;
  top: -2em;
  left: -0.8em;
}

.lienssf a {
  color: #000000 !important;
  text-decoration: none !important;
}

.lienssf a:hover {
  color: #CAC9C7 !important;
 text-decoration : none !important;
}




/*** DERNIERS MESSAGES ***/

.last_mess
{
  width: 380px;
  height: 20px;
  overflow: auto;
  background-color: #767676;
  position: relative;
  top: -4.65em;
  right: -35em;
  padding: 10px;
  border: 1px solid #8F8F8F;
}

.last_mess a {
  color: black !important;
  text-decoration: none !important;
}

.last_mess a:hover {
  color: #CAC9C7 !important;
 text-decoration : none !important;
}




/*** NOMBRE DE MESSAGES ET SUJETS ***/
.stats {
  display: block;
  position: relative;
  top: -7.5em;
  left: -6em;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

 

/*--------------------------------- FIN CATEGORIES --------------------------------- */
Et à ajouter dans la description de vos forum
Code:
<table>
 
<tbody>
 <tr>
 
<td>
 
<div class="description" style="width: 400px; height: 50px; overflow: auto; padding: 15px;">
 Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
</div>
 
</td>
 
<td>
 <img src="http://i58.servimg.com/u/f58/17/97/89/15/4512.png" class="imagedesc" />
</td>
 
</tr>
 
</tbody>
</table>


READ THE STORY ϟ Wherever my story takes me, however dark and difficult the theme, there is always some hope and redemption, not because readers like happy endings, but because I am an optimist at heart. I know the sun will rise in the morning, that there is a light at the end of every tunnel.  ► hellsangels.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://london-kuroshiti.forumperso.com
Abhess

avatar

Messages : 577
Gallions : 5732
Date d'inscription : 25/06/2010
Age : 24
Localisation :

MessageSujet: Re: Catégories TSCFM   Mer 23 Juil - 1:22

CSS
Code:
 /* --------------------------------- CATEGORIES --------------------------------- */

    /**** POSITIONNEMENT IMAGES New, no new, lock ****/
    .img_new {
      position: relative;
      left: 12.8em;
      top: -8em;
    }

    /**** STATISTIQUES ****/
    /* Ronds bleus */
    .stats {
      background-color: #B9E6DC;
      color: white;
      width: 60px;
      height: 60px;
      border-radius: 100px;
      position: relative;
      top: -5.8em;
      left: 5em;
    }

    /* Contenu des ronds */
    .stats_1 {
      position: relative;
      top: 0.7em;
    }

           
    /**** ILLUSTRATIONS DES FORUM ****/
    .imgforum {
      position: relative;
      display: block;
      left: 0.1em;
      top: -4.1em;
    }

    /**** FONDS GENERAUX ****/
    /* Contenu de l'ensembre des forum */
    .categorie {
      width: 400px;
      height: 70px;
      padding: 10px;
    }

    /* Fond titre catégorie */
    .cate_titre {
      position: relative;
    margin: auto;
      top: -4em;
    }

    /* Mise en forme nom de catégorie */
    h2 {
      font-size: 18px;
      font-family: arial;
      color: #ffffff;
      text-align: center;
    }

    /**** MISE EN FORME DES FORUM ****/
    /* Mise en forme du texte des titres de forum */
    .forumlink {
      color: #A2DE8F !important;
      font-family: arial;
      font-size: 15px !important;
      font-weight: none !important;
      text-transform : uppercase;
      position: relative;
      top: -3.1em;
      left: 3.5em;
      z-index: 1;
      text-shadow:1px 1px 2px white;
      display: block;
    }

    .forumlink:hover {
      color: #2E611D !important;
      text-decoration: none !important;
    }

    .forumlink a {
      font-size: 16px;
    }

    /**** MISE EN FORME DESCRIPTION ****/               
    .description {
      font-size: 11px;
      text-align: justify;
      color: #CBC0C6;
      position: relative;
      top: -12em;
      left: 4.5em;
      padding: 15px;
    }

    /**** DERNIERS MESSAGES ****/
    .last_mess {
      position: relative;
      left: 8.5em;
      top: -7.8em;
      color: #808080;
      font-size: 11px;
      text-align: center;
      width: 120px;
    }

    .last_mess a {
      color: black !important;
      text-decoration: none !important;
    }

    .last_mess a:hover {
      color: #CAC9C7 !important;
      text-decoration : none !important;
    }

    /*--------------------------------- FIN CATEGORIES --------------------------------- */

Le template Index_Box
Code:
        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
              <tr>
                  <td valign="bottom">
                    <!-- BEGIN switch_user_logged_in -->
                    <span class="gensmall">{LAST_VISIT_DATE}<br />
                    {CURRENT_TIME}<br />
                    </span>
                    <!-- END switch_user_logged_in -->
                    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
                  </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>
            <!-- BEGIN catrow --><!-- BEGIN tablehead -->

            <div style="background-color: #F5F5F5; padding: 10px; border-bottom: 20px solid #ACE1D5; border-top: 60px solid #ACE1D5;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



              <!-- END tablehead -->
              <!-- BEGIN cathead -->
             
              <!-- END cathead -->
              <!-- BEGIN forumrow -->
           
         
            <div class="categorie">
            <table><tr>
              <td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                {catrow.forumrow.FORUM_DESC}</td>
             
              <td><div class="stats"><div class="stats_1"><center>{catrow.forumrow.TOPICS} <br /><span style="font-size: 11px;">sujets</span></center></div></div></td>
              <td><div class="stats"><div class="stats_1"><center>{catrow.forumrow.POSTS}<br /><span style="font-size: 11px;">messages</span></center></div></div></td>
              <td><div class="last_mess">{catrow.forumrow.LAST_POST}</div>
            <img class="img_new" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
            </tr>
            </table>
               
            </div>

              <!-- END forumrow -->
              <!-- BEGIN catfoot -->
             
              <!-- END catfoot -->
              <!-- BEGIN tablefoot -->
           
          </div> 
           
          <!-- END tablefoot --><!-- END catrow -->


Dans les descriptions de forum :
Code:
  <img src="http://i55.servimg.com/u/f55/09/04/75/00/sans_t16.png" class="imgforum" />
    <div class="description" style="width: 400px; height: 50px; overflow: auto; padding: 5px;">
    Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
    </div>


Si l'on veut laisser vide pour les sous-forum :
Code:
  <img src="http://i55.servimg.com/u/f55/09/04/75/00/sans_t16.png" class="imgforum" />
    <div class="description" style="width: 400px; height: 50px; overflow: auto; padding: 5px;">
    </div>


READ THE STORY ϟ Wherever my story takes me, however dark and difficult the theme, there is always some hope and redemption, not because readers like happy endings, but because I am an optimist at heart. I know the sun will rise in the morning, that there is a light at the end of every tunnel.  ► hellsangels.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://london-kuroshiti.forumperso.com
Abhess

avatar

Messages : 577
Gallions : 5732
Date d'inscription : 25/06/2010
Age : 24
Localisation :

MessageSujet: Re: Catégories TSCFM   Mer 23 Juil - 1:23

CSS
Code:
  /* --------------------------------- CATEGORIES --------------------------------- */

       #liens_sf1 a {
         background-color: #C0C0C0;
         display: block;
       }

       #liens_sf1 a:hover {
         background-color: #99CDFF;
       }

       .essai {
         background-color: #000000;
       }

       /*** FONDS GENERAUX ***/

       /* Contenu de l'ensembre des forum */
       .categorie {
         width: 500px;
     height: 20px;
         padding: 5px;
       }

   /* Mise en forme nom de catégorie */
         cate_titre h2 {
             font-size: 35px;
             font-family: 'Lobster', cursive;
             color: #000000;
             text-align: center;
             position: relative;
             top: -0.8em;
           }


       /*** MISE EN FORME DES FORUM ***/

       /* Mise en forme du texte des titres de forum */
       .forumlink {
         color: #579CA2 !important;
         font-family: 'Lobster', cursive;
         font-size: 25px !important;
         font-weight: none !important;
         position: relative;
         top: -2.2em;
         left: -3em;
         z-index: 1;
       }

       .forumlink:hover {
         color: #676767 !important;
         text-decoration: none !important;
       }

       .forumlink a {
         font-size: 16px;
       }

       /* Mise en forme de la description */
       .bloc1 {
         background-color: #FFFFFF;
         color: #020202;
         font-size: 11px;
         text-align: justify;
         height: 120px;
         width: 380px;
         position: relative;
         left: -7em;
         top: -6em;
         border-radius: 20px;
       }

       .imgillustration {
         border-radius: 10px;
       }


       /*** SOUS-FORUM ***/

       .lienssf {
         width: 130px;
         background-color: #ffffff;
         height: 110px;
         overflow: auto;
         padding-top: 15px;
         padding-bottom: 15px;
         position: relative;
         top: -3em;
         left: -4em;
         border-radius: 25px;
         text-align: center;
       }

       .lienssf a {
         color: #1B4746 !important;
         text-decoration: none !important;
       }

       .lienssf a:hover {
         text-decoration : none !important;
       }




       /*** DERNIERS MESSAGES ***/

       .last_mess {
         width: 120px;
         height: 130px;
         position: relative;
         left: -8em;
     top: -4.5em;
         background-color: #FFFFFF;
         color: #A09F9B;
         padding: 5px;
         font-size: 11px;
         border-radius: 50px;
       }

       .last_mess a {
         color: #6F9797 !important;
         text-decoration: none !important;
       }

       /* --------------------------------- FIN CATEGORIES --------------------------------- */

Template Index_Box
Code:
  <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
     <tr>
         <td valign="bottom">
           <!-- BEGIN switch_user_logged_in -->
           <span class="gensmall">{LAST_VISIT_DATE}<br />
           {CURRENT_TIME}<br />
           </span>
           <!-- END switch_user_logged_in -->
           <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
         </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>
   <!-- BEGIN catrow --><!-- BEGIN tablehead -->
   <br />
   <center><div style="background-color: #98D8D7; width: 700px; border-radius: 80px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>

     <!-- END tablehead -->
     <!-- BEGIN cathead --><!-- END cathead -->
     <!-- BEGIN forumrow -->
     <div class="categorie">
   <table><tr><td><div class="last_mess"><center><br /><img style="border-radius: 10px;" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
       <br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
   <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
       <div class="bloc1">{catrow.forumrow.FORUM_DESC}</div></td>

     <td><div class="lienssf" id="subforums"><div id="liens_sf1">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         <script type="text/javascript">
   jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
   </script></div></td>
     </tr></table>
    </div><br /><br /><br /><br /><br /><br />

     <!-- END forumrow -->
     <!-- BEGIN catfoot -->
   
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
   
     </div>  </center><br /><br />
   
   <!-- END tablefoot --><!-- END catrow -->

Et dans la description de forum :
 
Code:
 <table>
     
      <tbody>
         <tr>
           
            <td>
               
               <div style="width: 220px; height: 70px; overflow: auto; padding: 15px;">
                   Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
               </div>
               
            </td>
           
            <td>
                <img src="http://i39.servimg.com/u/f39/18/47/68/10/fdfsd10.png" class="imgillustration" />
            </td>
           
         </tr>
         
      </tbody>
   </table>


READ THE STORY ϟ Wherever my story takes me, however dark and difficult the theme, there is always some hope and redemption, not because readers like happy endings, but because I am an optimist at heart. I know the sun will rise in the morning, that there is a light at the end of every tunnel.  ► hellsangels.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://london-kuroshiti.forumperso.com
Contenu sponsorisé




MessageSujet: Re: Catégories TSCFM   

Revenir en haut Aller en bas
 
Catégories TSCFM
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Tu vois, le monde se divise en deux catégories : ceux qui ont un pistolet chargé et ceux qui creusent. Toi, tu creuses [Rochers maudits, Rang D, Qu'importe, Mine powa]
» La loi sur la declaration de patrimoine, ou en est-elle ?
» Les Classes sociales
» Petite erreure sur l'une des catégories
» Nawaks Awards - les catégories rps

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Les Enfants Perdus RPG :: HRPG :: BOOK OF VICTORY-
Sauter vers: