Partagez|

[CREAPHY] Code de Catégories #1

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

avatar

I am Pyphilia

Messages : 325
Points : 613
Date d'inscription : 03/02/2011
Age : 20

MessageSujet: [CREAPHY] Code de Catégories #1 Mer 4 Juin - 23:26


CSS
Code:
@font-face {
  font-family: 'Qwigley';
  font-style: normal;
  font-weight: 400;
  src: local('Qwigley'), local('Qwigley-Regular'), url(http://themes.googleusercontent.com/static/fonts/qwigley/v4/jXlXpULVZtk2Rzpy5O18QwLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}
@font-face {
  font-family: 'Oxygen Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen Mono'), local('OxygenMono-Regular'), url(http://themes.googleusercontent.com/static/fonts/oxygenmono/v2/BzV4DVOwAgGelLT9EC5xyobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}


a{text-decoration: none !important;
  letter-spacing:-1px;
font-size:11px;}
a:hover {text-decoration: none !important;}



/*LIENS DES FOW ET CATEGORIES*/

span.forumlink {display:block;
margin: 0 -0px -8px 50px;
  width:425px;
  height:40px;
}

a.forumlink{
  font-size:45px;
  font-family: georgia;
  text-align:center;
  font-weight: 100;
  color:#eb1d98;
  font-family: 'Qwigley';
  opacity:0.7;
  text-shadow:rgba(0,0,0,0.2) 2px 2px 0;
  
transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
-webkit-transition:all 1s;
}

a.forumlink:hover {
  letter-spacing:2px;
}

.forums {display:block;
  height:auto;
  margin:-15px 25px 37px;
  width:760px;
}

.forums .hierarchy { /*maintenir les forumlink et img cote a cote*/
  display:inline-block;
}


.forumline .secondarytitle{
text-align:center;
}

.forumline .secondarytitle h2 {
display:block;
  color:#ebc21d;
font-size:45px;
  letter-spacing:6px;
  font-family: 'Qwigley';
  text-transform:uppercase;
  text-shadow:
    #eb1d98 0 1px 0,
    #eb1d98 0 2px 0,
    #eb1d98 0 3px 0,
    rgba(255,255,255,0.3) 0 -2px 0;
  margin-bottom:-30px;
}

.desc_last {
  margin:10px auto 0;
  padding:0 10px;
  height:90px;
  position:relative;
  width:100%;
}

.box_desc {display:inline-block;
  padding:5px;
  color:rgba(0,0,0,0.4);
  width:64%;
  font-size:11.2px;
  border-radius:10px;
  position:relative;
  vertical-align:middle;
  
background:#fff;
}

.box_img {
  vertical-align:middle;
  display:inline-block;
  margin:5px 10px;
}

.box_desc span {
  display:inline-block;
  width:70%;
  overflow:auto;
  height:90px;
  text-align:justify;
}

.box_desc .sous_forum {
display:inline-block;
width:22%;
  position:absolute;
  top:-25px;
  margin:10px;
  height:113px;
  padding:7px;
  background:#f0fcf5;
  color:rgba(0,0,0,0); /*pour ne pas voir la virgule*/
  border-radius:9px;
  box-shadow:rgba(0,0,0,0.1) 0 0 9px 2px;
  overflow:hidden;
}

.box_desc .sous_forum span {
  background:url(http://img11.hostingpics.net/pics/145809120x120birds.png);
  height:115px;
  width:115px;
  position:absolute;
  top:6px;
  left:4px;
transition:all 0.8s;
-moz-transition:all 0.8s;
-o-transition:all 0.8s;
-ms-transition:all 0.8s;
-webkit-transition:all 0.8s;
}

.box_desc .sous_forum:hover span{
  left:100%;  
}

.box_desc .sous_forum a {
  display:block;
  background:rgba(0,0,0,0.07);
  text-transform:lowercase;
  font-size:11px;
  margin: 0px 0 -12px;
  text-align:center;
}

.box_last {
height:90px;width:19%;
  
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  background:white;
  border-radius:10px;
  line-height:15px;
  color:rgba(0,0,0,0.4);
  padding: 10px 5px 0;
  box-sizing:border-box;
  margin:10px;
  
transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
-webkit-transition:all 1s;}


.m_t {
height:12px;
font-family:courier new;
font-size:10px;
  display:block;
  margin:0px auto;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:3px;
  width:50%;
  
}

.bodyline{
  background:rgba(240,255,255,1);
  border-radius:120px / 50px;
  border:0 #b5b5ff solid;
  border-color:#e697c5 #b5b5ff;
  border-width:4px 10px;
}

.bottom_main {
  background: linear-gradient(to top, rgba(230,230,230,1), rgba(230,230,230,0.8), rgba(230,230,230,0));
  /*background:rgba(230,230,230,1);*/}

.bodylinewidth{
/*margin-top:540px;*/
width:400px;}

.forumline{border:0px solid grey;
    background:#d9e4ff;//d5cef5;
border-radius:15px;
margin-bottom:10px;}



.catHead,.catBottom, .row3Right, .thHead, .catLeft, .catRight,.thLeft, .thRight,.thCornerL, .thCornerR, .thTop
{
border: none !important;
}

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 index" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr style="float:none;">
 <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%">
 
<span class="cattitle">
 <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                  </span>
 
</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">
 
                 <div class="forums">
                          
                          <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="desc_last">
                          
                         <span class="box_img"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                          <span class="genmed box_desc">
                            <span>{catrow.forumrow.FORUM_DESC}</span>
                            <span class="sous_forum">
                              <span></span>
                              {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                          </span>
                          
                    <span class="gensmall box_last">{catrow.forumrow.LAST_POST}</span>
 <span class="gensmall">
 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
                        
</span>
                    </div>
                    <span class="gensmall m_t"><strong>{catrow.forumrow.POSTS}</strong> message(s) &
                     <strong>{catrow.forumrow.TOPICS}</strong> topic(s)
                      </span>
 
                 </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
http://essay.forumgratuit.ch

[CREAPHY] Code de Catégories #1

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

Sujets similaires

-
» [Annulée] Demande de description des catégories.
» ['Christa] Regrouper les catégories en Onglet
» [Nocturne] Demande: les catégories
» Niveau des catégories...
» [Phantasmagoria] Modification des catégories

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Essai-Fond-Pyphilia :: Créaphy :: Codages-