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

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

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

Message par PrettyLittleLove le Sam 1 Déc 2012 - 6:03

Bonjour à tous !

J'aurais besoin d'un peu d'aide à force de tourner en rond Neutral
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 ? Very Happy

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 ! Smile


Dernière édition par PrettyLittleLove le Mar 4 Déc 2012 - 0:30, édité 1 fois

PrettyLittleLove
Nouveau membre

Messages : 20
Inscrit(e) le : 27/10/2012

http://prettylittlelove.serie-tv-forum.com/
PrettyLittleLove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer mes catégories et mettre un fond à mon acceuil

Message par _backdraft_ le Sam 1 Déc 2012 - 10:06

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

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer mes catégories et mettre un fond à mon acceuil

Message par PrettyLittleLove le Sam 1 Déc 2012 - 17:13

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

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

Spoiler:
.module-title
{color: #997368; }



a {text-decoration: none;}



.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: transparent;
z-index: 50;}

.infobulle span{
position: absolute;
background-color: #fff1bf ;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{
border: 2px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color:#e97100;
border: 2px solid #fff487;}

.forumline {
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;}

.forumline th {
border-radius:20px 20px 0px 0px;
-moz-border-radius:20px 20px 0px 0px;
-webkit-border-radius:20px 20px 0px 0px;
-o-border-radius:20px 20px 0px 0px;}

.forumline .catHead {
border-radius:20px 20px 0px 0px;
-moz-border-radius:20px 20px 0px 0px;
-webkit-border-radius:20px 20px 0px 0px;
-o-border-radius:20px 20px 0px 0px;}


.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding: 2px 3px;
border-bottom: 1px white solid;
border-top: 2px white solid;}



#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Viens discuter sur la ChatBox !"; }
#chatbox_header .catBottom .cattitle {
color: #997368;
}
body.chatbox {
background-image: url('http://i40.servimg.com/u/f40/17/80/20/04/forum_11.png');
}
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:
<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>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Merci beaucoup de bien vouloir m'aider Very Happy

PrettyLittleLove
Nouveau membre

Messages : 20
Inscrit(e) le : 27/10/2012

http://prettylittlelove.serie-tv-forum.com/
PrettyLittleLove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer mes catégories et mettre un fond à mon acceuil

Message par _backdraft_ le Sam 1 Déc 2012 - 19:21

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:
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>
<br>
<!-- 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 -->

Cordialement
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer mes catégories et mettre un fond à mon acceuil

Message par PrettyLittleLove le Sam 1 Déc 2012 - 20:56

Merci le code pour le fond marche très bien Very Happy 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 ? Confused

PrettyLittleLove
Nouveau membre

Messages : 20
Inscrit(e) le : 27/10/2012

http://prettylittlelove.serie-tv-forum.com/
PrettyLittleLove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer mes catégories et mettre un fond à mon acceuil

Message par _backdraft_ le Sam 1 Déc 2012 - 23:39

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

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer mes catégories et mettre un fond à mon acceuil

Message par PrettyLittleLove le Dim 2 Déc 2012 - 0:44

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

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 Smile c'est possible?

Spoiler:

PrettyLittleLove
Nouveau membre

Messages : 20
Inscrit(e) le : 27/10/2012

http://prettylittlelove.serie-tv-forum.com/
PrettyLittleLove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer mes catégories et mettre un fond à mon acceuil

Message par _backdraft_ le Dim 2 Déc 2012 - 9:23

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

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer mes catégories et mettre un fond à mon acceuil

Message par PrettyLittleLove le Mar 4 Déc 2012 - 0:14

merci mais scratch il fonctionne pas ca change rien ... Sad


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

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

Thanks

PrettyLittleLove
Nouveau membre

Messages : 20
Inscrit(e) le : 27/10/2012

http://prettylittlelove.serie-tv-forum.com/
PrettyLittleLove 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