Mettre un fond/image derrière l'aperçu des derniers messages

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre un fond/image derrière l'aperçu des derniers messages

Message par xyz, le dernier recours Mer 25 Aoû 2010 - 17:40

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.


Dernière édition par xyz, le dernier recours le Ven 27 Aoû 2010 - 0:42, édité 1 fois
xyz, le dernier recours

xyz, le dernier recours
**

Féminin
Messages : 84
Inscrit(e) le : 01/08/2009

http://xyzledernierrecours.forumactif.org/forum.htm
xyz, le dernier recours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par Danux Mer 25 Aoû 2010 - 17:52

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 :
Code:
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
Il faut alors remplacer le tout par :
Code:
      <td class="row3 over deco_sujet" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
Remarque : J'ai juste ajouter deco_sujet ^^

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;
}
Il faut également changer le X de ce dernier code :
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 Wink

Voilà, normalement tout devrait fonctionner.

Cordialement.
Danux

Danux
****

Masculin
Messages : 329
Inscrit(e) le : 22/07/2009

https://forum.forumactif.com/forum
Danux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par xyz, le dernier recours Mer 25 Aoû 2010 - 18:11

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?
xyz, le dernier recours

xyz, le dernier recours
**

Féminin
Messages : 84
Inscrit(e) le : 01/08/2009

http://xyzledernierrecours.forumactif.org/forum.htm
xyz, le dernier recours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par Danux Mer 25 Aoû 2010 - 18:14

Les dimensions varient selon les forums Surprised

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>
J'ai ajouté width="180".
Tu as maintenant des valeurs fixes : largeur : 180px et hauteur : 50px.
Évidemment, tu peux modifier la valeur du width. Wink

Cordialement.
Danux

Danux
****

Masculin
Messages : 329
Inscrit(e) le : 22/07/2009

https://forum.forumactif.com/forum
Danux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par xyz, le dernier recours Mer 25 Aoû 2010 - 18:29

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: Mettre un fond/image derrière l'aperçu des derniers messages Billet2i
xyz, le dernier recours

xyz, le dernier recours
**

Féminin
Messages : 84
Inscrit(e) le : 01/08/2009

http://xyzledernierrecours.forumactif.org/forum.htm
xyz, le dernier recours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par Danux Mer 25 Aoû 2010 - 18:50

D'accord donc les dimensions sont 320x179.

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 Smile

EDIT: Pour ce qui est de l'image qui s'adapte, c'est pas possible ... :s Désolé.
Danux

Danux
****

Masculin
Messages : 329
Inscrit(e) le : 22/07/2009

https://forum.forumactif.com/forum
Danux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par xyz, le dernier recours Mer 25 Aoû 2010 - 19:04

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">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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  Mettre un fond/image derrière l'aperçu des derniers messages Sanstitre1copieu

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
xyz, le dernier recours

xyz, le dernier recours
**

Féminin
Messages : 84
Inscrit(e) le : 01/08/2009

http://xyzledernierrecours.forumactif.org/forum.htm
xyz, le dernier recours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par Danux Mer 25 Aoû 2010 - 19:59

Essaies en enlevant le width = 100%
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">
Danux

Danux
****

Masculin
Messages : 329
Inscrit(e) le : 22/07/2009

https://forum.forumactif.com/forum
Danux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par xyz, le dernier recours Mer 25 Aoû 2010 - 23:06

Hummm ça me fait ça:

 Mettre un fond/image derrière l'aperçu des derniers messages Sanstitre1copies

effectivement on voit les deux tiers de l'image mais elle est rétrécie! ça devient le casse-tête du jour!lol!
xyz, le dernier recours

xyz, le dernier recours
**

Féminin
Messages : 84
Inscrit(e) le : 01/08/2009

http://xyzledernierrecours.forumactif.org/forum.htm
xyz, le dernier recours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par kisscooltopfrais Jeu 26 Aoû 2010 - 16:54

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
avatar

kisscooltopfrais
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 18/03/2010

http://cumshots-paintball.forumperso.com
kisscooltopfrais a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par ge80 Jeu 26 Aoû 2010 - 16:58

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
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par kisscooltopfrais Jeu 26 Aoû 2010 - 17:23

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
avatar

kisscooltopfrais
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 18/03/2010

http://cumshots-paintball.forumperso.com
kisscooltopfrais a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par ge80 Jeu 26 Aoû 2010 - 17:26

Il faut cliquer sur l'onglet AFFICHAGE
et c'est tout en bas à gauche.

Enfin j'espère Wink
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par Danux Jeu 26 Aoû 2010 - 17:51

Ensuite, rends-toi dans le template index_box (Page d'accueil - affichage des catégories) dans la rubrique Général.
Il s'agit de la rubrique Général des Templates, accessible comme l'a dit ge80 dans le menu Affichage.
Et non du menu Général en haut de ton panneau d'administration Smile

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.
Danux

Danux
****

Masculin
Messages : 329
Inscrit(e) le : 22/07/2009

https://forum.forumactif.com/forum
Danux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par kisscooltopfrais Jeu 26 Aoû 2010 - 18:13

rhaaaa ben oui j'suis trop con j'etais ds general et pas affichage , merci ge80 et danux
avatar

kisscooltopfrais
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 18/03/2010

http://cumshots-paintball.forumperso.com
kisscooltopfrais a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par xyz, le dernier recours Ven 27 Aoû 2010 - 0:24

hum.....


Dernière édition par xyz, le dernier recours le Ven 27 Aoû 2010 - 0:27, édité 1 fois
xyz, le dernier recours

xyz, le dernier recours
**

Féminin
Messages : 84
Inscrit(e) le : 01/08/2009

http://xyzledernierrecours.forumactif.org/forum.htm
xyz, le dernier recours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par xyz, le dernier recours Ven 27 Aoû 2010 - 0:25

[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é! Confused ça m'ennuierait de devoir enlever la totalité du template pour ça!
xyz, le dernier recours

xyz, le dernier recours
**

Féminin
Messages : 84
Inscrit(e) le : 01/08/2009

http://xyzledernierrecours.forumactif.org/forum.htm
xyz, le dernier recours a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond/image derrière l'aperçu des derniers messages

Message par xyz, le dernier recours Ven 27 Aoû 2010 - 0:42

Bon on a essayé avec Danux mais pas trouvé de solution! désolé! Merci danux!^^
xyz, le dernier recours

xyz, le dernier recours
**

Féminin
Messages : 84
Inscrit(e) le : 01/08/2009

http://xyzledernierrecours.forumactif.org/forum.htm
xyz, le dernier recours a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum