Image de fond pour titre des catégories

2 participants

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

Résolu Image de fond pour titre des catégories

Message par Maxwellx3 Lun 25 Juin 2012 - 16:09

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

Maxwellx3
**

Féminin
Messages : 96
Inscrit(e) le : 01/08/2011

http://money-money-money.forumactif.fr/
Maxwellx3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour titre des catégories

Message par Maxwellx3 Mer 27 Juin 2012 - 17:07

Petit up !
Maxwellx3

Maxwellx3
**

Féminin
Messages : 96
Inscrit(e) le : 01/08/2011

http://money-money-money.forumactif.fr/
Maxwellx3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour titre des catégories

Message par Anzu Mer 27 Juin 2012 - 19:00


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

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour titre des catégories

Message par Maxwellx3 Mer 27 Juin 2012 - 20:28

Problème résolu !
merci beaucoup (:
Maxwellx3

Maxwellx3
**

Féminin
Messages : 96
Inscrit(e) le : 01/08/2011

http://money-money-money.forumactif.fr/
Maxwellx3 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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