Espacer mes catégories et mettre un fond à mon acceuil
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Espacer mes catégories et mettre un fond à mon acceuil
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 :
Il me semble que les deux codes seront à insérer dans le css?
Je vous remerçie par avance !
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 !
Dernière édition par PrettyLittleLove le Mar 4 Déc 2012 - 0:30, édité 1 fois
Re: Espacer mes catégories et mettre un fond à mon acceuil
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 :
et supprimez cette ligne :
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
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
Re: Espacer mes catégories et mettre un fond à mon acceuil
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 :
Et voila mon index box :
Merci beaucoup de bien vouloir m'aider
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('https://i.servimg.com/u/f40/17/80/20/04/forum_11.png');
}
- 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
Re: Espacer mes catégories et mettre un fond à mon acceuil
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 :
Pour le template essayez ceci :
Cordialement
Backdraft
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
Re: Espacer mes catégories et mettre un fond à mon acceuil
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 ?
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 ?
Re: Espacer mes catégories et mettre un fond à mon acceuil
Bonsoir,
Pour l'image fixe rajoutez ceci dans le CSS que je vous ai donné
Pouvez vous faire une capture d'écran et me montrer l'endroit précis où vous voulez un espace ?
Cordialement
Backdraft
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
Re: Espacer mes catégories et mettre un fond à mon acceuil
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 -->
Re: Espacer mes catégories et mettre un fond à mon acceuil
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:
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:
Sujets similaires
» Mettre une image de fond à un endroit précis : Acceuil
» Mettre un fond aux catégories
» Mettre une image en fond de catégories.
» Mettre un fond dans les catégories
» Mettre un fond derrière l'ensemble des champs des catégories
» Mettre un fond aux catégories
» Mettre une image en fond de catégories.
» Mettre un fond dans les catégories
» Mettre un fond derrière l'ensemble des champs des catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum