Image à l'arrière du titre du forum

[Cataliana]

Bonjour/bonsoir,

J'ai recherché (peut-être pas assez bien), et je n'ai rien trouvé concernant mon problème. J'aimerais savoir comment insérer une image à l'arrière du titre d'un forum, comme ici:



Merci d'avance.

[Invité]

Bonsoir!

Pour ajouter une image derrière votre titre il suffit d'y ajouter ce code:

Code:

background-image:url(/image.jpg);

À la classe de votre titre de forum.
et ceci

Code:

 background-repeat:no-repeat;

si vous ne voulez pas qu'elle se répète.
En espérant vous avoir aidé.

[Cataliana]

Bonsoir,

Merci pour votre réponse, mais je n'ai pas bien compris où il faut placer ces 2 codes. A la suite du titre de mon forum, à la place de celui-ci ou ailleurs ?

[Invité]

C'est pas grave! Normalement c'est avec les elements de votre titre. Pour la personnalisation de votre titre de forum, avez vous créez une classe que vous avez mis dans votre fiche CSS?
Vous pouvez aussi me passer directement votre fiche CSS si vous voulez et je vous montrerais où les placer, je dois juste savoir si vous avez deja crée une classe pour votre titre.

[Cataliana]

Je ne crois pas, à vrai dire je suis aidé de quelqu'un alors je ne sais pas vraiment, voici la feuille:

Code:

/*Forum*/
.navig{
text-align: center;
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#A5BA8E;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-webkit-border-radius:6px;
-moz-border-radius:3px;
}

.navig:hover{
border-left:5px solid #DADADA;
border-right:5px solid #DADADA;
}

.body {
margin : 0px;
background-repeat: no-repeat;
}

a {
text-decoration: none !important;
text-transform: capitalize;
}

a:hover {
text-decoration: none !important;
font-variant: small-caps;
}

a.forumlink {
text-align: center;
text-decoration: none;
background-color: #transp;
border-bottom: 4px double #000000;
padding-left : 30px;
padding-right : 30px;
margin-left: 10px;
}
/*Fin Forum*/


/*Cellule*/

td.row1{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}
td.row2{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}
td.row3{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}
td.row3Right{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}

/*Fin cellule*/

/* CSS code citation arrondis*/

.quote {
border-style: dotted;
border-color: #000000;
-moz-border-radius: 10px;
-wekit-border-radius: 10px;
border-radius: 10px;
padding: 3px;
}

.code{
border-style: dotted;
border-color: #000000;
-moz-border-radius: 10px;
-wekit-border-radius: 10px;
border-radius: 10px;
padding: 3px;
}

.spoiler.hidden .quote.spoiler_content, .spoiler .quote {display:none;}.spoiler .quote.spoiler_content, .spoiler.hidden .quote {display:block;}

.spoiler_closed{
border-style: dashed;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-color: #000000;
padding: 3px;
}

.spoiler_content{
border-style: dashed;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-color: #000000;
padding: 3px;
}
/* Fin CSS code citation arrondis*/

/*Code pour "édit"*/
tr.post span.gensmall { display: none; }
/*Fin code pour "édit"*/

/*Contours pour images*/
.img_contour{
-moz-border-radius: 4px;
border: 4px solid #9EB0CD;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.img_contour:hover{
-moz-border-radius: 4px;
border: 4px solid #9EB0CD;
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
/*Fin Contours pour images*/

/* Profil Masqué */
.profilmasque /*c'est juste le css du bouton*/
{
background-color: #transp;
font-size: 12px; /*taille de la police*/
border: 1px dashed darkred; /* en pointillée et en gris*/
font-family: comic sans ms;
}

.profil1/*c'est le css de l'ensemble bouton+profil*/
{
width: 150px;
background-color: #transp;
border: none;
font-size: 12px;
font-family: comic sans ms;
font-weight: bold;
padding-right: 6px;
padding-left: 6px;
}
/* Fin Profil Masqué */

/*Cadre dans les descriptifs*/

.description{
width:440px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:10px;
-moz-box-shadow: 1px 1px 2px #123B16;
-webkit-box-shadow: 1px 1px 2px #123B16;
box-shadow: 1px 1px 2px #123B16;
border-radius: 10px;
}
/*Fin Cadre dans les descriptifs*/

/*Fiche prez*/

  .nomfc{
font-size: 48px;
font-family : Georgia;
text-align: center;
color: #7D69A2;
text-transform: capitalize;
font-weight: bold;
z-index: 80;}

  .featfc{
font-size: 30px;
font-family: Georgia;
text-align: center;
color: #D9D9D9;
top: 53px;
text-transform: lowercase;
font-weight: bold;
z-index: 90;}

  .cadre_fiche{
background-color: #000000;
width: 100%;}

  .cadre_avatar{
background-color: #7D69A2;
border: solid #7D69A2 4px;
font-size: 10px;
color: #FFFFFF;
height: 337px;
width: 200px;}

  .cadre_info{
background-image:url('http://nsa26.casimages.com/img/2011/03/22/110322065900143269.jpg');
border: solid #7D69A2 4px;
padding-left: 4px;
padding-top: 4px;
height:333px;
width: 402px;
 }
 
  .cadre_int_info{
background-color: #D9D9D9;
margin: 20px;
height: 274px;
width: 350px;
overflow: auto;}

  .titre_fiche{
font-family: Georgia;
text-align: center;
font-size: 20px;
color: #000000;
border-bottom: 2px solid #69516E;
border-top: 2px solid #69516E;
padding-bottom: 3px;
padding-top: 3px;
letter-spacing: -2px;}

  .cadre_story{
background-image:url('http://nsa26.casimages.com/img/2011/03/22/110322065900143269.jpg');
border: solid #7D69A2 4px;
margin-left: 4px;
margin-top: -16px;
width: 616px;}

  .cadre_int_story{
background-color: #D9D9D9;
margin: 20px;
width: 576px;
text-align: justify;
overflow: auto;}

  .titrehistoire{
border-bottom : 2px dashed #534076;
border-top : 2px dashed #534076;
text-align: center;
font-weight: bold;
font-family: Georgia;
font-variant: small-caps;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 90px;
margin-left: 90px;
}

  .texte{
font-family : Georgia;
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
texte-valign: middle;
}

.aime{
border-bottom: 4px double #534076;
padding-left: 15px;
margin-left: 50px;
margin-right: 180px;
}

  select{
background-color: #D9D9D9;}
/*fin fiche prez*/

/* CSS pour contour rubriques*/

.forumline{
background-color:#transp;
-moz-border-radius: 14px 14px 14px 14px;
-webkit-border-radius: 14px 14px 14px 14px;
border-radius: 14px 14px 14px 14px ;
border-bottom: 6px #A5BA8E solid;
border-top: 6 px #A5BA8E solid;
border-right: 6 px #A5BA8E solid;
-moz-box-shadow: 1px 1px 1px 1px #A5BA8E;
border-left: 6 px #A5BA8E solid;
}
/* Fin CSS pour contour rubriques*/


/*Avatar*/

.avatar{
margin-bottom: -150px;
}
.avattars{
margin-bottom: -320px;
}
.avatars{
margin-bottom: -100px;
}
.avattar{
margin-bottom: -200px;
}
/*Fin avatar*/

/* CSS pour staff */
.tstaff{
font-size:11px;
text-transform: lowercase;
}

.staff span img{
border: 1px dotted #FFFFFF;
padding: 3px;
}

.staff{
position: relative;
padding-left: 10px;
padding-right: 10px;
z-index: 0;
}

.staff:hover{
background-color: transp;
text-transform: capitalize;
z-index: 999;
}

.staff span{
position: absolute;
background-color: #A5BA8E;
padding: 5px;
border: 3px double #242D1C;
visibility: hidden;
text-transform: capitalize;
-moz-border-radius:6px;
}

.staff:hover span{
visibility: visible;
top: 100%;
left: 0px;
width: 100%px
}
/* Fin css pour staff */

/*staff PA*/

.modo{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #525252;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #525252;
margin-left: 10px;
margin-rigth: -15px;
padding-bottom: 5px;
padding-top: 5px;
display: online;
}

.admin{
text-align: center;
font-family: Georgia;
font-size: 14px;
font-variant: small-caps;
-moz-text-shadow: 1px 1px 2px #123B16;
-webkit-text-shadow: 1px 1px 2px #123B16;
text-shadow: 1px 1px 2px #123B16;
}
/*Fin staff PA*/

/*News PA*/

.news{
text-align:justify;
background-color: #transp;
font-size: 12px;
padding-top: 10px;
padding-right: 10px;
color:#1F1F1F;
padding-left: 5px;
}

.new{
font-size:12px;
}
/*Fin News PA*/

.creds {
font-size: 13px;
border-bottom: 4px double #062604;
margin-left: 80px;
margin-right: 80px;
}

/*Partenaires cadre*/

.cadrepartenaire2
{
border:1px solid #8B8B8B;
padding:2px;
-moz-border-radius:4px;
-moz-box-shadow: 1px 1px 2px #004A6F;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.cadrepartenaire2:hover{
border:1px solid #8B8B8B;
padding:2px;
-moz-border-radius:4px;
-moz-box-shadow: 1px 1px 2px #004A6F;
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

/*Fin partenaires cadre*/

/*Page d'acceuil onglet*/
.onglet
{
                display: inline-block;
                background-image: url('http://nsa25.casimages.com/img/2011/03/27/110327051530111337.png');
                margin-left: 20px;
                margin-right:20px;
                padding: 10px;
                padding-bottom: 2px;
                margin:5px;
                border-left: 1px solid black;
                border-right: 1px solid black;
                border-top: 1px solid black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 2px;
                font-family: Georgia;
                font-variant: small-caps;
                text-shadow: white 1px 1px 2px;
                font-size: 14px;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#transp;
                margin: 5px;
                margin-left: 20px;
                margin-right:20px;
                padding-bottom: 4px;
                border-left: 1px solid black;
                border-right: 1px solid black;
                border-top: 1px solid black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 3px;
                font-family: Georgia;
                font-variant: small-caps;
                text-shadow: white 1px 1px 2px;
                font-size: 14px;
        }
        .onglet_1
        {
                background:#transp;
                border-bottom:0px solid black;
                padding-bottom:4px;
                margin-left: 20px;
                margin-right:20px;
                border-left: 1px solid black;
                border-right: 1px solid black;
                border-top: 1px solid black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                font-family: Georgia;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 3px;
                font-variant: small-caps;
                text-shadow: white 1px 1px 2px;
                font-size: 14px;
        }
        .contenu_onglet
        {
                background-image: url('http://nsa25.casimages.com/img/2011/03/27/110327051530111337.png');
                border: 1px dotted black;
                -moz-border-radius:10px;
                -moz-box-shadow: 1px 1px 4px #004A6F;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                margin-top: -7px;
                margin-left: 90px;
                margin-right: 90px;
                margin-bottom: 10px;
                padding: 10px;
                padding-bottom:10px;
                display: none;
        }
/*Fin Page d'acceuil onglet*/

/*------ ONGLETS DU QEEL ------*/

ul, li{
  list-style: none;
margin-bottom: -2px;
margin-top: -5px;
margin-left: 30px;
}

.mon_onglet {
                float: left;
                padding: 5px 15px;
                margin-right: 20px;
                margin-left: 20px;
                text-decoration:none !important;
                padding-bottom: 2px;
                border-top: 1px dotted black;
                border-right: 1px dotted black;
                border-left: 1px dotted black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                text-shadow: white 2px 2px 4px;
                font-family: georgia;
                font-size: 14px;
                background-image: url('http://nsa25.casimages.com/img/2011/03/28/110328010837376732.png');
}


.mon_onglet:hover {
                float: left;
                padding: 5px 15px;
                margin-right: 20px;
                margin-left: 20px;
                text-decoration:none !important;
                padding-bottom: 2px;
                border-top: 1px dotted black;
                border-right: 1px dotted black;
                border-left: 1px dotted black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                text-shadow: white 2px 2px 4px;
                font-family: georgia;
                font-size: 14px;
                background-image: url('http://nsa25.casimages.com/img/2011/03/28/110328010837376732.png');
}
           
.mon_onglet_selected {
                float: left;
                padding: 5px 15px;
                margin-right: 20px;
                margin-left: 20px;
                text-decoration:none !important;
                padding-bottom: 2px;
                border-top: 1px dotted black;
                border-right: 1px dotted black;
                border-left: 1px dotted black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                text-shadow: white 2px 2px 4px;
                font-family: georgia;
                font-size: 14px;
                background-image: url('http://nsa25.casimages.com/img/2011/03/28/110328010837376732.png');
}

.clear{
  clear: both;
}


.mon_contenu{
                background-image: url('http://nsa25.casimages.com/img/2011/03/28/110328010837376732.png');
                border : 1px dotted #000000;
                -webkit-bordert-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                height: 230px;
                margin-right: 20px;
                margin-left: -20px;
                padding-top: 60px;
                padding-right: 15px;
                padding-left: 15px;
}

#mes_contenus, #mes_onglets{
  width: 100%;
}

.groupesqueel{
background-color: #FFFFFF;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
border: 2px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
margin-right: 250px;
margin-left: 40px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
font-family: georgia;
font-size: 12px;
margin-top: -30px;
}

.groupesqueel1{
background-color: #A5BA8E;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
border: 2px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
margin-right: 50px;
margin-left: 100px;
margin-top: 10px;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 20px;
padding-left: 20px;
margin-right: 130px;
margin-left: 130px;
font-family: arial;
font-size: 12px;
text-align: center;
}

.groupesqueel2{
background-color: #FFFFFF;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
border: 2px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
margin-right: 50px;
margin-left: 250px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
font-family: georgia;
font-size: 12px;
margin-top: -20px;
}

.queelback{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}

/*fin queel*/

/*chatbox*/

#lnrbox
{
position: fixed;
bottom: 160px;
margin-left: -10px;
z-index: 999;
}
/*fin chatbox*/


.spacer{
padding: 10px;}

.avatarpris{
font-size: 14px;
color: #000000;
text-align: center;
font-family: georgia;
}

/*couleur chatbox*/

.chatbox .msg span[style="color:green;"] strong {
  color:#ffffff;
}

.chatbox .msg span[style="color:red;"] strong {
  color:#000000;
}
/*fin couleur chatbox*/

*/Pour Journal*/

        .imBookPage {
          position:absolute;
          left:0px;
          top:0px;
          width: 300px;
          height:360px;
          color:#fff;
          overflow:hidden;
          border: solid 1px #000;
        }
       
        #iframeCntnr {
          width:604px;
          height:362px;
          padding:0;
          float:left;
        }


[Invité]

D'accord. Voilà, j'ai trouvé, en fait il vous faut rajouter les deux codes que je vous ai ecrit ici :

Code:

a.forumlink {
text-align: center;
text-decoration: none;
background-color: #transp;
border-bottom: 4px double #000000;
padding-left : 30px;
padding-right : 30px;
margin-left: 10px;
background-image:url(/image.jpg);
 background-repeat:no-repeat;
}

Vous n'avez plus qu'à coller cette partie à la place de l'ancien forumlink ( je vous l'ai fait dans le spoiler ci dessous si besoin est )

Spoiler:

Il ne vous reste plus qu'à placer l'url votre image à l'endroit indiqué c'est a dire dans les parentheses.
En esperant avoir été plus clair.

[Cataliana]

C'est parfait, merci beaucoup de votre aide !