AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 catégorie avec sous-forums en image

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Nazack Admin
avatar

Messages : 67
Date d'inscription : 14/11/2013

MessageSujet: catégorie avec sous-forums en image   Mer 2 Déc - 12:27

templates

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{}
        {}
        </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}">{}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{}</a>
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="4" 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"> </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="{catrow.forumrow.INC_CLASS}" align="center" valign="bottom">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
         
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="bottom" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </span>
        </h{catrow.forumrow.LEVEL}>
        <div class="genmed desc">{catrow.forumrow.FORUM_DESC}</div>
       
      </td>
         
      <td class="row2" align="center" valign="bottom" height="50">
                  <div class="gensmall boxsurvol">
                    <div class="txtsurvol">
                      <span 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 class="imgsurvol"></div>
                  </div>
      </td>
         
      <td class="row3 over" align="center" valign="bottom" height="50">
                  <div class="dernier_message" style="width: 145px;">
                    <div class="gensmall sujets_messages">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div>
                    <div class="gensmall">{catrow.forumrow.LAST_POST}</div>
                  </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 -->
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://nazack-test.fr1.co
Nazack Admin
avatar

Messages : 67
Date d'inscription : 14/11/2013

MessageSujet: Re: catégorie avec sous-forums en image   Mer 2 Déc - 12:54

css

Code:
/* CATEGORIES */
.bodyline { padding: 0;}
table .forumline {  border-collapse: collapse;}
a.forumlink, a.forumlink:visited {
  color: #C2D1CC !important;
  display: block;
  font-weight: lighter;
  margin: 0px 0px -10px 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
font-family: Pathway Gothic One;
font-size: 19px;
letter-spacing: 1px;
text-align: center;
text-shadow: # 0px 0px 3px;
text-transform: lowercase;
}


.desc {
  width: 420px;
  height: 75px;
  overflow: auto;
  padding: 7px;
  background: #f8f7e5;
  color: #9E9788;
  text-align: justify;
  margin: 0px 0px 5px 5px;
  line-height: 12px;
  -webkit-border-radius: 10x;
-moz-border-radius: 10px;
border-radius: 10px;
}

.boxsurvol {
  position: relative;
  width: 108px;
  height: 90px;
  overflow: hidden;
  margin-bottom: 4px;
  -webkit-border-radius: 10x;
-moz-border-radius: 10px;
border-radius: 10px;
}

.imgsurvol {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 90px;
  background: url('http://img15.hostingpics.net/pics/140134menu.png')
  z-index: 2;
  -webkit-border-radius: 10x;
-moz-border-radius: 10px;
border-radius: 10px;
}

.txtsurvol {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 90px;
  overflow: auto;
  padding: 5px;
  text-align: left;
  background: #f8f7e5;
  text-transform: uppercase;
  line-height: 11px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 3;
  -webkit-border-radius: 10x;
-moz-border-radius: 10px;
border-radius: 10px;
}

.boxsurvol:hover > .txtsurvol {
  opacity: 1;
}


.dernier_message {
  height: 89px;
  overflow: auto;
  padding: 0px;
  background: #f8f5e5;
  color: #9E9788;
  line-height: 18px;
  margin: 0px 5px 5px 2px;
  -webkit-border-radius: 10x;
-moz-border-radius: 10px;
border-radius: 10px;
}

.dernier_message > div {
  color: #9E9788;
}

.dernier_message a {
  font-family: Pathway Gothic One;
  font-weight: lighter;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: lowercase;
}

.sujets_messages {
  font-family: times new roman;
    letter-spacing: 1px;
  font-size: 9px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://nazack-test.fr1.co
 

catégorie avec sous-forums en image

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Catégorie MF
» Catégorie synthèse
» Nouvelle grille indiciaire catégorie B
» Modification de la périodicité des visites médicales renforcées suivant la catégorie de travailleurs
» catégorie A ou B

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: shut up :: Votre 1er forum
-