AccueilPortailCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez|

CATEGORIES IMAGINE EN BANDEAU

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


PROCHES ENDEUILLES : 149
ENTERRE LE : 30/11/2012
► Age du joueur : 26

Inventaire
Pouvoirs:
Expérience:
35/50  (35/50)
trois:

Voir le profil de l'utilisateur http://crack.forumactif.org


Voir le profil de l'utilisateur




Champirique.
Fondatrice & Admin
Sam 23 Juil - 13:23

exemple:
 

CSS
Code:
/*CATEGORIES CORPS*/

    .cathead
    {
      background: url('http://image.noelshack.com/fichiers/2016/19/1462886144-haut.png') top center no-repeat;
      width: 800px;
      height: 100px;
      margin: auto; /*Permet de centrer la partie du corps*/
  margin-bottom: 0px;
background-color:#f3f5ec;
    }

    .catbody
    {
      background: url('') center repeat-y;
  background-color: #f3f5ec;
      width: 800px;
      margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;

    }

    .catfoot
    {
      background: url('http://image.noelshack.com/fichiers/2016/19/1462887398-bas.png') bottom center no-repeat;
      width: 800px;
      height: 100px;
      margin: auto;
  margin-top: 0px;
  z-index:0;
}
              
    /*Gère le squelette du titre catégorie*/
    .catetitre
    {
      text-align: center;
      margin-left: 0px;
    }
     /*Gère l'aspect esthétique du titre catégorie*/
    .catetitre h2
    {  padding-top:50px !important;
      font-size: 40px;
      color: #dbb252;
  text-shadow: 1px 1px 1px #FCFCF7;
  font-family: 'Tangerine', cursive;
  text-transform: Capitalize;
    }
     /*Le forum en lui même, le fond, la bordure, l'ombre etc..*/

    .catforum
    {
      background-color: #;
      border: 2px solid #;
      width: 700px;
      height: 150px;
      margin: auto;
      margin-top: 5px;
      margin-bottom: 5px;
    }
     /* catégories par Crack. */
.cadca {margin-top:-12px;margin-left:-35px;background-image:url('http://image.noelshack.com/fichiers/2016/19/1463132210-cadrer.png');
width:70px;height:117px; position:absolute;-webkit-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
-ms-transform:rotate(30deg);}
.cadca img { width:70px;height:117px; }
.cadca2 {  }
.cadca3 {  }

.boutcat
{
  width: auto;
  height: 120px;  
  position:absolute;
  margin-top:-60px;
  margin-left:-65px;
}
.boutcat img {width:auto;height:120px;}
.boutcat img:hover { opacity:0.5; }
.colonneinfo
{
 width: 160px;
  height: 60px;
padding:2px;
  background-color: #dadeea;
  font-family: 'Arial';
  font-size: 10px;
  font-style: normal;
  color: #a37d6c;
  text-align: center;
  margin-left:-10px;
}
.dme { padding:2px;margin-left:-10px;color:#4c2e3c;padding-top:2px;padding-bottom:2px;width:160px; text-align:center; margin-bottom:2px; background-color:#9a678f; }
.nomcat
{ margin-top:-25px;
  font-size: 30px;
  text-align: left;
  padding-left: 20px;
font-family: 'Qwigley', cursive;
  color: #9a678f;
  position:absolute;
}


.description
{
width: 400px;
  height : 77px;
  padding:2px;
  background-color: #dadeea;
  border-left: 4px double #;
  color: #000000;
  overflow: auto;
  font-size: 10px;
  font-family: 'Arial';
  font-style: normal;
  text-align: justify;
  display:inline-block;
  padding-right:50px;  
}
.asca { width:300px; height:70px;overflow:auto; }
.titredesc
{
 color: #ffffff;
    display: inline;
}

.desccolonne
{
  width: 690px;
  height: 120px;
  background-color: #;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #;
  border-bottom: 4px solid #;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 10px;
}

.sousfocat
{
margin-top: 2px;
  display:block;
  border-right:1px solid #9a678f;
  width:100px;
  min-height:65px;
  padding-top:2px; padding-bottom:2px;
  text-align:justify;
  font-family: 'Dosis', sans-serif;
}
.mesu { color:#acad99;  font-size:9px;}
.mec { display:inline-block; color:#a37d6c; }
.mes { display:inline-block; color:#a37d6c;}
.avaca {margin-top:-10px;background-image:url('http://image.noelshack.com/fichiers/2016/19/1463132473-avacadrer.png');
width:70px;height:117px;}
.avaca img { margin-top:21px;margin-left:7px;width:52px; height:77px; }



/*fin categories corps*/

TEMPLATE CATEGORIES
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="cathead"><div style="text-align:center; background-position:bottom center;"><span class="secondarytitle"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></span></div></div><div class="catbody"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
          
          
 </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">
                      
        
                   </span>
                 </h{catrow.forumrow.LEVEL}>
                  <span class="genmed"><div class="desccolonne">
                    <div class="cadca"></div><div class="cadca2"></div><div class="cadca3"></div><table><tbody><tr>
                      <td><!-- BEGIN avatar --><div class="avaca"><div style="width: 38px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                      <!-- END avatar --></div>
                      </td><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nomcat">{catrow.forumrow.FORUM_NAME}</div></a><div class="description"><table><tr><td><div class="sousfocat">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td><td><div class="asca">{catrow.forumrow.FORUM_DESC}</div></td></tr></table></div></td>
                      <td><div class="boutcat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td><td><div class="dme"><div class="mesu"><div class="mec">{catrow.forumrow.POSTS} MESSAGES</div> ET <div class="mes">{catrow.forumrow.TOPICS} SUJETS.</div></div></div><div class="colonneinfo"><div class="col">{catrow.forumrow.LAST_POST}</div></div></td></tr></tbody></table></div></span>
                  
          </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></div></div><div class="catfoot"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


...
Revenir en haut Aller en bas

CATEGORIES IMAGINE EN BANDEAU

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Testons-