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é 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/
Anonymous

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 Sam 7 Jan 2012 - 18:54

Bonjour,

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

Cordialement.
Gorgorbey

Gorgorbey
Membre actif

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é 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;
}
Anonymous

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 Sam 7 Jan 2012 - 18:59

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

Gorgorbey
Membre actif

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é Sam 7 Jan 2012 - 19:02

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

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

- Sujets similaires

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