commande template catégories

commande template catégories Empty Sam 9 Avr - 22:12
déjà bonsoir à vous.
Mon discours ne sera pas si différent des autres personnes aillant posté un simple message ou une commande: Je suis en admiration devant tant de talent pour coder. Je touche un peu au codage et grâce à vous j'ai appris énormément de chose. Mais l'élève ne peut surpasser le maître, c'est donc pour cela que après avoir été voir et surtout me confirmer que les commandes de template étaient ouverte, je me suis permise de passer commande auprès de vous.

Largeur maximale : 800 px maximum ' la taille de nos image de haut de catégories
Hauteur maximale : auto.
Schéma : https://2img.net/image.noelshack.com/fichiers/2016/14/1460232201-2.png
Éléments : Si impossibilité absolue de produire une esquisse imagée ou pour affiner cette dernière
Images : https://2img.net/image.noelshack.com/fichiers/2013/47/1385222833-01-haut.png juste cette image qui servira de haut de toutes les catégories.
Animations : je pense avoir expliqué tout ce qu'il fallait expliquer sur le schéma. Sauf pour les titres du forum: j'aurais voulu qu'au passage de la souris, le texte "s'écarte" et que l'opacité du texte soit plus foncée pour se rapprocher du fond #000000
Informations supplémentaires : il y aurait-il possibilité que le haut de catégorie et la catégorie en elle même n'ai pas beaucoup d'espacement. J'aimerais que les catégories soient fluides. Voila tout. Oh oui les couleurs. Serait t'il possible que l'intérieur des catégories soient arrondis et qu'ils soient en code couleur #000000 merci, le reste des couleurs pas de prise de tête je les changerais moi-même.

je vous remercie d'avance, si vous parvenez à faire ma commande, et si surtout vous avez le temps. Je vous remercie aussi du partage de code qui comme je l'ai déjà dis m'ont vraiment aidé à progesser dans le codage.
Revenir en haut Aller en bas
commande template catégories Empty Dim 10 Avr - 3:46
Bonsoir,

Remplacer l'intégralité du template index_box par :
Code:
<table width="800px" 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>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="FRM"><div class="boxFRM"><div class="lmsgFRM"><div id="avaFRM"><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  & {catrow.forumrow.POSTS} messages</div></div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
   </div>
   <div class="btmCAT">L'humanité ne peut rien obtenir sans donner quelque chose en échange</div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIE */
.tleCAT{
margin:5px auto 0;
width:800px; height:200px; border-radius:100px 100px 0 0; text-align:center;
background:url(http://image.noelshack.com/fichiers/2013/47/1385222833-01-haut.png); /* MODIFIABLE */
}
.tleCAT h2{
margin:0; padding-top:50px;
font-size:36px; text-transform:uppercase;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:10px 0 20px;
background:#000000; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px;
width:800px; padding:10px 0; border-radius:0 0 100px 100px;
text-align:center; font-size:14px; text-transform:uppercase;
font-family:Arial; background:#151315; color:#534f4f; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
margin:5px 0; width:750px;
text-align:right; font-size:24px; text-transform:uppercase;
}
.tleFRM a{
letter-spacing:1px;
font-family:Arial; color:#594c4d !important; /* MODIFIABLE */
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover a{
letter-spacing:5px; color:rgba(250,250,250,0.1) !important; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:5px; width:750px; text-align:center;
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:210px; height:50px; padding:10px 5px; overflow:hidden; border-radius:5px;
text-align:left;
font-size:12px; background:#7d7d7d; color:black; /* MODIFIABLE */
}
/* BLOC AVATAR DERNIER POSTEUR */
#avaFRM {
float:right; margin-top:-5px;
width:50px; height:60px; overflow:hidden; border-radius:5px;
background:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR */
#avaFRM img{
width:50px;
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
/* SURVOL AVATAR DERNIER POSTEUR */
.lmsgFRM:hover #avaFRM img{
opacity:0.7;
}
/* SOUS-FORUMS */
.sfFRM {
margin-top:10px;
width:210px; height:60px; padding:5px; overflow:auto; border-radius:5px;
text-align:center; font-size:12px;
background:#7d7d7d; color:black; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin:0 10px;
border-radius:5px; border:5px solid;
width:120px; height:140px;
border-color:#4a573a; /* MODIFIABLE */
transition:all 2.35s linear; -webkit-transition:all 2.35s linear;
}
/* SURVOL ICÔNES FORUM */
.imgFRM:hover {
transform:rotate(-5deg); -webkit-transform:rotate(-5deg);
}
/* BLOC DESCRIPTION & NOMBRE SUJETS & MESSAGES FORUM */
#descFRM {
display:inline-block;
width:365px; height:140px; overflow:hidden; border-radius:5px; border:5px solid;
background:#434242; border-color:#7c7c7c; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto; margin-top:10px;
width:330px; height:90px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin:auto; margin-top:10px;
width:300px; border-top:2px solid;
text-transform:uppercase; font-size:11px;
color:black; border-top-color:#4a573a; /* MODIFIABLE */
}
Revenir en haut Aller en bas
commande template catégories Empty Mar 12 Avr - 0:48
cette rapidité et surtout cette efficacité !
Je vous remercie, c'est parfait PARFAIT.

merci beaucoup MERCI I love you
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum