Les créatures mythiques aussi ont le droit de faire leur pub
 
-39%
Le deal à ne pas rater :
Pack Home Cinéma Magnat Monitor : Ampli DENON AVR-X2800H, Enceinte ...
1190 € 1950 €
Voir le deal

 :: The Inn of the unicorn :: Créations des membres :: Codage - tuto/libre service Voir le sujet précédent Voir le sujet suivant Aller en bas
[LS catégorie] Catégories Kagerwranavi #2
Kagerwranavi
Masculin
Messages : 262
Date d'inscription : 12/11/2014
Age : 27
Kagerwranavi
[LS catégorie] Catégories Kagerwranavi #2 564156Capturedcran20140116190936


voila des catégories toutes simples o/

Postez à la suite pour voir le code o/

Code:
 
[hide]
html:
[code]    <table width="100%" border="0" cellspacing="0" 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="0" cellpadding="0" style="background: transparent">
          <tr> 
          <td>
       
              <table> 
                  <th nowrap="nowrap" width="100%" class="secondarytitle" style="background: transparent; vertical-align: middle;">     
                  <span class="categoriedébut">{catrow.tablehead.L_FORUM}</span> 
                  </th>
             
            </table>
           

          </td>
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->

          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr class="border">
              <!-- BEGIN inc -->

              <!-- END inc -->
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                  <table  class='border'><tr><td class="new" class="{catrow.forumrow.INC_CLASS}">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
                         
                          <td>
                              <div  style="scrollbar: auto; position: relative" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td>
                         
                          <td class="infos" class="row1 over" width="100" >
                            <span class="gensmall">{catrow.forumrow.LAST_POST}
                              <br/>Il y a {catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages
                                </span>
                            <br/>
                            </td>
                        </tr></table>
                          <div class='sousforums'> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
              </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 -->[/code]

Css:

[code]
    /* CATEGORIES */

    /*SOUS FORUM*/
    .sousforums {
      border-bottom : 3px dotted #04b2ad;
      border-left : 3px dotted #04b2ad ;
      border-right : 3px dotted #04b2ad;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      width: 400px;
      padding:5px;
      margin-left: 200px;
      margin-right:300px;
    } 

    /*BORDURE QUI ENCADRE LES CATÉGORIES*/
    .border {
      border : 3px solid #04b2ad ;
      border-bottom-right-radius: 50px;
      border-top-left-radius: 50px;
      background-color: #CCDBE8;
      width: 1000px;
    }

    /*TAILLE CATEGORIES*/
    .categories {
      weigth: 800px;
     
    }

    /*LIEN DES FORUMS*/
    .forumlink {
      font-family:Quintessential;
      font-style:oblique;
      font-size:30px !important;
      letter-spacing:-2px;
        transition: all 1s ;
      padding-left: 20%;
    }

    /*LIEN DES FORUMS AU SURVOL DE LA SOURIS*/
    .forumlink:hover {
      letter-spacing:10px;
      -webkit-transition: all 1s ;
        transition: all 1s ;
    }

    A:link {text-decoration: none !important;}
    A:visited {text-decoration: none !important;}
    A:active {text-decoration: none !important;}
    A:hover {text-decoration: none !important;}

    /*BLOC A DROITE*/
    .infos {
      display: bloc;
      padding-left : 20px;
      font-family:Quintessential !important;
      font-size: 14px !important;
    position : relative;}

    /*ECRITURE EN GENERAL (/!\ ne modifie pas que les catégories /!\)*/
    .gensmall {
      font-family:Quintessential !important;
      font-size: 14px !important;
    }
           
    /*TITRE CATEGORIE*/
    .secondarytitle, .secondarytitle h2 {
      text-shadow: 0px 0px 1px #000;
      letter-spacing: 3px; 
    font-weight: bold;     
    font-size: 14px;
      position: relative;
      height: 3px;
    }


    .categoriedébut{   

    border-radius: 20px;   
    font-family: Quintessential;
   

    }
[/code]
Ven 6 Nov - 15:38
http://fairytailrpg-wol.forumactif.org
Revenir en haut Aller en bas
Sauter vers: