Commande de templates

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageCommande de templates Lun 11 Jan - 0:01
Bonjour, bonjour !

Je me permets de vous demander votre aide concernant un codage de catégories ! clown
Je suis fan de votre travail et j'aimerais beaucoup que ce soit vous qui réalisiez, si c'est possible, les catégories de mon forum.

J'ai vu que la partie commande concernant les templates est ouverte, j'espère donc ne pas me tromper en vous demandant un travail aussi conséquent !

En tous les cas, merci de m'avoir lu et encore bravo pour vos très jolies codes. :-)

Largeur maximale : 900px pour la largeur des catégories.
Hauteur maximale : Auto je dirais !
Schéma : http://image.noelshack.com/fichiers/2015/51/1450306884-plan-pour-mes-categories.png  

Les tailles ne sont peut être pas justes, j'ai peut être mal calculé !

Voici les codes couleurs à utiliser : #1e1e1e ; black ; white ; #449165 ; #a80200 ; #978a76

Éléments : Pas d'éléments à ajouter ! :)
Images : Mettez une image aléatoire, je m'occuperais de la modification par la suite (je n'ai pas encore graphé' les images en fait)
Animations : Aucune à moins que vous ne trouviez judicieux ou esthétique d'en mettre une quelque part ahah.
Informations supplémentaires : Je vous laisse libre court pour la suite ! J'aimerais juste que le tout ne soit pas trop "haut", que cela reste aligné et harmonieux o/


Encore merci !! Like a Star @ heaven Like a Star @ heaven
Revenir en haut Aller en bas
MessageRe: Commande de templates Lun 11 Jan - 5:22
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  <table width="100%" border="0" cellspacing="0" 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="boxFRM"><div id="tldFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</div></div><div class="boxDESC"></div><div class="boxFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->

        <!-- BEGIN inc -->
        <!-- END inc -->
   
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIES */
.tleCAT{
margin:0 auto -15px;
width:900px; text-align:center;
background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT h2{
font-size:42px; text-transform:uppercase; font-family:Fjalla One;
padding:10px 0; color:back;  /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:15px auto;
width:900px;
}
/* BLOCS POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE & DESCRIPTION FORUM */
#tldFRM {
height:165px; width:405px; padding:10px; overflow:hidden;
background:#449165; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
width:395px; height:50px; overflow:hidden;
text-align:left;
border-bottom:5px solid white; /* MODIFIABLE */
}
.tleFRM a{
letter-spacing:-1px; text-transform:uppercase; font-style:italic; font-size:36px; font-family:Fjalla One;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-top:15px;
width:390px; height:95px; padding:0 5px; overflow:auto;
color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* BLOC DERNIER MESSAGE & NOMBRE SUJETS/MESSAGES FORUM */
.lmsgFRM {
margin-top:15px;
width:405px; height:80px; padding:10px;
text-transform:uppercase; font-style:italic; text-align:center; font-size:20px; font-family:Fjalla One;
background:#1E1E1E; color:white; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a {
margin:0 5px;
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:18px; /* MODIFIABLE */
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-10px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-bottom:10px; padding-bottom:5px; font-size:26px;
color:white; border-bottom:5px solid #449165; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC{
display:inline-block; margin:0 15px;
width:250px; height:300px;
background:#978a76; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:425px; margin-top:-80px;
width:250px; height:300px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
padding:10px 5px 0; height:150px; width:185px; overflow:auto;
background:#a80200; /* MODIFIABLE */
text-align:left;
}
/* SOUS-FORUMS */
.sfFRM a{
text-transform:uppercase; font-family:Fjalla One; font-size:18px;
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
margin-top:15px;
width:195px; height:125px;
}

Instructions :

La méticulosité de votre demande me fut des plus plaisantes et je ne saurai à présent que souhaiter parvenir à vous retourner pareille satisfaction.
Revenir en haut Aller en bas
MessageRe: Commande de templates Lun 11 Jan - 7:37
Woooow, je suis bluffée, je n'ai jamais vu une telle rapidité et efficacité !

Le rendu est super, c'est ce à quoi je m'attendais ! Like a Star @ heaven

Pourrais-je vous demander s'il est possible de modifier de telle sorte que la hauteur du tout perde 100px ? J'ai essayé (en enlevant 50px à chacun des blocs de gauche et 50px à chacun des blocs de droit pour que ça me fasse 100px de chaque côté) mais cela a décalé les blocs, j'ai dû mal m'y prendre...

Je ne vous embêterais plus après hihi.
Au fait, je vous joint le lien concernant les crédits auxquels je vous ai ajouté évidement : http://maleficarum.forumactif.org/t17-les-credits

Revenir en haut Aller en bas
MessageRe: Commande de templates Lun 11 Jan - 9:14
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité de la partie CSS correspondante par :
Code:
/* BLOC TITRE CATEGORIES */
.tleCAT{
margin:0 auto -15px;
width:900px; text-align:center;
background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT h2{
font-size:42px; text-transform:uppercase; font-family:Fjalla One;
padding:10px 0; color:back;  /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:15px auto;
width:900px;
}
/* BLOCS POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE & DESCRIPTION FORUM */
#tldFRM {
height:100px; width:405px; padding:10px; overflow:hidden;
background:#449165; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
width:395px; height:30px; overflow:hidden;
text-align:left;
border-bottom:5px solid white; /* MODIFIABLE */
}
.tleFRM a{
text-transform:uppercase; font-style:italic; font-size:24px; font-family:Fjalla One;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-top:10px;
width:390px; height:55px; padding:0 5px; overflow:auto;
color:black; /* MODIFIABLE */
font-size:9px; text-align:justify;
}
/* DERNIER MESSAGE */
.lmsgFRM {
margin-top:15px;
width:405px; height:55px; padding:5px 10px;
text-transform:uppercase; font-style:italic; text-align:center; font-size:14px; font-family:Fjalla One;
background:#1E1E1E; color:white; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:14px; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a {
margin:0 5px;
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-10px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-bottom:5px; padding-bottom:2px; font-size:18px;
border-bottom:5px solid #449165; /* MODIFIABLE */
}
.lmsgFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC{
display:inline-block; margin:0 15px;
width:250px; height:200px;
background:#978a76; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:425px; margin-top:-55px;
width:250px; height:200px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
padding:5px 5px 0; height:105px; width:185px; overflow:auto;
background:#a80200; color:rgba(250,250,250,0); /* MODIFIABLE */
text-align:left;
}
/* SOUS-FORUMS */
.sfFRM a{
text-transform:uppercase; font-family:Fjalla One; font-size:16px;
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
margin-top:15px;
width:195px; height:75px;
}

Vous souhaitant une excellente journée.

PS : Si l'image de présentation ne s'affichait pas aux nouvelles dimensions, une simple actualisation de la page devrait parer au problème.
Revenir en haut Aller en bas
MessageRe: Commande de templates Lun 11 Jan - 15:45
C'est S-U-P-E-R. Like a Star @ heaven
Tout marche comme il faut, beau travail ahah

Merci beaucoup pour votre aide et rapidité et sans doute à tantôt pour une nouvelle commande (je suis conquise eh oui).
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-