Espacer mes catégories et mettre un fond à mon acceuil

[PrettyLittleLove]

Bonjour à tous !

J'aurais besoin d'un peu d'aide à force de tourner en rond
Déja mon forum est en Phbb2 et voilà l'adresse : http://prettylittlelove.serie-tv-forum.com/

J'ai essayé pas mal de codes sur différents tutos mais aucun n'a fonctionné, j'aimerais espacer un peu mes catégories sur l'acceuil , est -ce que quelqu'un aurait un code s'il vous plait ?

Et ensuite j'aimerais mettre un fond image comme sur ce beau forum ^^ http://twilight-france.forumactif.com/ Ca serait possible ?

Avec cette photo en fond :

Spoiler:

Il me semble que les deux codes seront à insérer dans le css?

Je vous remerçie par avance !

[_backdraft_]

Bonjour,

Pour ce qui est du fond j'ai vu que vous l'avez mis dans le panneau d'administration. Mais si l'image ne s'affiche pas c'est à cause d'un de vos CSS, en effet vous avez mis une couleur de fond, il faut l'enlever.

Pour cela dans votre CSS repérez :

Code:

.bodyline {
background-color: #DBCDC5;
border: 1px #E6DACA solid;
}

et supprimez cette ligne :

Code:

background-color: #DBCDC5;

Normalement ça devrais marcher, pour ce qui est de l'espacement il faudrait votre template index box.

PS : ne mettez pas de gras sauf si c'est pour expliquer quelque chose car c'est réservé aux administrateurs et modérateurs (vous risquez de vous faire grondé ^^)

Cordialement
Backdraft

[PrettyLittleLove]

Merci pour cette rapide réponse !! D'accord pour le gras désolée !

je trouve pas cette partie dans mon css , je vous le colle ici :

Spoiler:

ou peut être qu'il faut que j'enlève une couleur dans les couleurs ? Y'en a tellement que j'ai du mal à m'y retrouver encore ^^

Spoiler:

Et voila mon index box :

Spoiler:

Merci beaucoup de bien vouloir m'aider

[_backdraft_]

Bonsoir,

Désolé je racontais n'importe quoi en faite votre image est bien en fond mais tout au fond on la voit légèrement sur les cotés. En faite mettez ce code :

Code:

.bodyline {
border: 1px #E6DACA solid;
background-image: url(http://i40.servimg.com/u/f40/17/80/20/04/pll_lo11.jpg);
}

Pour le template essayez ceci :

Spoiler:

Cordialement
Backdraft

[PrettyLittleLove]

Merci le code pour le fond marche très bien merci! est-ce que y'aurai un code à rajouter pour que l'image reste fixe sur le fonds'il vous plait? (comme quand je coche la case pour mettre la photo de mon fond dans les images)

Le code dans le l'index box, ça me décale beaucoup juste avant les catégories mais pas entre... vous en auriez un autre par hasard ?

[_backdraft_]

Bonsoir,

Pour l'image fixe rajoutez ceci dans le CSS que je vous ai donné

Code:

background-attachment:fixed;

Pouvez vous faire une capture d'écran et me montrer l'endroit précis où vous voulez un espace ?

Cordialement
Backdraft

[PrettyLittleLove]

Merci pour le code css c'est vraiment parfait !!!

J'ai fait une capture d'écran comme j'ai pu.. en rouge j'aimerais qu'il y est un espacement, entre chaques catégories c'est possible?

Spoiler:

[_backdraft_]

Essayez celui là alors :

Code:

<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="0" 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">
<table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"></span></td></tr></table>
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed"> {catrow.forumrow.FORUM_DESC}
</span>
<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" 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" /></td>
</tr><br>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

[PrettyLittleLove]

merci mais il fonctionne pas ca change rien ...


EDIT : Ah non ça marche maintenant !! Il fallait juste que j'active l'icone dans structure et hiérarchie !

Merci beaucoup pour votre aide !!
Je note le sujet comme résolu !

:thanks: