| Insérer une image ou texte sous ou sur les catégories (mess) | |
|
Feng Huang
{ Membre }
Messages : 17
| Hey Je vais peut-être paraître stupide, mais je ne vois pas ce que ce tuto permet de faire >< J'en ai une vague idée, mais je ne vois pas >< Est-ce que l'on peut avoir des aperçus, s'il vous plaît ? >.< | | |
|
| |
Kimi267
{ Membre }
Messages : 17
| Super tutoriel , très utile surtout x) est-il possible de l'appliquer sur le message d'accueil, et si oui, comment s'il vous plaît :p? | | |
|
| |
Katinka
{ Membre }
Messages : 21
| merci pour ce tuto ça donne vraiment super !! par contre dans mon elan j'ai fait trois image (haut, bas mais aussi centre) est t'il possible de mettre aussi une image derriere les caté pour qu'elle en dépasse de chaque coté, histoire que ça fasse bien un cadre ?
merci | | |
|
| |
Wasp
{ Membre }
Messages : 3
| Bonjour bonjour !
Alors, hum, serait-il possible, dans la même idée, de faire varier l'image en fonction de la catégorie ? (Par exemple, pour un forum RPG, une image différente au dessus en fonction du lieu). J'avais songé à installer des différents que je positionnerai un peu à plouf jusqu'à tomber bon, mais je crains pour les différentes résolutions que ça ne mène à rien. J'ai beau chercher et bidouiller un peu, j'aboutis simplement à une migraine plutôt qu'à une solution convenable !
Si vous pouviez m'aider à trouver !
Merci d'avance =) | | |
|
| |
loulou49
{ Membre }
Messages : 13
| Oui moi aussi je voulais savoir si on pouvait varier l'image celons la catégorie? merci | | |
|
| |
Alexis
{ Membre }
Messages : 28
| Pour le code suivant qui permet d'avoir une image au dessus de chaque catégorie: - Code:
-
</table> <!-- BEGIN catrow --><!-- BEGIN tablehead --> CODE <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> Si je mets plusieurs adresses d'image (codé bien sûr) à la suite, est ce que j'aurais une image au dessus de chaque catégorie ? Si c'est pas le cas, quelle est la procédure ? | | |
|
| |
Invité Invité
| - Alexis a écrit:
- Pour le code suivant qui permet d'avoir une image au dessus de chaque catégorie:
- Code:
-
</table> <!-- BEGIN catrow --><!-- BEGIN tablehead --> CODE <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> Si je mets plusieurs adresses d'image (codé bien sûr) à la suite, est ce que j'aurais une image au dessus de chaque catégorie ?
Si c'est pas le cas, quelle est la procédure ? Tu peux me donner le code que tu veux tester? | | |
|
| |
Alexis
{ Membre }
Messages : 28
| - Citation :
- * Image au-dessus de chaque catégorie
Cherchez ceci :
- Code:
-
</table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Remplacez par :
- Code:
-
</table> <!-- BEGIN catrow --><!-- BEGIN tablehead --> CODE <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> | | |
|
| |
Alexis
{ Membre }
Messages : 28
| Excusez moi de Upper. Je voudrais juste apporter une précision à ma demande.
Je souhaiterais avoir des images différentes au dessus de chaque catégorie. J'ai pas vu le code. Je pourrais avoir un coup de main s'il vous plait? | | |
|
| |
Furase
{ Membre actif }
Messages : 312
| Bonjour.
Il n'est pas possible de mettre une image différente selon les catégories via cette méthode. Elle sera systématiquement la même.
Un moyen d'individualiser l'image serait de la placer dans le titre même de la catégorie, mais cela demande des manipulation supplémentaires. Je ferai des recherches sur le sujet dès que j'aurai des disponibilités.
Pour mettre une image sous les catégories, c'est possible et je ne pense pas que ce soit très compliqué. De même je chercherai quand je trouverai du temps.
Fu' | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Bonjour a vous, je voudrais mettre une images sur chaque catégories. Bon voici ce que je voudrais faire : - Spoiler:
Comme vous le voyais l'images est sur la catégories et voici la miennes elle est complètement au dessous de ma catégories :s - Spoiler:
Merci de votre aide. Voici mon template : - 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><img src="http://img7.hostingpics.net/pics/995741boules_billard_icone_7425_64.png" /></div> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <table class="forum-description" width="300%" border="0" cellspacing="1" cellpadding="0"> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <div class="haut"><span class="gensmall">Sujets : {catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}</span></div> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> <div class="milieu"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<div class="messages_sujets_derniers_sujets"> <div class="derniers_sujets"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div> </div>
<span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --></span></div> <div class="bas"><span class="gensmall">ff{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span></div> </td>
<!-- BEGIN forum_link_no --> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr></table> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table></th><br></br><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Mon CSS : - Code:
-
/*--- Cette partie correspond à la description du forum ---*/ .forum-description { margin: auto; padding: 10px; color: #000000; width: 80%; border: 3px solid #000000; -moz-border-radius: 14px; -webkit-border-radius: 14px; font-size: 12px; }
.messages_sujets_derniers_sujets { margin-left: 2px; /*espace entre le bord gauche et la bordure*/ border-top: 3px solid black; border-left: 3px solid black; border-bottom: 1px dotted black; border-top: 1px dotted black; -moz-border-radius: 5px; /*arrondir l'angle gauche du haut*/ width : auto}
/*affichage derniers messages*/ .derniers_sujets { padding: VALEURpx; /*espace entre le texte et la bordure*/ margin: VALEURpx; /*espace entre le bord et la bordure*/ border: VALEURpx dashed #COULEUR; -moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/ -moz-border-radius-bottomright: VALEURpx; /*arrondir l'angle droit du bas*/ text-align: center; }
.haut {width: 20%; margin-left: 75%; margin-bottom: 0px; padding: 5px;
text-align: center; }
.milieu {width: 68%; margin: 0px; border: 1px solid #172b2e;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px;background-color: #172b2e;width : 300 px;margin:0 auto; }
.bas {width: 20%; margin-left: 10%; margin-top: 0px; border-left: 1px solid #172b2e; border-right: 1px solid #172b2e; border-bottom: 1px solid #172b2e; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; padding: 5px;background-color: #172b2e;width : 300 px;margin:0 auto; } | | |
|
| |
Steff
{ Membre }
Messages : 41
| Katinka, j'ai également mis une image au centre en reprenant un des tutos de B.ow en mettant ceci dans ta feuille de style CSS - Code:
-
/* ---Image derrière les cat---*/ .forumline { background-color: transparent; background-image: url(url de l'image du milieu); background-repeat: repeat-y; /* L'image se répète uniquement sur la hauteur*/ padding-left: 0px; padding-right: 0px; /* Il vaut mieux ajouter quelques pixels de marge intérieure, sinon le forum est collé à l'image intérieure, et ça ne rend pas bien. Faites le test sinon !*/ border: none; } Je viens de testé et pour moi ça fonctionne. | | |
|
| |
Contenu sponsorisé
| |
| |
| Insérer une image ou texte sous ou sur les catégories (mess) | |
|