Image de fond pour titre des catégories
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
Image de fond pour titre des catégories
Salut ^^
Encore et toujours le même problème. J'ai mis des images en guise de titre pour mes catégories. Cependant, j'ai un petit souci. Il y a un fond beige qui reste au dessus de l'image et aussi sur les côtés. J'ai essayé de l'enlever en retirant la couleur du cadre des cellules mais ça m'enlève aussi la couleur de fond des derniers messages. Ça n'est donc pas l'idéal. Je n'ai rien mis comme couleur du cadre des tables.
Voici le CSS du forum:
Et le template concerné:
Merci d'avance à ceux qui pourront m'aider (:
Encore et toujours le même problème. J'ai mis des images en guise de titre pour mes catégories. Cependant, j'ai un petit souci. Il y a un fond beige qui reste au dessus de l'image et aussi sur les côtés. J'ai essayé de l'enlever en retirant la couleur du cadre des cellules mais ça m'enlève aussi la couleur de fond des derniers messages. Ça n'est donc pas l'idéal. Je n'ai rien mis comme couleur du cadre des tables.
- Spoiler:
Voici le CSS du forum:
- Code:
.secondarytitle {
background-image: url('http://files.getwebb.org/files/58/59/47/0bf405887d9a5f8231192c3fcf310e447f/source.png');
background-repeat: no-repeat;
background-color: transparent;
height: 108px;
width: 730px;
}
/*INFOBULLES PVS*/
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
background-color: #FFF2CC;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle:hover span{
visibility: visible;
top: 70px;/*position par rapport au haut de l'image*/
left: 15px;/*position par rapport au bord gauche de l'image*/
width: 260px ;/*largeur de la bulle*/
color:#795344;/*couleur du texte*/
border: 1px solid #FFE396;/*épaisseurs style et couleur des contours*/
-moz-border-radius: 10px;/*arrondis*/
-webkit-border-radius: 10px;/*arrondis*/
border-radius: 10px;/*arrondis*/}
/*SPOILER, ZONE DE SAISIE, CODE ET CITATION*/
.code, .quote, .spoiler{
border-radius:10px;
padding-left: 5px;
color : #D45E3A;
font-size: 10px;
background-color: #FFF7EE;
border: none;
border-left: 3px solid #C08B95;
border-right: 3px solid #FCD458;}
textarea, .textarea.post, input.post {
border-radius:10px;
border:1px solid #C08B95;}
input.liteoption {
border-radius:10px;
color: #D45E3A;
}
input.mainoption {
border-radius:10px;
color: #D45E3A;
}
/*PA*/
.bienvenupa{background-image: url('http://img15.hostingpics.net/pics/875878citer.png');
background-repeat: no-repeat;
width: 450px;
height: 98px;
margin-top: 5px;
z-index: 999; position:relative}
/*BARRE DE NAVIGATION*/
.mainmenu{
text-shadow: # 0px 0px 2px;
text-transform: lowercase;
font-size: 18px;
font-style: italic;
font-family: "Times New Roman";
cursor:pointer;
}
a.mainmenu{
text-decoration: none;
color : #D45E3A;
}
/*AFFICHAGE PROFIL*/
.poster-profile img:hover {
-o-transition: 0.4s ease;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-htm-transition: 0.6s ease;
-ms-transition: 0.6s ease;
transition: 0.6s ease;
-o-transform: rotate(6deg);
-moz-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
-htm-transform: rotate(6deg);
-ms-transform: rotate(6deg);
transform: rotate(6deg);
}
.fond2 {
color: #795344;
background-color:#FFFCF8;
border:#F5C441 solid 1px;
border-top:#F5C441 solid 4px;
border-bottom:#F5C441 solid 4px;
padding:6px;
text-align:justify;
opacity: 1;
width: 199px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.fond2:hover {
border: #D45E3A 1px solid;
border-top:#D45E3A solid 4px;
border-bottom:#D45E3A solid 4px;
opacity: 1;
}
.pseudo_membre {
text-decoration: none !important;
padding-right: 0px;
color: #D45E3A;
font-family: "centaur";
font-size: 20px;
text-transform: uppercase;
text-shadow: #8D7A41 0px 0px 2px;
text-align: center;
letter-spacing: -2px;}
/*DESCRIPTIONS FORUMS*/
.catégorietitle{
font-family: "Cambria";
align: left;
font-size: 22px;
line-height: 19px;
text-transform: lowercase;
text-shadow: 0px 0px 2px;
letter-spacing: 0px;
font-weight: bold;
margin-left: 150px;
color: #C08B95;
}
.policedescriptif{
padding: 10px;
font-size: 11px;
color: #795344;
line-height: 10px;
}
.fond3 {
background-color:#FFFCF8;
border:#D45E3A solid 1px;
border-top:#D45E3A solid 4px;
border-bottom:#D45E3A solid 4px;
padding:6px;
text-align:justify;
opacity: 1;
width: 320px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.fond4 {
background-color:#FFFCF8;
border:#F5C441 solid 1px;
border-top:#F5C441 solid 4px;
border-bottom:#F5C441 solid 4px;
margin-left:5px;
text-align:justify;
opacity: 1;
width: 100px;
border-radius: 10px;
padding: 10px;
}
.fond3:hover {
border: #F5C441 1px solid;
border-top:#F5C441 solid 4px;
border-bottom:#F5C441 solid 4px;
opacity: 1;
}
.fond4:hover {
border: #D45E3A 1px solid;
border-top:#D45E3A solid 4px;
border-bottom:#D45E3A solid 4px;
opacity: 1;
}
.bgLastpost {
background: url('http://img15.hostingpics.net/pics/641091bienvenupa.png') no-repeat center center;
min-height: 86px;
min-width: 175px;
}
/*ESPACEMENT FOND ET HEADER*/
.bodyline {
padding-left:0px;
padding-right:0px;
padding-top:0px;
border-left: 3px #DB7D59 solid;
border-right: 3px #DB7D59 solid;
border-top: none !important;
border-bottom: none !important;}
body {
margin: 0 auto;
background-color: #FFF2CC;
background-position :top center;
background-repeat:repeat; }
#i_logo {
margin-top:0px;}
/*FORMULAIRE*/
.bann {
background-color: #F3F3F3;
background-position: center center;
width: 435px;
height: 200px;
background-repeat: no-repeat;
-moz-box-shadow:1px 1px 3px black;
-webkit-box-shadow:1px 1px 3px black;
box-shadow:1px 1px 3px black;
opacity: 0.85;
}
.bann2 {
background-color: #F3F3F3;
background-position: center center;
width: 100px;
background-repeat: no-repeat;
-moz-box-shadow:1px 1px 3px black;
-webkit-box-shadow:1px 1px 3px black;
box-shadow:1px 1px 3px black;
border-radius: 80px;
opacity: 0.85;
height: 100px;
}
re {
font-weight: bold;
text-transform: uppercase; }
re:hover {
color:#D45E3A; }
/*CODE GENERAL*/
.formua {
background-color:#FFE396;
-moz-box-shadow: 0px 0px 4px #D45E3A;
-moz-border-radius: 100px;
border-radius: 70px;
width:500px;}
.formua:hover {
border: #D3732F 1px solid;
opacity: 1;
}
.titre {
font-family: "Times New Roman";
align: center;
font-size: 34px;
line-height: 19px;
font-style: italic;
text-transform: lowercase;
text-shadow: 0px 0px 2px;
font-weight: bold;
letter-spacing: -3px;
margin: auto auto auto 2px;
margin-left: 100px;
width: 303px;
color: #D45E3A;
}
.titre2 {
font-family: "Times New Roman";
align: center;
font-size: 25px;
line-height: 19px;
font-style: italic;
text-transform: lowercase;
text-shadow: 0px 0px 2px;
font-weight: bold;
letter-spacing: -3px;
margin: auto auto auto 2px;
margin-left: 60px;
width: 303px;
color: #D45E3A;
}
.int {
background-color:white;
width:450px;
-moz-box-shadow: 0px 0px 4px #FA6078;
}
.policeint{
padding-left: 5px;
font-size: 11px;
padding-right: 5px;
padding-bottom: 5px;
color: #795344;
line-height: 15px;
}
/*ENLEVER SOULIGNEMENT LIENS*/
a:hover{
text-decoration: none !important;
}
a {
text-decoration: none !important;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
tr.post span.gensmall { display: none; }
/*CHATBOX*/
#frame_chatbox {
border: none !important;
}
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: #FFFCF8;
border-radius:50px
}
#chatbox_members {
position: absolute;
top: 20px;width: 150px;
bottom: 20px;
overflow: auto;
background-color:#F5F2ED; border-radius:10px;
margin: auto 5px; font-weight: none;padding-bottom:10px;-moz-box-shadow: 1px 1px 2px #FFFFFF, -1px -1px 2px #FFFFFF;height: 200px; text-align:center;font-weight:normal;color:#DEB086;font-family: Times new roman; font-size: 14px;text-transform:lowercase;text-shadow: 0px 0px 2px #ffffff;font-italic:none;text-decoration:none;letter-spacing:-1px;margin-top:15px
}
#chatbox {
position: absolute;
top:40px;
left: 170px;
right: 0;
bottom:40px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
font-size: 12px;
}
.chatbox-options {
text-align:right;
}
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
float:right;
white-space : nowrap;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 35px;
}
#chatbox_footer table.text-styles {
float: right;
}
#chatbox_footer .text-field {
float: left;
}
#chatbox_header {
height: 20px;
background-color: #dbeed0;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #;
}
.chatbox_row_2 {
padding: 4px;
background-color: #;
}
.chatbox_row_3 {
padding: 4px;
background-color: #;
}
.memberlist_row_1 {
padding: 2px 2px 2px 2px;
background-color: #;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.5em;
background-image: none;
font-size: 12px;
background-color: #;
color : #6a6a6a;
font-family: Tahoma;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 0px;
}
#chatbox_members ul li {
margin: 0px 0px 0px 0px;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #F5F2ED;
}
.fontbutton_selected {
background: #dbeed0;
border: 0px solid #ededf2;
}
.fontbutton_clicked {
background: #dbeed0;
border: 0px solid #ededf2;
}
.fontbutton_hover {
background: #dbeed0;
border: 0px solid #22229C;opacity: 0.5
}
#chatbox .user {
font-weight: bold;
}
div#chatbox {
color: #6a6a6a;
}
#chatbox_contextmenu {
background-color: #dbeed0;
border:0px solid #aaa;transform:uppercase
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 1px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:0px solid #777;
}
#chatbox_contextmenu p.hover {
background: #;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 70%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #;
text-decoration: none;
font-size: 70%;
}
#chatbox_contextmenu a:hover {
color: #;
}
.fontbutton{
border:0;
}
* html #chatbox-members {}
/*QEEL*/
.fondqeel {
background-color:#FFFCF8;
border:#E8D3D0 solid 1px;
padding:6px;
text-align:justify;
opacity: 1;
width: 199px;
border-radius: 10px;
}
.qeelfond{ width: 199px; height: 150px; overflow-y; auto; overflow-x: hidden; text-align: justify; padding: 2px;
font-size: 11px;
}
Et le template concerné:
- 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="4"><table width="100%"><td nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</td>
</table></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">
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
<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="bgLastpost" class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></br>
<span class="gensmall">{catrow.forumrow.POSTS} messages ►{catrow.forumrow.TOPICS} sujets</span><br /><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</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="http://img15.hostingpics.net/pics/117512Craphotofiltre.png" alt="" height="153" width="728" /><br><br><!-- END tablefoot --><!-- END catrow -->
Merci d'avance à ceux qui pourront m'aider (:
Dernière édition par Maxwellx3 le Mer 27 Juin 2012 - 20:39, édité 1 fois
Re: Image de fond pour titre des catégories
Bonsoir,
Vous devez extraire la variable des titres et l'image et les placer en dehors du forumline, comme ça, ils se placeront au dessus et vous ne serez pas embêter par les couleurs.
Cordialement.
Re: Image de fond pour titre des catégories
Problème résolu !
merci beaucoup (:
merci beaucoup (:
Sujets similaires
» Problème image de fond pour titre des catégories
» Problème pour image de fond des catégories et forums
» Double image pour les fond de titres / Catégories
» Image de Fond pour titre Chatbox et Message sur Accueil.
» Fond image pour les catégories et forums
» Problème pour image de fond des catégories et forums
» Double image pour les fond de titres / Catégories
» Image de Fond pour titre Chatbox et Message sur Accueil.
» Fond image pour les catégories et forums
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