Mettre un fond/image derrière l'aperçu des derniers messages
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Mettre un fond/image derrière l'aperçu des derniers messages
Bonjour!
Je cherche un CCS me permettant de mettre une image derrière mes derniers sujets à la dernière colonne du fofo.
J'ai trouvé ce lien https://forum.forumactif.com/archives-de-la-section-gerer-l-apparence-de-son-forum-f103/mettre-un-fond-derriere-l-apercu-des-derniers-messages-t276689.htm?highlight=derniers+sujets sur fofoactif mais il ne répond pas à mon problème.
En fait j'ai un encadré en png que je souhaiterais mettre en fond des derniers messages afin que je retrouve ces dits derniers messages à l'interieur de l'encadré.
Avez-vu s'il-vous-plait un CCs à me proposer et je suppose une modif au niveau des templates? Merci d'avance.
Je cherche un CCS me permettant de mettre une image derrière mes derniers sujets à la dernière colonne du fofo.
J'ai trouvé ce lien https://forum.forumactif.com/archives-de-la-section-gerer-l-apparence-de-son-forum-f103/mettre-un-fond-derriere-l-apercu-des-derniers-messages-t276689.htm?highlight=derniers+sujets sur fofoactif mais il ne répond pas à mon problème.
En fait j'ai un encadré en png que je souhaiterais mettre en fond des derniers messages afin que je retrouve ces dits derniers messages à l'interieur de l'encadré.
Avez-vu s'il-vous-plait un CCs à me proposer et je suppose une modif au niveau des templates? Merci d'avance.
Dernière édition par xyz, le dernier recours le Ven 27 Aoû 2010 - 0:42, édité 1 fois
Re: Mettre un fond/image derrière l'aperçu des derniers messages
Bonjour.
Pour pouvoir réaliser ceci, il faut déjà avoir une version phpBB2.
Ensuite, rends-toi dans le template index_box (Page d'accueil - affichage des catégories) dans la rubrique Général.
Peu avant la fin du template, tu peux lire ceci :
Ensuite, fonce sur la page d'édition du CSS de ton forum (rubrique couleurs)
Et ajoute ceci :
Si tu veux avoir un fond qui se répète horizontalement : X => repeat-x
Verticalement : X => repeat-y
Qui ne se répète pas : no-repeat
Si tu veux un fond qui se répète dans les 2 sens, tu peux carrément supprimer la ligne "background-repeat : ;"
PS: Attention aux " ; " dans le code CSS
Voilà, normalement tout devrait fonctionner.
Cordialement.
Pour pouvoir réaliser ceci, il faut déjà avoir une version phpBB2.
Ensuite, rends-toi dans le template index_box (Page d'accueil - affichage des catégories) dans la rubrique Général.
Peu avant la fin du template, tu peux lire ceci :
- Code:
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
- Code:
<td class="row3 over deco_sujet" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
Ensuite, fonce sur la page d'édition du CSS de ton forum (rubrique couleurs)
Et ajoute ceci :
- Code:
.deco_sujet {
background: url('url_de_ton_image');
background-repeat: X;
}
Si tu veux avoir un fond qui se répète horizontalement : X => repeat-x
Verticalement : X => repeat-y
Qui ne se répète pas : no-repeat
Si tu veux un fond qui se répète dans les 2 sens, tu peux carrément supprimer la ligne "background-repeat : ;"
PS: Attention aux " ; " dans le code CSS
Voilà, normalement tout devrait fonctionner.
Cordialement.
Re: Mettre un fond/image derrière l'aperçu des derniers messages
alors ça marche merci beaucoup!
mais j'ai un souci! lol connais-tu les dimensions du cadre des derniers sujets pour faire rentrer mon cadre pile poil?
mais j'ai un souci! lol connais-tu les dimensions du cadre des derniers sujets pour faire rentrer mon cadre pile poil?
Re: Mettre un fond/image derrière l'aperçu des derniers messages
Les dimensions varient selon les forums
Donc il faut imposer une valeur fixe à ce cadre.
Pour cela, remplace à nouveau le code par :
Tu as maintenant des valeurs fixes : largeur : 180px et hauteur : 50px.
Évidemment, tu peux modifier la valeur du width.
Cordialement.
Donc il faut imposer une valeur fixe à ce cadre.
Pour cela, remplace à nouveau le code par :
- Code:
<td class="row3 over deco_sujet" align="center" valign="middle" height="50" width="180">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
Tu as maintenant des valeurs fixes : largeur : 180px et hauteur : 50px.
Évidemment, tu peux modifier la valeur du width.
Cordialement.
Re: Mettre un fond/image derrière l'aperçu des derniers messages
je n'y arrive pas. l'image ne s'ajuste pas en fonction de la taille de la case. Des fois ça rentre des fois non ça se répète. Et j'ai un autre souci l'intitulé du post et son propriétaire déborde sur l'encadré..
il faudrait que ce soit l'image qui ajuste sa taille en fonction de la case, non l'inverse...
Voilà le cadre en question:
il faudrait que ce soit l'image qui ajuste sa taille en fonction de la case, non l'inverse...
Voilà le cadre en question:
Re: Mettre un fond/image derrière l'aperçu des derniers messages
D'accord donc les dimensions sont 320x179.
Alors hop on recommence ^^
PS: Regarde également si le < tr > qui doit être quelques lignes au dessus n'a pas une valeur pour le " height= X "
Si il a une valeur, tu la remplaces par 179px.
J'espère que sa va marcher cette fois
EDIT: Pour ce qui est de l'image qui s'adapte, c'est pas possible ... :s Désolé.
Alors hop on recommence ^^
- Code:
<td class="row3 over deco_sujet" align="center" valign="middle" height="179" width="320">
<span class="gensmall" style="padding: 10px;">{catrow.forumrow.LAST_POST}</span>
</td>
PS: Regarde également si le < tr > qui doit être quelques lignes au dessus n'a pas une valeur pour le " height= X "
Si il a une valeur, tu la remplaces par 179px.
J'espère que sa va marcher cette fois
EDIT: Pour ce qui est de l'image qui s'adapte, c'est pas possible ... :s Désolé.
Re: Mettre un fond/image derrière l'aperçu des derniers messages
voici mon template
<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 --><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} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- 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 -->
<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">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<!---- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description" style="position: relative;">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<img src="https://2img.net/r/ihimizer/img843/189/libellulepng2.png" style="position: absolute; top:-50px; right: -30px;"/>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over deco_sujet" align="center" valign="middle" height="179" width="320">
<span class="gensmall" style="padding: 10px;">{catrow.forumrow.LAST_POST}</span>
</td>
<!---- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<!-- 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>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
et voici ce que ça me fait
L'image est tronquée et les intitulé empiètent sur l'image.. et je n'ai pas de <tr>...
Je suis compliquée désolée!!lol
<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 --><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} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- 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 -->
<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">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<!---- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description" style="position: relative;">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<img src="https://2img.net/r/ihimizer/img843/189/libellulepng2.png" style="position: absolute; top:-50px; right: -30px;"/>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over deco_sujet" align="center" valign="middle" height="179" width="320">
<span class="gensmall" style="padding: 10px;">{catrow.forumrow.LAST_POST}</span>
</td>
<!---- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<!-- 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>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
et voici ce que ça me fait
L'image est tronquée et les intitulé empiètent sur l'image.. et je n'ai pas de <tr>...
Je suis compliquée désolée!!lol
Re: Mettre un fond/image derrière l'aperçu des derniers messages
Essaies en enlevant le width = 100%
Il est là :
Il est là :
- Code:
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
Re: Mettre un fond/image derrière l'aperçu des derniers messages
Hummm ça me fait ça:
effectivement on voit les deux tiers de l'image mais elle est rétrécie! ça devient le casse-tête du jour!lol!
effectivement on voit les deux tiers de l'image mais elle est rétrécie! ça devient le casse-tête du jour!lol!
Re: Mettre un fond/image derrière l'aperçu des derniers messages
hmmm excusez moi mais j essais de suivre vos indications pour tester et apprendre , et mauvais comme je suis je n arrive pas a acceder au template !
pourriez vous m indiquer comment faire svp?
j essais de suivre ce chemin indiqué plus haut (Ensuite, rends-toi dans le template index_box (Page d'accueil - affichage des catégories) dans la rubrique Général.)
mais je trouve pas ^^
merci d avance
pourriez vous m indiquer comment faire svp?
j essais de suivre ce chemin indiqué plus haut (Ensuite, rends-toi dans le template index_box (Page d'accueil - affichage des catégories) dans la rubrique Général.)
mais je trouve pas ^^
merci d avance
Re: Mettre un fond/image derrière l'aperçu des derniers messages
Bonjour
Pour les templates :
il faut être fondateur
Voir le PA en mode Avancé (en bas des menus à gauche de l'écran du panneau d'administration (PA))
Cordialement
ge
Pour les templates :
il faut être fondateur
Voir le PA en mode Avancé (en bas des menus à gauche de l'écran du panneau d'administration (PA))
Cordialement
ge
Re: Mettre un fond/image derrière l'aperçu des derniers messages
merci pour cette reponse rapide , je suis donc le fondateur , la case avancé est coché , mais je ne trouve tjrs pas ^^
j'suis nul ou je suis nul ?? snifff
une autre suggestion ? dois je faire un screen de mon panneau admin ?
cordialement
j'suis nul ou je suis nul ?? snifff
une autre suggestion ? dois je faire un screen de mon panneau admin ?
cordialement
Re: Mettre un fond/image derrière l'aperçu des derniers messages
Il faut cliquer sur l'onglet AFFICHAGE
et c'est tout en bas à gauche.
Enfin j'espère
et c'est tout en bas à gauche.
Enfin j'espère
Re: Mettre un fond/image derrière l'aperçu des derniers messages
Il s'agit de la rubrique Général des Templates, accessible comme l'a dit ge80 dans le menu Affichage.Ensuite, rends-toi dans le template index_box (Page d'accueil - affichage des catégories) dans la rubrique Général.
Et non du menu Général en haut de ton panneau d'administration
Et pour xyz, le dernier recours : Le problème vient de l'autre template personnalisé que tu as installé.
En effet le gros bloc central personnalisé sur le forum est trop gros et bloque la dernière case.
De même en hauteur, le bloc central est plus grand que ta dernière case.
Si tu tiens à afficher la dernière colonne comme voulu, il faudra modifier le template du forum avant.
Re: Mettre un fond/image derrière l'aperçu des derniers messages
rhaaaa ben oui j'suis trop con j'etais ds general et pas affichage , merci ge80 et danux
Re: Mettre un fond/image derrière l'aperçu des derniers messages
hum.....
Dernière édition par xyz, le dernier recours le Ven 27 Aoû 2010 - 0:27, édité 1 fois
Re: Mettre un fond/image derrière l'aperçu des derniers messages
[quote="xyz, le dernier recours"]
Danux a écrit:
Et pour xyz, le dernier recours : Le problème vient de l'autre template personnalisé que tu as installé.
En effet le gros bloc central personnalisé sur le forum est trop gros et bloque la dernière case.
De même en hauteur, le bloc central est plus grand que ta dernière case.
Si tu tiens à afficher la dernière colonne comme voulu, il faudra modifier le template du forum avant.
Tu peux me proposer une soluce de template Danux alors STP? Qu'est ce que tu entends par "gros bloc"?
J'ai installé ma nouvelle version:www.xyzledernierrecours.com . il me manque juste cet éventuel encadré! ça m'ennuierait de devoir enlever la totalité du template pour ça!
Re: Mettre un fond/image derrière l'aperçu des derniers messages
Bon on a essayé avec Danux mais pas trouvé de solution! désolé! Merci danux!^^
Sujets similaires
» Mettre un fond derrière l'aperçu des derniers messages
» Image de fond de la colonne "Derniers Messages"
» Image de Fond dans "Les Derniers Messages"
» Image de fond colonne "Derniers Messages"
» Mettre un fond à des messages d'alertes et une image.
» Image de fond de la colonne "Derniers Messages"
» Image de Fond dans "Les Derniers Messages"
» Image de fond colonne "Derniers Messages"
» Mettre un fond à des messages d'alertes et une image.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum