Commande de catégorie

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageCommande de catégorie Dim 20 Mar - 19:25
Largeur maximale : 600px
Hauteur maximale : auto
Schéma : schéma ici
Éléments : Icône new/no new/locked, description, sous forums, illustrations, dernier message, nombre de messages/sujets
Images : Aucune en particulier !
Animations : Glissement vers la droite au hover du titre. Illustration en N/B, passe en couleurs au hover. Texte de la description à opa 0.8, et à 1 au hover
Informations supplémentaires : Merci beaucoup de bien vouloir prendre en charge ma commande ♥
Revenir en haut Aller en bas
MessageRe: Commande de catégorie Lun 21 Mar - 5:38
avatar
Nombre de messages : 843
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonjour,

Remplacer l'intégralité du template index_box par :
Code:
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
  <table width="600px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="blocDESC"></div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ● {catrow.forumrow.POSTS} messages</div></div></div></div>     
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIES */
.tleCAT{
margin:auto; margin-top:5px;
width:600px; padding:5px 0; text-align:center;
background:none; /* MODIFIABLE */
}
.tleCAT h2{
margin:0;
font-size:32px; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:auto; width:600px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:-10px; padding-left:105px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.tleFRM a{
font-family:Dancing Script; font-size:32px; color:#f26d7d !important; /* MODIFIABLE */
}
/* SURVOL TITRE FORUM */
.tleFRM:hover {
padding-left:150px;
}
/* BLOC FORUM */
.FRM{
margin:20px; width:600px;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top; margin-top:10px; margin-left:-15px; margin-right:25px;
width:75px; height:75px;
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px;
width:240px; height:75px; padding:5px; overflow:auto; border-radius:10px;
font-size:10px; text-align:justify;
background:#f26d7d; color:rgba(0,0,0,0.8);  /* MODIFIABLE */
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.descFRM:hover {
color:black;  /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
width:240px; height:15px; padding:5px; overflow:auto; border-radius:10px;
background:#f7a5ae; color:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:10px; text-align:left; text-transform:uppercase;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:rgba(250,250,250,0.6) !important; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.blocDESC {
display:inline-block; margin:0 10px;
width:85px; height:115px; border-radius:10px;
background:#dedede; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE */
.descFRM img{
position:absolute; margin-top:-5px; margin-left:255px;
width:85px; height:115px; border-radius:10px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.descFRM img:hover {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
width:130px; height:65px; padding:10px 5px; border-radius:10px;
text-align:center; font-size:10px;
background:#f26d7d; color:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM {
width:140px; height:15px; padding:5px 0; border-radius:10px;
font-size:9px; text-align:center;
background:#f7a5ae; color:black; /* MODIFIABLE */
}

Icônes du forum : 75*75
Images descriptives : 85*115


Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-