Reproduire un fond

4 participants

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

Résolu Reproduire un fond

Message par Gisèle30 Dim 22 Aoû 2010 - 21:39

Bonsoir,

Je suis actuellement en train de créer un forum et je rencontre quelques soucis pour son apparence.

Je souhaiterais que la partie blanche sur l'impression écran ci-dessous soit identique au fond situé dans la zone du titre.

Reproduire un fond 100822093527607702

J'ai essayé de modifier toutes les images possibles dans le panneau de configuration, mais rien à faire...

Je ne sais pas si ma demande est bien claire, mais je l'espère. Si une personne pouvait m'apporter son aide, ça serait bien sympa. Very Happy

Merci d'avance à vous.
avatar

Gisèle30
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 22/08/2010

http://lecetik.forumactif.com/index.htm
Gisèle30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Reproduire un fond

Message par zz10 Dim 22 Aoû 2010 - 23:05

Bonsoir,
Dans votre CSS (PA->Affichage->Couleurs puis onglet CSS)

Remplacez ce mordeau de code :

Code:
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #;
background-image: url('http://i38.servimg.com/u/f38/15/48/81/31/karobl10.jpg');
background-repeat: repeat-x;
background-position: 0 0;
border: 2px solid #;padding: 0px 5px;
}

par:

Code:
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #;
background-image: url('http://i38.servimg.com/u/f38/15/48/81/31/karobl10.jpg');
background-position: 0 0;
border: 2px solid #;padding: 0px 5px;
}
zz10

zz10
Membre actif

Masculin
Messages : 2279
Inscrit(e) le : 04/07/2009

http://www.ice-epinal-forum.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Reproduire un fond

Message par Gisèle30 Lun 23 Aoû 2010 - 9:22

Bonjour,

Euh... j'ai eu beau lire et relire le CSS de mon forum, je n'y trouve pas ce code...

J'ai donc essayé de remplacer la partie qui y ressemblait le plus par votre code ; aucun changement.

Je vous copie le CSS, cela sera peut-être plus facile pour vous, parce que je suis vraiment débutante dans ce domaine. Shocked


Code:
body{ background-position: top center; background-repeat: repeat-x; } .navbar{background-color: transparent;margin: 0pxpadding: 0px;margin-top: -1px;border: none !important;} ul.navlinks{ border: none; } #search-box{ display: none; } #page-header{ margin-top: -17px; margin-bottom: -12px; } p{margin-bottom: 0em;} .panel{ background-color: transparent;margin: 0px;padding: 0px;} #page-body{ background-color: white;padding: 0px;padding-top: 16px !important;border-bottom: none;border-left: 2px dotted #017289;border-right: 2px dotted #017289;} #main-content{padding-left: 12px;padding-right: 12px;padding-bottom: 3px;} #page-footer{background-color: transparent;color: #000;background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/pied210.png');background-position: bottom ;background-repeat: repeat-x; height: 175px;width: 100%;margin:0px;padding: 0px;margin-top: -4px !important;border-left: 2px dotted #017289 ;border-right: 2px dotted #017289 ;} #page-footer ul.linklist{ background-color: transparent;
margin: 0px; padding: 0px; padding-bottom: 0px; } .copyright{ padding: 0px; } #page-footer .navbar{ background-color: transparent; background-image: none; margin: 0px; padding: 0px; } #page-footer span.corners-top { background-image: none; } #page-footer span.corners-top span { background-image: none; } #page-footer span.corners-bottom { background-image: none; } #page-footer span.corners-bottom span { background-image: none; } #headerbar span.corners-top { background-image: none; } #headerbar span.corners-top span { background-image: none; } #headerbar span.corners-bottom { background-image: none; } #headerbar span.corners-bottom span { background-image: none; } #page-header span.corners-top { background-image: none; } #page-header span.corners-top span { background-image: none; } #page-header span.corners-bottom { background-image: none; } #page-header span.corners-bottom span { background-image: none; } #i_icon_mini_calendar:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/214.png'); }
#i_icon_mini_portal:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/711.png'); } #i_icon_mini_groups:hover{ background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/gro10.png'); } #i_icon_mini_profile:hover{ background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/416.png'); } #i_icon_mini_members:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/314.png'); } #i_icon_mini_gallery:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/514.png'); } #i_icon_mini_faq:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/613.png'); } #i_icon_mini_search:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/812.png'); } #i_icon_mini_logout:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/910.png'); } #i_icon_mini_login:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/114.png'); } #i_icon_mini_index:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/acc10.png'); } #i_icon_mini_message:hover{ background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/messag10.png'); } #i_icon_mini_register{ background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/s_enre10.png'); width: 95px; height: 35px; } #i_icon_mini_register:hover{ background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1013.png'); width: 95px; height: 35px; } #i_icon_mini_new_message{ background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/mp_new10.png'); width: 80px; height: 35px; } #i_icon_mini_new_message:hover{ background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1112.png'); width: 80px; height: 35px; } ul.topiclist .header{ height: 32px; padding-top: 6px; margin-bottom: -6px; } .table-title{ padding-left: 12px; } .post.row1{ background-color: #e1feff; } .post.row2{ background-color: #def5f7; } .forabg{ background-repeat: repeat; } .forumbg { background-repeat: repeat; }
a.button1, input.button1, a.button2, input.button2, button.button2 { background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg'); color: #000000; background-position: bottom; border: 2px inset #00626b; } a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover { background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg'); background-position: top; border: 2px outset #00626b; } .module{ background-color: #def5f7; } .module .h3{ background-color: #fff; } .row{ border: 1px solid #00626b; } li.header dt{ padding-left: 10px !important; } li.header dd.mark{ padding-right: 17px !important; } table.table1 thead th{ color: #00303c; } .module .box-content{ border-style: dotted; border-width: 1px; border-color:  #535353 #6b6b6b #433f3f #212326; } #cp-main.ucp-main{ background-color: #def5f7; } #profile-advanced-layout{ float:none; margin: 0px; padding: 0px; width: 100%; } #profile-advanced-left{ float : none; margin: 5px; padding: 3px;
width: 70%; } #profile-advanced-right{ float: none; margin: 5px; padding: 3px; margin-bottom: 0px; width: 70%; }

Merci d'avance de ce que vous pourrez faire pour m'aider. ok
avatar

Gisèle30
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 22/08/2010

http://lecetik.forumactif.com/index.htm
Gisèle30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Reproduire un fond

Message par zz10 Lun 23 Aoû 2010 - 10:53

Remplacez tout votre CSS par :

Code:
body{ background-position: top center; background-repeat: repeat-x; } .navbar{background-color: transparent;margin: 0pxpadding: 0px;margin-top: -1px;border: none !important;} ul.navlinks{ border: none; } #search-box{ display: none; } #page-header{ margin-top: -17px; margin-bottom: -12px; } p{margin-bottom: 0em;} .panel{ background-color: transparent;margin: 0px;padding: 0px;} #page-body{ background-color: white;padding: 0px;padding-top: 16px !important;border-bottom: none;border-left: 2px dotted #017289;border-right: 2px dotted #017289;} #main-content{padding-left: 12px;padding-right: 12px;padding-bottom: 3px;} #page-footer{background-color: transparent;color: #000;background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/pied210.png');background-position: bottom ;background-repeat: repeat-x; height: 175px;width: 100%;margin:0px;padding: 0px;margin-top: -4px !important;border-left: 2px dotted #017289 ;border-right: 2px dotted #017289 ;} #page-footer ul.linklist{ background-color: transparent;
margin: 0px; padding: 0px; padding-bottom: 0px; } .copyright{ padding: 0px; } #page-footer .navbar{ background-color: transparent; background-image: none; margin: 0px; padding: 0px; } #page-footer span.corners-top { background-image: none; } #page-footer span.corners-top span { background-image: none; } #page-footer span.corners-bottom { background-image: none; } #page-footer span.corners-bottom span { background-image: none; } #headerbar span.corners-top { background-image: none; } #headerbar span.corners-top span { background-image: none; } #headerbar span.corners-bottom { background-image: none; } #headerbar span.corners-bottom span { background-image: none; } #page-header span.corners-top { background-image: none; } #page-header span.corners-top span { background-image: none; } #page-header span.corners-bottom { background-image: none; } #page-header span.corners-bottom span { background-image: none; } #i_icon_mini_calendar:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/214.png'); }
#i_icon_mini_portal:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/711.png'); } #i_icon_mini_groups:hover{ background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/gro10.png'); } #i_icon_mini_profile:hover{ background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/416.png'); } #i_icon_mini_members:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/314.png'); } #i_icon_mini_gallery:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/514.png'); } #i_icon_mini_faq:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/613.png'); } #i_icon_mini_search:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/812.png'); } #i_icon_mini_logout:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/910.png'); } #i_icon_mini_login:hover{ background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/114.png'); } #i_icon_mini_index:hover{
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/acc10.png'); } #i_icon_mini_message:hover{ background-image: url('http://i10.servimg.com/u/f10/13/40/88/33/messag10.png'); } #i_icon_mini_register{ background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/s_enre10.png'); width: 95px; height: 35px; } #i_icon_mini_register:hover{ background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1013.png'); width: 95px; height: 35px; } #i_icon_mini_new_message{ background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/mp_new10.png'); width: 80px; height: 35px; } #i_icon_mini_new_message:hover{ background-image:url('http://i15.servimg.com/u/f15/11/95/30/70/1112.png'); width: 80px; height: 35px; } ul.topiclist .header{ height: 32px; padding-top: 6px; margin-bottom: -6px; } .table-title{ padding-left: 12px; } .post.row1{ background-color: #e1feff; } .post.row2{ background-color: #def5f7; } .forabg{ background-repeat: repeat; } .forumbg { background-repeat: repeat; }
a.button1, input.button1, a.button2, input.button2, button.button2 { background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg'); color: #000000; background-position: bottom; border: 2px inset #00626b; } a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover { background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/bouton10.jpg'); background-position: top; border: 2px outset #00626b; } .module{ background-color: #def5f7; } .module .h3{ background-color: #fff; } .row{ border: 1px solid #00626b; } li.header dt{ padding-left: 10px !important; } li.header dd.mark{ padding-right: 17px !important; } table.table1 thead th{ color: #00303c; } .module .box-content{ border-style: dotted; border-width: 1px; border-color:  #535353 #6b6b6b #433f3f #212326; } #cp-main.ucp-main{ background-color: #def5f7; } #profile-advanced-layout{ float:none; margin: 0px; padding: 0px; width: 100%; } #profile-advanced-left{ float : none; margin: 5px; padding: 3px;
width: 70%; } #profile-advanced-right{ float: none; margin: 5px; padding: 3px; margin-bottom: 0px; width: 70%; }

.forabg {
margin-bottom: 4px;
clear: both;
background-repeat:repeat;
background-color: #;
background-image: url('http://i38.servimg.com/u/f38/15/48/81/31/karobl10.jpg');
background-position: 0 0;
border: 2px solid #;padding: 0px 5px;
}
zz10

zz10
Membre actif

Masculin
Messages : 2279
Inscrit(e) le : 04/07/2009

http://www.ice-epinal-forum.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Reproduire un fond

Message par ge80 Lun 23 Aoû 2010 - 11:08

Bonjour
Un simple
Code:

#page-body{
   background-color: #e8f7fc;
}

en fin de css devrait suffire.

Cordialement
ge
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Reproduire un fond

Message par Gisèle30 Lun 23 Aoû 2010 - 12:00

Re-bonjour,

J'ai essayé les deux solutions ; malheureusement, le fond blanc reste toujours blanc... Sad

Je précise que le fond à carreaux bleus et une image insérée à partir de son url, et le logo est également une image (glitter), si ça peut aider.

Enfin ce n'est pas grave, si cela ne peut être résolu, je conserverai le forum tel quel.

Merci à ceux et celles qui auraient une autre idée tout de même.

avatar

Gisèle30
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 22/08/2010

http://lecetik.forumactif.com/index.htm
Gisèle30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Reproduire un fond

Message par ge80 Lun 23 Aoû 2010 - 12:08

Alors nous ne parlons pas de la même partie blanche.
Est-ce celle à droite ou à gauche de votre forum (marge droite et gauche) ?
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Reproduire un fond

Message par Chouquette~ Lun 23 Aoû 2010 - 12:13

    Bonjour,

    Parlez vous du forum Lecétik ? Si c'est le cas je vois le fond de votre forum comme une reproduction du pattern souhaité.
    Spoiler:
Chouquette~

Chouquette~
*****

Masculin
Messages : 666
Inscrit(e) le : 15/07/2009

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

Résolu Re: Reproduire un fond

Message par ge80 Lun 23 Aoû 2010 - 12:15

sinon
Ajoutez à la fin du css
body {
background-repeat: repeat !important:
}
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Reproduire un fond

Message par Gisèle30 Lun 23 Aoû 2010 - 13:26

Re

Ouf, ça y est ! En fin de compte, j'ai pris un vieux CSS que j'avais conservé et j'ai fait un copier/coller, et ça a l'air de fonctionner !

Merci à tous ceux qui ont tenté de m'aider ! Very Happy
avatar

Gisèle30
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 22/08/2010

http://lecetik.forumactif.com/index.htm
Gisèle30 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