Image statistique dernier message
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Image statistique dernier message
Bonjour!
J'ai un gros problème :/. J'ai suivit un tuto pour mettre une image en fond où il y a les derniers messages, mais le problème, c'est que ça s'affichait une catégorie sur deux. :S et ensuite, quand j'ai trouvé le tuto suivant : https://forum.forumactif.com/t333204-image-en-fond-des-stats?highlight=image+dernier+message
je l'ai appliqué et je voulais retirer celui d'avant, sauf que je n'ai pas gardé le lien du premier tuto et donc je ne sais pas ce que je dois changer dans mon index_box pour que tout fonctionne comme il faut.
Je vous met mon CSS ( même si lui je l'ai changé, donc je pense que ça va de ce côté ) :
et mon index_box ( je suis sûr que ça vient de là ):
Donc, ce que je veux c'est que mon image soit présente dans tout les 'dernier message' donc, dans toutes les catégories, car là elle ne s'affiche plus du tout et la largeur où devrait être l'image, ne s'affiche que d'une catégorie sur deux :/. Je ne remercierai jamais assez ceux qui voudront bien m'aider! Je sais que les templates, en tout cas dans mon cas c'est pas toujours évident!
J'ai un gros problème :/. J'ai suivit un tuto pour mettre une image en fond où il y a les derniers messages, mais le problème, c'est que ça s'affichait une catégorie sur deux. :S et ensuite, quand j'ai trouvé le tuto suivant : https://forum.forumactif.com/t333204-image-en-fond-des-stats?highlight=image+dernier+message
je l'ai appliqué et je voulais retirer celui d'avant, sauf que je n'ai pas gardé le lien du premier tuto et donc je ne sais pas ce que je dois changer dans mon index_box pour que tout fonctionne comme il faut.
Je vous met mon CSS ( même si lui je l'ai changé, donc je pense que ça va de ce côté ) :
- Spoiler:
- div.infobulle {
position: relative;
float: left;}
div.infobulle span {
display: none;}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999;}
div.infobulle:hover span {
color: #acb626;
-moz-border-radius: 50px;
text-align: center;
text-shadow: #000000 1px 1px 1px;
width: 210px;
background: #b7d4dc;
border: 3px solid #acb626;
display: inline;
position: absolute;
top: 100px;
left: 50px;
padding: 10px;
-moz-box-shadow: 2px 3px 3px black;}
ul, li{
list-style: none;}
.mon_onglet{
padding: 10px ;
color: #ffffff;
text-shadow: 1px 1px 3px black;
background: #acb626;
-moz-border-radius: 10% 10% 0% 0%;
cursor: pointer;}
.mon_onglet_selected{
-moz-box-shadow:inset 2px 3px 3px black;
padding: 10px ;
color: #05243b;
-moz-border-radius: 10% 10% 0% 0% ;
background: #e6e6aa;
cursor: pointer;}
.mon_contenu{
margin-top: -70px;
font-size: 11px;
width: 650px;
height: 220px;
background: #e6e6aa;
-moz-box-shadow:inset 2px 3px 3px black;
border: 5px solid #acb626;
padding: 20px;
color: #6E6E6E;
-moz-border-radius: 50px;
line-height: 18px;}
.imagepa { border: solid 5px #FFffff;
-moz-border-radius: 10px;
margin-left: -5px;}
.imagepa:hover { border: solid 5px #88b4c2;
-moz-border-radius: 10px;
margin-left: 10px;
opacity: 0.7; }
#menu ul li a,
.menu ul li a:visited { display:block; -moz-border-radius: 10% 10% 10% 10% ; color: #6E6E6E; width:150px; height:20px; text-align:center; background: #abb124; font-size:12px; padding: 3px;} /* NORMAL */
#menu ul { padding: 10px; list-style-type: none; }
#menu ul li {float:left; margin-right:1px; position:relative;}
#menu ul li ul {display: none;}
#menu ul li:hover a { background: #Ffffff; color:# 6E6E6E ; } /* MODE ITEM HOVER */
#menu ul li:hover ul { display:block; position:absolute; top:10px;margin-left: -10px; }
#menu ul li:hover ul li a.hide { color:#acb727;} /* MODE HOVER */
#menu ul li:hover ul li:hover a.hide {width:110px;}
#menu ul li:hover ul li ul { display: none;}
#menu ul li:hover ul li a { display:block; color:#ffffff; text-shadow: 1px 1px 3px black;} /* MODE SOUS ITEM NORMAL */
#menu ul li:hover ul li a:hover { color:#EED5D2;} /* MODE SOUS ITEM HOVER */
#menu ul li:hover ul li:hover ul { display:block; position:absolute; margin-left: -10px; top:10px; color:#e63939; background: #Ffffff; } /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a { display:block; color:#e63939; font-weight : bold;} /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a:hover { color:#e63939; font-weight : bold;} /* MODE SOUS ITEM HOVER */
.catégoz { text-align : center ;
position : relative ;
top : 20px ;
text-transform : uppercase;
letter-spacing : 2px ;}
/* QEEL */
.onglet { background-color: # ;
border-right: 5px solid #a5aa23;
border-left: 5px solid #a5aa23;
border-top: 1px dotted #a5aa23;
border-bottom: 1px dotted #a5aa23;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
font-family: verdana;
font-weight: bold; text-align: center;
color: #a5aa23;}
.message { background-color: #;
border-right: 5px solid #a5aa23;
border-left: 5px solid #a5aa23;
border-top: 1px dotted #a5aa23;
border-bottom: 1px dotted #a5aa23;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: georgia;
text-align: center;
color: #a5aa23;}
/* DESCRIPTION CATÉGORIES */
.descri {
background-image:url('https://2img.net/h/i1166.photobucket.com/albums/q616/twistedanthem/blue.png');
border: #c7dbe0 3px solid;
-moz-border-radius: 20px 0px 20px 0px;
-webkit-border-radius: 20px 0px 20px 0px;
}
.bgLastpost {
background: url('https://2img.net/h/i1166.photobucket.com/albums/q616/twistedanthem/messages-1.png') no-repeat center center;
min-height: 86px;
min-width: 175px;
}
a.forumlink:link, a.forumlink:visited { /*titre des forums*/
font-family: times new roman;
text-align: left;
font-size: 19px;
border-bottom: 1px steelblue;
font-color: steelblue;
letter-spacing: -1.5px;
display: block;
-moz-border-radius:1px;
text-shadow: 0px 0px 1px steelblue;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("https://2img.net/h/i1166.photobucket.com/albums/q616/twistedanthem/blue.png");
color: DB7093;
text-align: left;
font-size: 20px;
font-style: oblique;
display: block;
border-bottom: 2px dotted steelblue;
-moz-border-radius:1px;
text-shadow: 0px 0px 1px steelblue;
}
tr.post span.gensmall { display: none; }
/* BORDURE AVATAR */
.fondavatar {
background-color : #eeeec6 ;
border : 5px solid #f6f6c4 ;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;}
a.mainmenu
{background-color:#e6e6aa;
border-right: 1px solid #e6e6aa;
border-left: 1px solid #e6e6aa;
border-left: 5px solid #acb727;
text-color:#27b7af;text-transform:lowercase;
padding-top:1px;padding-bottom:1px;}
/* BARRE NAVIGATION */
a.mainmenu:hover
{text-decoration:none;
color :#4ac5db;
border-left: 5px solid #36caba;}
/* FORME DES AVATARS */
.postdetails img {
border-top-left-radius : 50px;
border-top-right-radius : 5px;
border-bottom-left-radius : 5px;
border-bottom-right-radius : 50px;
}
.myfonts {
font-family: 'Playball', cursive;
}
/* BORDURE DU FORUM */
.M14_bordure_forum
{
padding: 10px 10px 10px 10px;
border-left: 10px solid #6fc1d8;
border-right: 10px solid #6fbf9a;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
et mon index_box ( je suis sûr que ça vient de là ):
- Spoiler:
- <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>
<div style="background-image : url(https://2img.net/h/i1166.photobucket.com/albums/q616/twistedanthem/cathaut.png) ; background-repeat : no-repeat ; width : 863px ; height : 100px"><div class="catégoz">{catrow.tablehead.L_FORUM}</div></div>
<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}>
<div class ="descri"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></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 -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3 over deco_sujet" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</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" />class="bgLastpost"</td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table>
<img src="{SPACER}" alt="" height="1" width="1" /><img src="https://2img.net/h/i1166.photobucket.com/albums/q616/twistedanthem/catbas.png"/><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Donc, ce que je veux c'est que mon image soit présente dans tout les 'dernier message' donc, dans toutes les catégories, car là elle ne s'affiche plus du tout et la largeur où devrait être l'image, ne s'affiche que d'une catégorie sur deux :/. Je ne remercierai jamais assez ceux qui voudront bien m'aider! Je sais que les templates, en tout cas dans mon cas c'est pas toujours évident!
Re: Image statistique dernier message
Qu'y a-t-il de problématique avec le premier code ? Pourrait-on avoir une capture d'écran pour voir le problème ? =)
Sinon, pour mettre une image en arrière-plan des derniers messages, dans le CSS tu rajoutes :
Sinon, pour mettre une image en arrière-plan des derniers messages, dans le CSS tu rajoutes :
- Code:
.deco_sujet {
background-image: url('adresse_de_l'image');
}
Re: Image statistique dernier message
Oui j'avais mit le .deco ... avant mais il y avait un code qu'il fallait changer aussi dans le index_box et ce code justement n'a pas fonctionné pour moi. Voici la capture d'écran. On voit qu'une catégorie sur deux n'a pas d'espace pour l'image. Comme je ne me souviens plus de ce que j'ai dû changer dans mon index-box la première fois, je ne peux pas voir où est l'erreur qui fait en sorte qu'une catégorie sur deux n'a pas d'espace pour l'image et est donc déformée par rapport aux autres catégories :/
- Spoiler:
Re: Image statistique dernier message
C'est normal, c'est parce qu'aucune catégorie n'a de message du coup la colonne "derniers messages" est vide donc celle des forums et de leur description prend toute la place. ^^
Poste un sujet dans n'importe lequel des forums de la deuxième catégorie et tu verras que ça ira mieux. =)
Pour le code, normalement c'est bon, tu as juste à rajouter ce que je t'ai dit dans le CSS.
Ce que tu peux faire, c'est juste avant le :
Enlever le :
Mais sinon, ton template est correct.
Poste un sujet dans n'importe lequel des forums de la deuxième catégorie et tu verras que ça ira mieux. =)
Pour le code, normalement c'est bon, tu as juste à rajouter ce que je t'ai dit dans le CSS.
Ce que tu peux faire, c'est juste avant le :
- Code:
<!-- END catfoot -->
Enlever le :
- Code:
class="bgLastpost"
Mais sinon, ton template est correct.
Re: Image statistique dernier message
haha du coup je me sens bête . Alors, j'ai fait comme tu as dit, sauf que j'ai encore un petit problème :/.
Voici la capture d'écran. L'image se répète et est coupée à des endroits :S
Voici la capture d'écran. L'image se répète et est coupée à des endroits :S
- Spoiler:
Re: Image statistique dernier message
Dans ton CSS, il faut que tu mettes =) :
- Code:
.deco_sujet {
background-image: url('adresse_de_l'image');
background-repeat: no-repeat;
width: largeur_de_l'image px;
}
Re: Image statistique dernier message
Oh mon dieu, tu me sauves tellement! =D
Un gros, gros merci à toi de ta patience face à mon ignorance! lol!
C'est parfait maintenant, grâce à toi! ^^
Un gros, gros merci à toi de ta patience face à mon ignorance! lol!
C'est parfait maintenant, grâce à toi! ^^
Sujets similaires
» Afficher le titre du sujet du dernier message d'un forum sur l'index la dernier page et dernier message
» Catégorie: Dérnier message et image de message qui ne s'affiche pas
» Image en fond de dernier message non apparante
» Afficher "Image" Dernier Message d'un Sujet.
» Problème d'image dernier message qui redirige en haut du forum (templates modifiés)
» Catégorie: Dérnier message et image de message qui ne s'affiche pas
» Image en fond de dernier message non apparante
» Afficher "Image" Dernier Message d'un Sujet.
» Problème d'image dernier message qui redirige en haut du forum (templates modifiés)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum