Forum a moi qui me permet de faire des tests pour mes autres forums.
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Catégories

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



Messages : 147
Date d'inscription : 07/12/2015
Localisation : Ici

MessageSujet: Catégories   Dim 22 Mai - 11:48

Tout le tuto de ces catégories LS -> http://www.never-utopia.com/t48240-categories-sous-forum-effet-bandeau

Aperçu non modifié -> http://nsa34.casimages.com/img/2014/03/12/140312085658552782.png

Modifications en cours...

Feuille de style 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 --------------------------------- */

Templates -> 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'>

Description des forums

Code:
  <div class="description" style="width: 400px; height: 50px; overflow: auto; padding: 15px;">
        Description ici.
    </div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mondeminicreature.forumactif.org
 
Catégories
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Nocturne] Demande: les catégories
» [Annulée] Demande de description des catégories.
» ['Christa] Regrouper les catégories en Onglet
» Niveau des catégories...
» Noms des catégories/ Les séparer

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum de Test de Goutti :: Domaine d'Ebly :: Miaou :: Gestion de ce Forum-
Sauter vers: