Template SVP

Mer 10 Fév - 20:05
Bonjour,  vu vos magnifiques résultats jusqu'à présent je me demandais si vous accepteriez de prendre en compte ma commande de template (catégorie) que vous trouverez ci-dessous. D'avance je vous remercie :)

Largeur maximale : 815px
Hauteur maximale : auto
Schéma : http://i68.servimg.com/u/f68/19/38/55/85/catego11.png
Éléments : Dans les losanges, j'aimerai que se soit l'image des nouveaux ou anciens posts.
Images : aucune je les ferai moi même
Animations : Lorsque l'on passe sur les sous-forums il s'affiche
Informations supplémentaires : peu importe les couleurs que vous utilisé tant que je peux les modifier facilement il n'y a pas de soucis car pour le moment je n'ai pas encore vraiment idée des couleurs que je vais utiliser.

PS : ouvrirez-vous bientôt les commandes pour les bannières ?

Merci d'avance
En vous remerciant grandement.
Revenir en haut Aller en bas
Jeu 11 Fév - 7:52

Remplacer l'intégralité du template index_box par :
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="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
        <div class="mdlCAT"><br clear="all" />
        <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <div class="topCAT"></div>
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="blocFRM"><div id="tlmFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbIIFRM">{catrow.forumrow.POSTS} M.</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">sous-forums<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->

        <!-- BEGIN inc -->
        <!-- END inc -->
   
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
          <br clear="all" /></div>
  <div class="btmCAT"></div>
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* HAUT CATEGORIES */
.topCAT {
width:815px; height:65px;
background:url(http://img15.hostingpics.net/pics/577926TOPCat.png); /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT{
position:relative; margin:10px auto 0;
width:815px; padding:10px 0; text-align:center;
}
.tleCAT h2{
margin:0 auto;
font-size:36px; text-transform:uppercase;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* MILIEU CATEGORIES */
.mdlCAT {
margin:auto; width:815px; padding:15px 0 20px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* BAS CATEGORIES */
.btmCAT {
width:815px; height:65px;
background:url(http://img15.hostingpics.net/pics/328210BTMCat.png); /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM {
float:left; margin:0 0 10px 38px; width:350px; overflow:hidden;
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
width:340px; height:190px; padding:5px; overflow:hidden;
background:#dedede; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:2; margin-top:-5px; margin-left:-5px;
width:350px; height:200px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;

#descFRM:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);

/* DESCRIPTION FORUM */
.descFRM {
position:absolute; z-index:3; margin-left:5px; margin-top:3px;
width:140px; height:175px; padding:5px; overflow:auto;
background:rgba(0,0,0,0.5); color:white; font-family:Arial; /* MODIFIABLE */
font-size:11px; text-align:justify;
opacity:0; transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#descFRM:hover .descFRM {
opacity:1;
}
/* BLOC ICÔNES/TITRE & DERNIER MESSAGE FORUM */
#tlmFRM {
position:absolute; z-index:4; margin-left:170px;
width:170px; height:200px; text-align:center;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
margin:10px auto 5px;
}
/* TITRE FORUM */
.tleFRM {
padding:0 5px;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase;
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM{
display:inline-block; vertical-align:top; margin:5px 5px 0;
width:60px; height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#101e29; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM{
display:inline-block; vertical-align:top; margin:5px 5px 0;
width:60px; height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#294154; color:white; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
padding:5px;
font-size:11px; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
height:15px; padding:5px 0; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:center;
background:#191919; color:white; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; z-index:5; margin-top:-219px; margin-left:170px;
width:160px; height:0px; padding:5px; overflow:hidden;
text-align:left;
background:#2f4759; /* MODIFIABLE */
opacity:0; transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div{
height:190px; opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}

Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM"> Texte descriptif </div>


Forme de l'image de haut de catégorie :

Forme de l'image de bas de catégorie :

Forme des icônes du forum :

La réouverture de cette catégorie de commandes n'est pas envisagée.

Excellente journée à vous.
Revenir en haut Aller en bas
Jeu 11 Fév - 20:26
Super c'est exactement ce que je souhaitai un grand merci pour votre rapidité et votre professionnalisme alien What a Face
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum