Mettre des images sous "derniers messages" et "descriptions du forum"

4 participants

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

Résolu Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Zomega Sam 26 Déc 2015 - 5:46

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://zomega3.forumactif.org/

Description du problème

Bonjour... A l'aide !

J'essaie depuis 21h d'hier soir à mettre une image sous la partie "derniers messages" de mon forum mais malgré toutes mes tentatives, je n'y arrive. Mon image refuse obstinément de s'afficher.

Je voudrais faire de même en plaçant une image sous l’avatar du dernier posteur et la description du forum.

Voilà pourquoi je demande de l'aide.

Voici mon index box:

et mon css
Spoiler:


Dernière édition par Zomega le Sam 26 Déc 2015 - 19:30, édité 1 fois
avatar

Zomega
Nouveau membre

Messages : 12
Inscrit(e) le : 27/10/2015

http://zomega3.forumactif.org/
Zomega a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Eiffel01 Sam 26 Déc 2015 - 10:49

Bonjour,
Si j'ai bien compris, vous voulez rajouter une image sous l'affichage du "XX messages dans XX sujets" ?
Vous avez essayez ce qui suit ?
Code:
      <td class="newpost" align="center" valign="middle">
        <img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  <span id="lastpost" class="gensmall"><br /><br />{catrow.forumrow.LAST_POST}</span><br><span id="sujets-message" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets</span>
                    </td>
à remplacer par :
Code:
      <td class="newpost" align="center" valign="middle">
        <img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  <span id="lastpost" class="gensmall"><br /><br />{catrow.forumrow.LAST_POST}</span><br><span id="sujets-message" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets</span>
<br/><img src="LIEN_DE_VOTRE_IMAGE" />
                    </td>

Eiffel01

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Zomega Sam 26 Déc 2015 - 11:29

Bonjour !

Non je souhaite mettre l'image sous tout le bloc "derniers messages" avec le titre du dernier topic et le nombre de message.

J'ai essayé de changer mais ça ne fonctionne pas.
avatar

Zomega
Nouveau membre

Messages : 12
Inscrit(e) le : 27/10/2015

http://zomega3.forumactif.org/
Zomega a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Feuilla' Sam 26 Déc 2015 - 11:35

Bonjour,
s'agit-il d'une image de fond ? Smile
Si oui, ajoutez ce code CSS à la Feuille de style :
Code:
td.row1, td.row3.over {background-image:lien de l'image}
N'oubliez pas de mettre le lien de l'image... Wink
Bonne journée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Zomega Sam 26 Déc 2015 - 11:44

Bonjour,

Je suis désolée mais rien n'a changé u_u Je désespère...Mettre des images sous "derniers messages" et "descriptions du forum" 232319Capture
avatar

Zomega
Nouveau membre

Messages : 12
Inscrit(e) le : 27/10/2015

http://zomega3.forumactif.org/
Zomega a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Feuilla' Sam 26 Déc 2015 - 11:56

Re,
désolée je pense que c'est de ma faute. Embarassed
Code:
td.row1, td.row3.over {background-image:url("lien de l'image")}
Normalement ça devrait marcher. Smile
Bonne journée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Zomega Sam 26 Déc 2015 - 11:58

j'avais rajouté les guillemets mais pour être sûre, j'ai copié collé. Aucun changement ...
avatar

Zomega
Nouveau membre

Messages : 12
Inscrit(e) le : 27/10/2015

http://zomega3.forumactif.org/
Zomega a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Eiffel01 Sam 26 Déc 2015 - 12:14

Bonjour,
Si je ne me trompe pas, vous avez retiré les class par défaut, donc le code fourni ne fonctionne pas, c'est normal.
Rajoutez à votre class newpost le code fourni par Feuilla' :
Code:
{ background-image: url("lien de l'image") }

Cordialement
Eiffel01

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Zomega Sam 26 Déc 2015 - 13:51

ça ne fonctionne toujours pas u_u"

Mettre des images sous "derniers messages" et "descriptions du forum" 748371Capture
avatar

Zomega
Nouveau membre

Messages : 12
Inscrit(e) le : 27/10/2015

http://zomega3.forumactif.org/
Zomega a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Moon Ha Neul Sam 26 Déc 2015 - 15:48

C'est l'image du nouveau message, verrouiller et message important que vous souhaitez rajouter?
Si c'est juste une image de fond qui n'a rien avoir avec les icones du forum. Il suffit de rajouter une div dans la partie dernier message.

Code:
              <td class="newpost" align="center" valign="middle">
                <img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                      <div class="derforum">    <span id="lastpost" class="gensmall"><br /><br />{catrow.forumrow.LAST_POST}</span><br><span id="sujets-message" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets</span></div>
                            </td>


ensuite dans le css
Code:


.derforum{
background-image:url('url de l'image');
width: longueur de l'image, height:hauteur de l'image;
background-size:100% 100%;
}


Après, il faut aussi rajouter des div et class si vous souhaitez mettre le nombre de message et de sujet dans la partie brune de l'image. Ainsi que positionner les derniers messages sur l'index du forum.

[/code]
Moon Ha Neul

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre des images sous "derniers messages" et "descriptions du forum"

Message par Zomega Sam 26 Déc 2015 - 19:30

ça fonctionne !

Merci beaucoup !
avatar

Zomega
Nouveau membre

Messages : 12
Inscrit(e) le : 27/10/2015

http://zomega3.forumactif.org/
Zomega 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