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

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 le 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 : http://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":
Bonjour, je suis le fondateur de RP-fiore, or ce futur design est sous bannière copyscape, une copie formelle est donc prohibée. Pour emprunter l'idée de mise en page, ou les éventuels codes donnés dans ce sujet, s'il vous plait, contactez l'auteur des codes (à voir dans la suite du sujet si jamais quelqu'un trouve les codages nécessaires...)

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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 le 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
***

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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 le 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
***

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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum