Fond d'écran qui ne bouge pas.

3 participants

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

Résolu Fond d'écran qui ne bouge pas.

Message par spilomac Dim 4 Mar 2012 - 14:55

Bonjour,


Pour notre forum nous avons changé le fond d'écran, nous voulons qui bouge mais celui-ci reste fixe, la case "Fond de page fixe" est bien décoché mais ça ne change rien, donc d’où peut venir le problème ? le thème ? la résolution ?

L'adresse du forum : http://fightthearmy.forum-pro.fr/

Merci.


Dernière édition par spilomac le Dim 4 Mar 2012 - 19:21, édité 1 fois
avatar

spilomac
Nouveau membre

Messages : 6
Inscrit(e) le : 04/03/2012

http://fightthearmy.forum-pro.fr/
spilomac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond d'écran qui ne bouge pas.

Message par RCAnnonce Dim 4 Mar 2012 - 17:41

Salut,

Chez moi il est fixe ton fond de page Wink
avatar

RCAnnonce
***

Masculin
Messages : 172
Inscrit(e) le : 24/12/2010

http://www.rcannonce.com
RCAnnonce a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond d'écran qui ne bouge pas.

Message par spilomac Dim 4 Mar 2012 - 18:47

RCAnnonce a écrit:Salut,

Chez moi il est fixe ton fond de page Wink


Salut,

Oui je sais mais nous voudrions qu'il ne soit pas fixe d’où ma question Wink.
avatar

spilomac
Nouveau membre

Messages : 6
Inscrit(e) le : 04/03/2012

http://fightthearmy.forum-pro.fr/
spilomac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond d'écran qui ne bouge pas.

Message par Wave Dim 4 Mar 2012 - 19:05

Bonsoir,

Pourriez vous collez votre Css ici ?

Amicalement
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

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

Résolu Re: Fond d'écran qui ne bouge pas.

Message par spilomac Dim 4 Mar 2012 - 19:10

c'est le css de base je ne l'ai pas touché :

Code:
.navig {
position: absolute;
top: 0px;
width: 100%;
}
body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
    .sharing-cl{
    overflow:hidden;
    margin:-20px 0 0 0;
    padding:0;
    list-style:none;
    width:530px;
    }
    .sharing-cl a{
    overflow:hidden;
    width:75px;
    height:20px;
    float:left;
    margin-right:5px;
    text-indent:-200px;
    background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
    }
    a.sh-su{background-position:-210px -40px;}
    a.sh-feed{background-position:-70px -40px;}
    a.sh-tweet{background-position:-140px -40px;}
    a.sh-mail{background-position:0 -40px;}
    a.sh-digg{background-position:-280px -40px;}
    a.sh-face{
    margin-right:0;
    background-position:-350px -40px;
    }
    a.sh-mail:hover{background-position:0 1px;}
    a.sh-feed:hover{background-position:-70px 1px;}
    a.sh-tweet:hover{background-position:-140px 1px;}
    a.sh-su:hover{background-position:-210px 1px;}
    .sh-digg:hover{background-position:-280px 1px;}
    a.sh-face:hover{
    background-position:-350px 1px;
    }
    #text{
    margin-top:5px;
    font-weight:bold;
    font-family:helvetica,arial,sans-serif;
    }
    #text a{
    text-indent:0;
    height:auto;
    text-align:center;
    font-size:11px;
    padding-top:35px;
    color:#999;
    text-decoration:none;
    }
.mod /* message de modération; fourni par ProgVal */
{
  display: block;
  margin-left: 10px;
  border-left: solid 5px #FF3333;
  margin-right: 10px;
  background-color: #FFCCCC;
  padding-left: 1px;
}
avatar

spilomac
Nouveau membre

Messages : 6
Inscrit(e) le : 04/03/2012

http://fightthearmy.forum-pro.fr/
spilomac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond d'écran qui ne bouge pas.

Message par Wave Dim 4 Mar 2012 - 19:15

Bonsoir essayez avec ceci, remplacez votre Css par celui ci:

Code:
.navig {
position: absolute;
top: 0px;
width: 100%;
}
body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
    .sharing-cl{
    overflow:hidden;
    margin:-20px 0 0 0;
    padding:0;
    list-style:none;
    width:530px;
    }
    .sharing-cl a{
    overflow:hidden;
    width:75px;
    height:20px;
    float:left;
    margin-right:5px;
    text-indent:-200px;
    background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
    }
    a.sh-su{background-position:-210px -40px;}
    a.sh-feed{background-position:-70px -40px;}
    a.sh-tweet{background-position:-140px -40px;}
    a.sh-mail{background-position:0 -40px;}
    a.sh-digg{background-position:-280px -40px;}
    a.sh-face{
    margin-right:0;
    background-position:-350px -40px;
    }
    a.sh-mail:hover{background-position:0 1px;}
    a.sh-feed:hover{background-position:-70px 1px;}
    a.sh-tweet:hover{background-position:-140px 1px;}
    a.sh-su:hover{background-position:-210px 1px;}
    .sh-digg:hover{background-position:-280px 1px;}
    a.sh-face:hover{
    background-position:-350px 1px;
    }
    #text{
    margin-top:5px;
    font-weight:bold;
    font-family:helvetica,arial,sans-serif;
    }
    #text a{
    text-indent:0;
    height:auto;
    text-align:center;
    font-size:11px;
    padding-top:35px;
    color:#999;
    text-decoration:none;
    }
.mod /* message de modération; fourni par ProgVal */
{
  display: block;
  margin-left: 10px;
  border-left: solid 5px #FF3333;
  margin-right: 10px;
  background-color: #FFCCCC;
  padding-left: 1px;
}
Wave

Wave
*****

Masculin
Messages : 567
Inscrit(e) le : 04/12/2011

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

Résolu Re: Fond d'écran qui ne bouge pas.

Message par spilomac Dim 4 Mar 2012 - 19:20

Parfait Smile

Un grand merci pour votre aide Smile.
avatar

spilomac
Nouveau membre

Messages : 6
Inscrit(e) le : 04/03/2012

http://fightthearmy.forum-pro.fr/
spilomac 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