Migration du service de création graphique sur AvNess.com

AccueilNewsForumAnnuairePartenaires F.A.Q. StatistiquesContact
S'enregistrer  ·  Connexion  ·  Chat  ·  Recherche  ·  Qui est en ligne ?  ·  Liste des membres
Ressources et services  
Thèmes

Mods

Support technique

Créations graphiques

ForumMods

Cadre aux légendes

Répondre  |  Nouveau sujet
AuteurMessages

Administrateur

 
Offline

Inscrit le :
Localité : Suisse
Messages : 82
Posté le : Citer
Avec cette mod, vous pourrez savoir comment faire pour ajouter un cadre et une couleur de fond à la partie des légendes des images des thèmes et messages. Oui comme ça, vous pourrez mettre le même fond que la partie où ces images s'affiche.


Blue Header Full

1. Allez dans votre panel Admin, ouvrez l'éditeur HTML du template (donc ne pas utiliser le menu déroulant) et cherchez :
Code :
<style type="text/css">


Et ajoutez en dessous :
Code :
.legende-post {
background:*1;
border: solid 1px *2;
}

(*1 = Couleur de fond des légendes / Ex. blanc = #ffffff ou #FFFFFF)
(*2 = Couleur de la bordure des légendes / Ex. noir = #000000)

2. Maintenant que le css est ajouté, ouvrez depuis le menu déroulant "general-themes", allez tout en bas de ce code et cherchez :
Code :
<table width="10%" border="0" align="center" cellpadding="3" cellspacing="0">
<tr>
<td width="1%" nowrap>
<script>
document.write('<img src="'+themes11+'">');
</script></td>
<td width="33%" nowrap>Nouveaux messages</td>
<td width="1%" nowrap>
<script>
document.write('<img src="'+themes10+'">');
</script></td>
<td width="33%" nowrap>Forum ouvert</td>
<td nowrap width="1%">
<script>
document.write('<img src="'+themes00+'">');
</script>
</td>
<td nowrap width="33%">Forum verrouillé</td>
</tr><tr>
<td colspan="6"><img src="{folder}/images/pix.gif" width="1" height="1"></td></tr></table>


Et remplacez par :
Code :
<table width="10%" border="0" align="center" cellpadding="3" cellspacing="1" class="legende-post">
<tr>
<td width="1%" nowrap>
<script>
document.write('<img src="'+themes11+'">');
</script></td>
<td width="33%" nowrap>Nouveaux messages</td>
<td width="1%" nowrap>
<script>
document.write('<img src="'+themes10+'">');
</script></td>
<td width="33%" nowrap>Forum ouvert</td>
<td nowrap width="1%">
<script>
document.write('<img src="'+themes00+'">');
</script>
</td>
<td nowrap width="33%">Forum verrouillé</td>
</tr><tr></table><table width="10%" border="0" align="center" cellpadding="3" cellspacing="0">
<td colspan="6"><img src="{folder}/images/pix.gif" width="1" height="1"></td></tr></table>


3. Ouvrez toujours depuis ce menu déroulant "general-categories", allez tout en bas et cherchez :
Code :
<table width="50%" border="0" align="center" cellpadding="3" cellspacing="0">
<tr>
<td width="1%"><script>
document.write('<img src="'+messages21+'" border=0>');
</script></td>
<td width="32%" nowrap>Annonce [ nouveau message ]</td>
<td width="1%" nowrap><script>
document.write('<img src="'+messages11+'" border=0>');
</script></td>
<td width="32%" nowrap>Nouveau message</td>
<td nowrap width="1%"><script>
document.write('<img src="'+messages01+'" border=0>');
</script></td>
<td nowrap width="32%">Verrouillé [ nouveau message
]</td>
</tr><tr>
<td width="1%"><script>
document.write('<img src="'+messages20+'" border=0>');
</script></td>
<td width="32%" nowrap>Annonce</td>
<td width="1%" nowrap><script>
document.write('<img src="'+messages10+'" border=0>');
</script></td>
<td width="32%" nowrap>Message ouvert</td>
<td nowrap width="1%"><script>
document.write('<img src="'+messages00+'" border=0>');
</script></td>
<td nowrap width="32%">Verrouillé</td></tr></table>


Et remplacez par :
Code :
<table width="50%" border="0" align="center" cellpadding="3" cellspacing="0" class="legende-post">
<tr>
<td width="1%"><script>
document.write('<img src="'+messages21+'" border=0>');
</script></td>
<td width="32%" nowrap>Annonce [ nouveau message ]</td>
<td width="1%" nowrap><script>
document.write('<img src="'+messages11+'" border=0>');
</script></td>
<td width="32%" nowrap>Nouveau message</td>
<td nowrap width="1%"><script>
document.write('<img src="'+messages01+'" border=0>');
</script></td>
<td nowrap width="32%">Verrouillé [ nouveau message
]</td>
</tr><tr>
<td width="1%"><script>
document.write('<img src="'+messages20+'" border=0>');
</script></td>
<td width="32%" nowrap>Annonce</td>
<td width="1%" nowrap><script>
document.write('<img src="'+messages10+'" border=0>');
</script></td>
<td width="32%" nowrap>Message ouvert</td>
<td nowrap width="1%"><script>
document.write('<img src="'+messages00+'" border=0>');
</script></td>
<td nowrap width="32%">Verrouillé</td></tr></table>
<table width="10%" border="0" align="center" cellpadding="3" cellspacing="0">
<td colspan="6"><img src="{folder}/images/pix.gif" width="1" height="1"></td></tr></table>


C'est fini pour le Blue Header Full si vous voulez modifier la bordure ou la couleur de fond, ouvrez l'editeur HTML et modifie le css que je vous ai fait ajouté au départ.


Creative Bureau

1. Allez dans le panel Admin, ouvrez l'edtieur HTML, ouvrez dans le menu déroulant : "general-themes" et cherchez :
Code :
<table width="10%" border="0" align="center" cellpadding="3" cellspacing="0">
<tr>
<td colspan="6"><img src="{folder}/images/pix.gif" width="1" height="1"></td>
</tr> <tr>
<td width="1%" nowrap><img src="{folder}/images/icone-themes-1-1.gif"></td>
<td width="33%" nowrap>Nouveaux messages</td>
<td width="1%" nowrap><img src="{folder}/images/icone-themes-1-0.gif"></td>
<td width="33%" nowrap>Forum ouvert</td>
<td nowrap width="1%"><img src="{folder}/images/icone-themes-0-0.gif"></td>
<td nowrap width="33%">Forum verrouillé</td>
</tr><tr>
<td colspan="6"><img src="{folder}/images/pix.gif" width="1" height="1"></td></tr></table>


Remplacez-le par :
Code :
<style type="text/css">
<!--
.legende_theme {
background:#32353A;
border: solid 1px #42454A;
}
-->
</style>
</p><table width="10%" border="0" align="center" cellpadding="2" cellspacing="0" class="legende_theme">
<tr>
<td colspan="6"><img src="{folder}/images/pix.gif" width="1" height="1"></td>
</tr> <tr>
<td width="1%" nowrap><img src="{folder}/images/icone-themes-1-1.gif"></td>
<td width="33%" nowrap>Nouveaux messages</td>
<td width="1%" nowrap><img src="{folder}/images/icone-themes-1-0.gif"></td>
<td width="33%" nowrap>Forum ouvert</td>
<td nowrap width="1%"><img src="{folder}/images/icone-themes-0-0.gif"></td>
<td nowrap width="33%">Forum verrouillé</td>
</tr><tr>
<td colspan="6"><img src="{folder}/images/pix.gif" width="1" height="1"></td></tr></table></p>


2. Ensuite ouvrez :"general-categories" et cherchez :
Code :
<table width="50%" border="0" align="center" cellpadding="3" cellspacing="0">
<tr>
<td width="1%"><img src="{folder}/images/icone-messages-2-1.gif"></td>
<td width="32%" nowrap>Annonce [ nouveau message ]</td>
<td width="1%" nowrap><img src="{folder}/images/icone-messages-1-1.gif"></td>
<td width="32%" nowrap>Nouveau message</td>
<td nowrap width="1%"><img src="{folder}/images/icone-messages-0-1.gif"></td>
<td nowrap width="32%">Verrouillé [ nouveau message
]</td>
</tr><tr>
<td width="1%"><img src="{folder}/images/icone-messages-2-0.gif"></td>
<td width="32%" nowrap>Annonce</td>
<td width="1%" nowrap><img src="{folder}/images/icone-messages-1-0.gif"></td>
<td width="32%" nowrap>Message ouvert</td>
<td nowrap width="1%"><img src="{folder}/images/icone-messages-0-0.gif"></td>
<td nowrap width="32%">Verrouillé</td></tr></table>


Et remplacez-le par :
Code :
<style type="text/css">
<!--
.legende_categorie {
background:#32353A;
border: solid 1px #42454A;
}
-->
</style>
<table width="50%" border="0" align="center" cellpadding="2" cellspacing="0" class="legende_categorie">
<tr>
<td width="1%"><img src="{folder}/images/icone-messages-2-1.gif"></td>
<td width="32%" nowrap>Annonce [ nouveau message ]</td>
<td width="1%" nowrap><img src="{folder}/images/icone-messages-1-1.gif"></td>
<td width="32%" nowrap>Nouveau message</td>
<td nowrap width="1%"><img src="{folder}/images/icone-messages-0-1.gif"></td>
<td nowrap width="32%">Verrouillé [ nouveau message
]</td>
</tr><tr>
<td width="1%"><img src="{folder}/images/icone-messages-2-0.gif"></td>
<td width="32%" nowrap>Annonce</td>
<td width="1%" nowrap><img src="{folder}/images/icone-messages-1-0.gif"></td>
<td width="32%" nowrap>Message ouvert</td>
<td nowrap width="1%"><img src="{folder}/images/icone-messages-0-0.gif"></td>
<td nowrap width="32%">Verrouillé</td></tr></table>


Voila, c'est fini pour le thème Creative Bureau, les couleurs de font et de contour sont adaptées au thème mais vous pourrez bien entendu toujours modifier ces deux styles css et aussi les cellpadding qui sont actuellement à 2 et normalement à 3.
 
 
AB Prod, plus qu'un simple site ...
Profil  |  MP  |  Mail  |  Site web
Répondre  |  Nouveau sujet
Copyright © AB Prod | WebDesign by TheKay
Aneantis Board   |   RSS   |   CNIL 1131487   |   0.046 sec   |   Requêtes Sql : 6