fixé le forum à un endroit précis du fond de page (codage, css, html, autre ?)

2 participants

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

Résolu fixé le forum à un endroit précis du fond de page (codage, css, html, autre ?)

Message par Absol Jeu 8 Sep 2011 - 16:53

BONJOURRRRR ok

Voilà, voilà, encore une fois c'est moi, pour un soucis qui n'est pas mineur, le titre est peu explicite, je m'en excuse, mais le problème en lui-même est TRÉS compliqué à expliquer avec des mots, voilà pourquoi j'ai fabriqué sous photofiltre, le rendu final de ce que je voudrai sur mon forum (qui est possible avec des bonnes bases de codage, du genre... très bonnes xD).

L'IMAGE : https://nsa27.casimages.com/img/2011/09/08/110908045831207298.jpg

Or, sur mon forum de test j'obtiens un résultat disons 'pas mal', mais c'est pas encore ça (et je dois également diminuer les tailles de l'image de fond... http://toad.kanak.fr/

Comme vous le constatez, les différences sont vraiment très... voyantes ! Hein
Bref, je tiens donc à préciser que la personne qui m'aidera à trouver <b>LA SOLUTION</b>, qu'il soit ou non du staff de FA, sera créditée sur le forum www.roleplay-fiore.com et un lien top partenaire sera négociable ! Ce soucis étant majeur et mon empressement étant géannnnnnt ! edente

Quelqu'un peut donc m'aider ? Peur
Cordialement, Absol.

"A l'intention des plagieurs":
Absol

Absol
***

Masculin
Messages : 168
Inscrit(e) le : 27/08/2008

http://www.roleplay-fiore.com
Absol a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fixé le forum à un endroit précis du fond de page (codage, css, html, autre ?)

Message par SoraNoHime Jeu 8 Sep 2011 - 17:25

Bonjour

Essayez en css ce code :
.bodyline {
max-height : 500px;
overflow : auto;
}

Changez par la valeur voulue.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: fixé le forum à un endroit précis du fond de page (codage, css, html, autre ?)

Message par Absol Jeu 8 Sep 2011 - 17:33

Bonjour Smile

Merci de cette intervention pour le moins rapide ! Et merci également de vous pencher sur mon problème.

J'ai donc testé le code, et il est encore en application sur le site... or aucun changement (de mon côté) n'est constaté :S

Voici mon CSS :
Code:
        .bodylinewidth
        {
        margin-right:80px;
        }

.bodyline {
max-height : 576px;
overflow : auto;
}

.titre{
font-family:times new roman;
font-size: 18px;
letter-spacing:-1.5px;
text-shadow:0px 0px 2px;
color:#BDAEAE;
text-transform: uppercase; /* Uppercase, capitalize, none, lowecase */
}

i
{
color: #5A8FBD;
}

.pafond {opacity:0.5;background-color:#FFF;overflow:auto;}

tr.post span.gensmall {display:none; }

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, th.thBottom,  td.catSides, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {

border : 0px;


}

.fondforum {
background-color:#d4d4d4;
}

.fondforum2 {
background-color:#d4d4d4;
    filter:alpha(opacity=40);
}

.apparence{
font-family:times new roman;
font-size: 24px;
letter-spacing:-3px;
text-shadow:0px 0px 2px;
background-color:#F1FEE0;
}

input, select, textarea {
    background-color: #EAEAEA;
border:none;
}

.fond1 {
background-image:url(http://nsa27.casimages.com/img/2011/08/29/110829013723480129.png);
background-repeat: no-repeat ; /*pas de répétition*/
background-position: top center;
opacity:0.7;
}

.fond2 {
background-image:url(http://nsa27.casimages.com/img/2011/08/29/110829013932422787.png);
background-repeat: no-repeat ; /*pas de répétition*/
background-position: top center;
opacity:0.7;
}

.fond3 {
background-image:url(http://nsa27.casimages.com/img/2011/08/29/110829013901455313.png);
background-repeat: no-repeat ; /*pas de répétition*/
background-position: top center;
opacity:0.7;
}

a:hover {text-decoration:none !important ;text-transform:uppercase;cursor:url('http://nsa27.casimages.com/img/2011/08/31/110831115316507004.gif'), auto;}
a. {text-decoration:none !important;}




a topic{
font-weight: normal !important;
}



a.forumlink {
font-family:times new roman;
font-size: 26px;
text-decoration: none; /* Décoration du texte : overline */
text-transform: uppercase; /* Uppercase, capitalize, none, lowecase */
text-align: left;left/* Alignement du texte : left, right, center ou justify */
color:#FB1D1D !important;
letter-spacing:-3px;
text-shadow:0px 0px 2px;
opacity:0.7;
font-weight: normal !important;
}
a.forumlink:hover {
font-family:times new roman;
font-size: 26px;
text-decoration: none; /* Décoration du texte : overline */
text-transform: uppercase; /* Uppercase, capitalize, none, lowecase */
text-align: left;left/* Alignement du texte : left, right, center ou justify */
color:#FB1D1D;
letter-spacing:-3px;
text-shadow:0px 0px 1px;
opacity:0.7;
font-weight: normal !important;
onMouseOver:PlaySound('http://multimedia.kingdomfantasy.com/audio/kh2/124%20-%20yoko%20shimomura%20-%20organization%20xiii.mp3')
}

.titres {
background-image:url(http://img4.hostingpics.net/pics/421098test.png);
background-repeat: no-repeat ; /*pas de répétition*/
background-position: top center;
opacity:0.7;
color:   #FB1D1D;
}

.fond_montagne  {
background-image:url(http://nsa27.casimages.com/img/2011/09/04/110904022858752203.png);
background-repeat: no-repeat ; /*pas de répétition*/
background-position: left bottom;
background-attachment: fixed;
}



body {
text-align:justify;
line-height:75%;
}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 999;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(http://nsa28.casimages.com/img/2011/08/29/11082902320865353.gif);
    margin:0;
    padding: 0;
    border: 0;
}

Cordialement, Absol.
Absol

Absol
***

Masculin
Messages : 168
Inscrit(e) le : 27/08/2008

http://www.roleplay-fiore.com
Absol a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fixé le forum à un endroit précis du fond de page (codage, css, html, autre ?)

Message par SoraNoHime Jeu 8 Sep 2011 - 18:48

Essayez de changez max-height par simplement height alors.

Et si cela ne marche toujours pas tentez un height : 576px!important; dans le code que e vous ai donné.

De même préférez le mettre à la fin de la css. La dernière transformation prime sur les autres.
Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: fixé le forum à un endroit précis du fond de page (codage, css, html, autre ?)

Message par Absol Ven 9 Sep 2011 - 19:28

Bonjour Smile

Le problème est résolu, mais il fallait coder en dehors du css également ^^' ;
Bref, ceci étant je mets le sujet en résolu, et remercie le staff de FA, que je ne manquerai pas de créditer comme il se doit !

Si jamais une personne est intéressée par le codage en question, merci de me contacter par MP (le codage n'étant pas entièrement de moi, comprenez que j'expose pas tout ici).

Gros mercii ! RESOLU.
Absol

Absol
***

Masculin
Messages : 168
Inscrit(e) le : 27/08/2008

http://www.roleplay-fiore.com
Absol 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