Reproduire un fond
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Reproduire un fond
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.
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.
Merci d'avance à vous.
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.
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.
Merci d'avance à vous.
Re: Reproduire un fond
Bonsoir,
Dans votre CSS (PA->Affichage->Couleurs puis onglet CSS)
Remplacez ce mordeau de code :
par:
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;
}
Re: Reproduire un fond
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.
Merci d'avance de ce que vous pourrez faire pour m'aider.
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.
- 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.
Re: Reproduire un fond
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;
}
Re: Reproduire un fond
Bonjour
Un simple
en fin de css devrait suffire.
Cordialement
ge
Un simple
- Code:
#page-body{
background-color: #e8f7fc;
}
en fin de css devrait suffire.
Cordialement
ge
Re: Reproduire un fond
Re-bonjour,
J'ai essayé les deux solutions ; malheureusement, le fond blanc reste toujours blanc...
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.
J'ai essayé les deux solutions ; malheureusement, le fond blanc reste toujours blanc...
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.
Re: Reproduire un fond
Alors nous ne parlons pas de la même partie blanche.
Est-ce celle à droite ou à gauche de votre forum (marge droite et gauche) ?
Est-ce celle à droite ou à gauche de votre forum (marge droite et gauche) ?
Re: Reproduire un fond
- Spoiler:
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é.
Parlez vous du forum Lecétik ? Si c'est le cas je vois le fond de votre forum comme une reproduction du pattern souhaité.
Chouquette~- *****
-
Messages : 666
Inscrit(e) le : 15/07/2009
Re: Reproduire un fond
sinon
Ajoutez à la fin du css
body {
background-repeat: repeat !important:
}
Ajoutez à la fin du css
body {
background-repeat: repeat !important:
}
Re: Reproduire un fond
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 !
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 !
Sujets similaires
» Comment mettre une image en fond lorsque notre bannière est déjà le fond ?
» Changer la couleur de fond pour un fond personnalisé en fonction du groupe / rang
» Je n'arrive pas changer la couleur fond de page et fond de cadre du forum. Jr
» Reproduire le tableau en portail du Forum des Forums
» Je craque... fond blanc sur iFrame avant fond noir
» Changer la couleur de fond pour un fond personnalisé en fonction du groupe / rang
» Je n'arrive pas changer la couleur fond de page et fond de cadre du forum. Jr
» Reproduire le tableau en portail du Forum des Forums
» Je craque... fond blanc sur iFrame avant fond noir
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum