Image statistique dernier message

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

Résolu Image statistique dernier message

Message par Twisted Anthem le Lun 18 Juin 2012 - 14:46

Bonjour! Very Happy
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 : http://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. Confused

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('http://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('http://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("http://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à Sad ):
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(http://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="http://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 Razz c'est pas toujours évident!

Twisted Anthem
Nouveau membre

Messages : 15
Inscrit(e) le : 19/03/2012

http://blueplanet.forum-canada.com/
Twisted Anthem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image statistique dernier message

Message par NatureSauvage le Lun 18 Juin 2012 - 14:56

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 :
Code:
.deco_sujet {
background-image: url('adresse_de_l'image');
}

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image statistique dernier message

Message par Twisted Anthem le Lun 18 Juin 2012 - 15:48

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:
http://i1166.photobucket.com/albums/q616/twistedanthem/impr.png

Twisted Anthem
Nouveau membre

Messages : 15
Inscrit(e) le : 19/03/2012

http://blueplanet.forum-canada.com/
Twisted Anthem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image statistique dernier message

Message par NatureSauvage le Lun 18 Juin 2012 - 17:06

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

Ce que tu peux faire, c'est juste avant le :
Code:
<!-- END catfoot -->

Enlever le :
Code:
class="bgLastpost"

Mais sinon, ton template est correct. Wink

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image statistique dernier message

Message par Twisted Anthem le Lun 18 Juin 2012 - 17:42

haha du coup je me sens bête Razz. 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

Spoiler:

Twisted Anthem
Nouveau membre

Messages : 15
Inscrit(e) le : 19/03/2012

http://blueplanet.forum-canada.com/
Twisted Anthem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image statistique dernier message

Message par NatureSauvage le Lun 18 Juin 2012 - 17:48

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;
}

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image statistique dernier message

Message par Twisted Anthem le Lun 18 Juin 2012 - 18:25

Oh mon dieu, tu me sauves tellement! =D
Un gros, gros merci à toi de ta patience face à mon ignorance! lol! Razz
C'est parfait maintenant, grâce à toi! ^^

Twisted Anthem
Nouveau membre

Messages : 15
Inscrit(e) le : 19/03/2012

http://blueplanet.forum-canada.com/
Twisted Anthem a été remercié(e) par l'auteur de ce sujet.

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


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