Forum fixe

[YoonA]

Bonjour,

je viens de réussir à mettre une bannière de fond qui prend toute la largeur du forum en utilisant le tutoriel du forum, et maintenant j'ai un autre petit soucis, mon forum bouge lorsque je monte ou descends et j'aimerais qu'il reste fixe. Voici 2 captures d'écrans pour mieux comprendre :

(C'est comme ça que j'aimerais qu'il reste)

http://nimga.fr/f/al9zU.jpg

Quand je descends :

http://nimga.fr/f/RvMX8.jpg

Comment dois-je faire pour qu'il reste fixe ? ^^

Merci d'avance !

[Scipion]

Bonjour

La première idée serait d'activer le pas fixe, en allant sur votre panneau d'administration (PA) >> Affichage >> Images et couleurs >>Gestion des images >> Mode avancé >> Général/Navigation >> Image du fond de page :

Fond de page fixe : cochez la petite case
Enregistrez.

Cordialement

[YoonA]

Bonjour,

Re-merci encore de vouloir m'aider, j'ai déjà essayé cela mais ça ne change rien (je viens encore de le refaire), de plus je n'ai pas d'image de fond, c'est transparent il n'y a rien, c'est : https://2img.net/i/fa/empty.gif

[Anzu]

Bonsoir,

Il faut utiliser un code css.
Quel est le lien du forum concerné ? Avez vous une css modifiée ?

Cordialement.

[YoonA]

J'ai un peu modifié mon CSS de base oui, voilà comment il est (http://sistar-fansub.forumactif.fr/) :

Code:

body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


a.forumlink:link, a.forumlink:visited {
font-family:  Arial;
font-weight: bold;
Font-style: italic;
text-align: left;
font-size: 21px;
letter-spacing: -2px;
display: block;
margin-left: 30px;
}


span a.forumlink:hover {
text-align: left;
text-transform : lowercase;
letter-spacing: 1px;
display: block;
text-decoration:none;
font-weight: bold;
}




a.mainmenu{
font-family:  Arial;
text-transform : lowercase;
font-weight: bold;
letter-spacing:-1px;
text-align: center;
text-decoration:none;
text-shadow:1px 0px 1px #000000;
font-size: 17px;
color:#E64F20;
}

a.mainmenu:hover {
text-decoration:none;
color:#D62246;
text-shadow: none;
border:dashed 0px #E64F20;
text-shadow:1px 0px 1px #000000;
}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a.forumlink:hover {text-transform:uppercase;}
a:hover{text-transform:lowercase;}
a { text-decoration: none; }

/* TITRE CAT INDEX*/
.secondarytitle, .secondarytitle h2{
color: #E64F20;
font-size: 30px;
font-variant: small-caps;
text-align: center;
font-family: Arial;
Font-style: italic;
text-shadow:1px 1px 3px #000000;
}

.forumline{
background-image: url(http://nimga.fr/f/8AIHP.png);
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border-bottom: 6px #E64F20 solid;
border-top: 1px #E64F20 dotted;
border-right: 2px #E64F20 solid;
border-left: 2px #E64F20 solid;
text-align: justify;
background-color: #000000;
padding-left: 8px; /*espace entre les bloc et le cadre de l'index*/
padding-right: 8px; /*espace entre les bloc et le cadre de l'index*/
padding-bottom: 12px; /*espace entre les bloc et le cadre de l'index*/
padding-top: 8px;
}

.row3Right{
border: none !important;
}
.thHead{
border: none !important;
}
.thCornerL, .thCornerR, .thTop{
border: none !important;
}
.thLeft, .thRight{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight{
border: none! important;
}
.catHead{
border: none !important;
}
.catBottom{
border: none !important;
}


/* Avatar et profil*/
.noms{
font-family: Arial;
font-size: 16px;
text-shadow: #614527 0px 1px 0px;
text-transform: lowercase;
text-align: center;
  font-style: italic;
}

.postdetails.poster-profile a img {
border-radius-bottomleft:6px; /*ARRONDI BAS GAUCHE*/
border-radius-bottomright:6px; /*ARRONDI BAS DROITE*/
border-radius-topleft:6px; /*ARRONDI HAUT GAUCHE*/
border-radius-topright:6px; /*ARRONDI HAUT DROITE*/
border-right: 2px solid #614527;
border-left: 2px solid #614527;
border-bottom: 2px solid #614527;
border-top: 2px solid #614527;
}

/* Arrondi */

input, select {
    color : #808080;
    font: normal 11px Verdana;
    border: #E64F20;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    background-color: #F7E5B4;
    border-radius: 10px 10px 10px 10px;
    }

textarea, select {
    color : #808080;
    font: normal 11px Verdana;
    border: #614527;
    border-left-style: solid;
    border-left-width: 3px;
    border-right-style: solid;
    border-right-width: 3px;
    background-color: #F7E5B4;
    border-radius: 10px 10px 10px 10px;
    }


[Anzu]

Ici:

Code:

background-attachment: fixed;

Vous remplacez simplement le fixed par

Code:

scroll;

Cordialement.

[YoonA]

Super ça fonctionne, merci beaucoup Anzu ! ^^