Comment Mettre le fond avec une image

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

Résolu Comment Mettre le fond avec une image

Message par Invité le Sam 7 Jan 2012 - 18:22

Bonsoir a tous ,

Alors voilà je voudrais savoir comment mettre sont image en fond dans sont forum ? - Car quand je le mais dans les parametres [ Affichage , Gestion des images , mode avancé , j'ai mon image mais je le vois pas en fond sur mon forum ! Pourriez vous m'aidez svp pour savoir si sa vient au niveau du thème que j'ai choisi :

Lien de votre forum : http://masterweb.forumgratuit.org/

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment Mettre le fond avec une image

Message par Gorgorbey le Sam 7 Jan 2012 - 18:54

Bonjour,

Je vois que vous avez du CSS perso, il me le faudrait svp.

Cordialement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment Mettre le fond avec une image

Message par Invité le Sam 7 Jan 2012 - 18:57

Coucou pas de soucis le voici :

Code:
body
{
background-color: #e8f0f4;
background-image: url();
background-position: top center;
background-repeat: repeat-x;
}

a
{
outline: none;
}

a:link
{
text-decoration: none !important;
}

a:hover
{
text-decoration: underline overline !important;
}

.bodylinewidth
{
width: 900px;
}

#i_logo
{
margin-top: -18px;
}

.mainmenu
{
padding-top: 4px;
padding-bottom: 10px;
padding-right: 4px;
}

a.mainmenu
{
background-color: #d3e4ec;
background-image: url(http://host.image.files.free.fr/host/4c4d23ff36ca3fond-mainmenu.jpg);
background-position: top;
background-repeat: repeat-x;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-radius: 6px 6px 0px 0px;
border-top: 1px solid #8dbcdd;
border-left: 1px solid #8dbcdd;
border-right: 1px solid #8dbcdd;
font-weight: bold;
color: #468bb1;
font-variant: small-caps;
font-size: 10px;
}

a.mainmenu:hover
{
text-decoration: none !important;
background-image: url(http://host.image.files.free.fr/host/4c4d245d9837ffond-mainmenu-hover.jpg);
color: #468bb1;
}

#page-body
{
background-color: #d3e4ec;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 2px 2px 2px #a1b6c5;
-moz-box-shadow: 2px 2px 2px #a1b6c5;
border: 1px solid #a1b6c5;
padding-top: 20px;
margin-top: 8px;
margin-bottom: 50px;
}

.forumline
{
max-width: 890px;
margin: auto;
background-image: url(http://host.image.files.free.fr/host/4c4d2752ed261fond-forumline.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #8dbcdd;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 5px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
}

table
{
max-width: 890px;
margin: auto;
}

.row1, .row2, .row3, .row3Right
{
-moz-border-radius: 5px;
border-radius: 5px;
padding4px;
border: none !important;
}

.thHead
{
border: none !important;
}

.thCornerL, .thCornerR, .thTop
{
border: none !important;
}

.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
border-top: 1px solid #73a2c3 !important;
}

.catLeft, .catRight
{
border: none! important;
}

th
{
color: #3C627D;
font-variant: small-caps;
letter-spacing: 1px;
text-shadow: 1px 1px 2px #4b6b81;
}

.catHead
{
border: none !important;
}

.catBottom
{
border: none !important;
}

.cattitle
{
margin-left: 20px;
font-variant: small-caps;
}

a.forumlink
{
letter-spacing: 2px;
font-variant: small-caps;
}

a.forumlink:hover
{
text-decoration: none !important;
}


.code
{
border: 2px inset #8dbcdd;
padding: 5px;
background-color: #d3e4ec;
color: #507c9b;
}

.quote
{
border-radius: 6px;
-moz-border-radius: 6px;
padding: 5px;
background-color: #d3e4ec;
-moz-box-shadow: 3px 3px 3px #7597af;
box-shadow: 3px 3px 3px #7597af;
color: #507c9b;
}

.spoiler_closed
{
background-color: #d3e4ec;
border-radius: 6px;
-moz-border-radius: 6px;
border: 2px solid #8dbcdd;
}

.spoiler_content
{
background-color: #d3e4ec;
border-radius: 6px;
-moz-border-radius: 6px;
border: 2px solid #8dbcdd;
color: #507c9b;
padding: 4px;
}

.postbody
{
text-align: justify;
padding: 3px;
font-size: 11px;
line-height: 16px;
}






#page-footer
{
background-image: url(http://host.image.files.free.fr/host/4c4d25f59c2c1footer_02.png);
background-repeat: no-repeat;
background-position: top center;
width: 980px;
height: 120px;
margin-bottom: -18px;
}

#page-footer a
{
font-size: 10px;
text-decoration: none !important;
}

        /*--- Retirer le soulignement des pseudos sur vos forums ---*/
       
        a { text-decoration: none; }
       
        /*--- Enlever le soulignement d'absolument tous les liens ---*/
       
        a:hover {
        text-decoration: none !important;
        }
       
        /*--- Qeel quierra ---*/
       
        .barre1{
        background-color:#FFFFFF;border: 1px #000000 dotted;
        -moz-border-radius : 5px 5px 5px 5px;
        height:40px;padding-right:15px;padding-left:14px;padding-bottom:3px;
        font-size:12px;font-weight: bold;text-align:center;
        text-decoration: none !important;
        height:auto}
       
        .statistiques{
        border:0px;
        background-repeat: no-repeat;
        background-position: center;
        height:200px;}
       
        .groupes{
        background-color:#FFFFFF;border: 1px #000000 dotted;
        -moz-border-radius : 5px 5x 5px 5px;
        height:40px;padding-right:15px;padding-left:14px;padding-bottom:3px;
        font-size:12px;font-weight: bold;text-align:center;
        text-decoration: none !important;
        height:auto}
       
        /*--- Tableau de page d'accueil ---*/
       
        #haut{
        background-image: url('http://hitskin.com/themes/14/20/34/i_back_title.png') no-repeat transparent;
        width: largueur;
        height: hauteur;
        margin: 0;
        padding: 0;
}
       
        #centre{
        background-image: url('http://hitskin.com/themes/14/20/34/i_back_title.png') repeat-y transparent;
        width: largueur;
        margin: 0;
        padding: 0;
        }
        #bas {
        background-image: url('http://hitskin.com/themes/14/20/34/i_back_title.png') no-repeat transparent;
        width: largueur;
        height: hauteur;
        margin: 0;
        padding: 0;
        }
/---* Tableau d'accueil complet ---*/

/* test_quierra_11 */

#le_tableau{
color:#3C627D;
font-size: 12px;
font-family: Arial;
background-color: #3C627D;
border: 3px solid #7DACCD;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;
}

.text_imag{
color: #7DACCD;
text-align: center;
vertical-align: center;
font-family: Arial;
font-size: 30px;
font-weight: bold;
}

.style_cellule{
background-color: #7DACCD;
border: 3px solid #3C627D;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

#igauche{
background-color: #7DACCD;
background: url("") no-repeat bottom left;
background-color: #7DACCD;
border: 3px solid #7DACCD;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #0f100f;
background: url("") no-repeat bottom right;
background-color: #7DACCD;
border: 3px solid #7DACCD;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

.titre_4{
font-size: 14px;
color: #7DACCD;
border-bottom: 1px dotted #00a200;
}

/* navigation */

#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li{
float: left;
margin: 0 2px;
}

#nav-menu li a{
background: url(http://i42.servimg.com/u/f42/16/92/62/29/barr10.jpg);
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 2px solid #7DACCD;
color: #000000;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}

#nav-menu li a:hover{
color: #3C627D;
font-style: italic;
}

/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */


/* fin navigation */


/* Scroller Box */

#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}

#dummy {;# }

#scroller_container {
overflow: auto;
}

/* fin Scroller Box */

/* infobulle */

div.info em {
display:none;
}

div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #3C627D;
border: 2px solid #3C627D;
width:auto;
}

.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #3C627D;
}

/* fin infobulle */

/* fin test quierra_11 */

        /*--- Texte décoration links ---*/
       
        a:hover
        {
        text-decoration: underline overline !important;
        }

.ma_description{
background: #3C627D;
border: 1px dotted #FFFFFF;
padding: 1px;
font-size: 12px;
text-shadow: 1px 1px 1px #00000;
width: 80%;
margin: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment Mettre le fond avec une image

Message par Gorgorbey le Sam 7 Jan 2012 - 18:59

Enlevez background-image: url(); du body ça ira mieux.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment Mettre le fond avec une image

Message par Invité le Sam 7 Jan 2012 - 19:02

Cool ! Sa fonctionne !! Merci beaucoup l'ami ! Wink

Invité
Invité


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