fond de page et bas de page

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

Résolu fond de page et bas de page

Message par Athnor le Sam 28 Juil 2012 - 18:10

bonjour voilà mon problème, sur mon forum j'ai installé un fond de page avec une bannière en render pour faire le principe de bannière en fond de page.
Seulement mon fond de page ne va pas jusqu'en bas de la page, j'ai beau étirer l'image sur paint ou photophiltre rien ne marche je pense qu'il faut passer par le CSS
actuellement j'ai
Code:
body{
    background-position: top center;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
}
malheureusement j'ai toujours une bande blanche sur le bas de ma page...
Bon après vous allez rigoler je voulais vous mettre une image pour mieux me faire comprendre mais j'ai oublié complétement mon code d'admin...donc le temps que je le retrouve...bah vous aurez peu étre déjà résolu tout sa hahaha clown
en restant calme je suis sur que je vais retrouver ce &é"&(-è% de code Zen !


Dernière édition par Athnor le Sam 4 Aoû 2012 - 13:48, édité 1 fois

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de page et bas de page

Message par missx le Sam 28 Juil 2012 - 20:13

tu peut toujours ruser en y mettant en + une couleur qui se rapproche de la couleur de ton image.
avec du noir ton css donne ceci :
Code:
  body{
background-color:#000000;
            background-position: top center;
            background-repeat: no-repeat;
            width: auto;
            height: auto;
        }
A+

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de page et bas de page

Message par Athnor le Dim 29 Juil 2012 - 15:15

J'attend la réponse de chacha pour le code, j'espère qu'elle va me répondre rapidement.

hum oui donc la bande blanche va devenir une bande noir

voici mon forum

le souci est que mon fond de page contient une genre de fenétre....

Un ami m'a dis "un bon admin prendrai certainement une bande de 1px du bas de ton image et le répéterai jusqu'en bas"

étant très occupé il ne peux pas m'aider plus, qu'en pensez vous, c'est possible? réalisable? en passant par le css peu étre... en tout cas merci de votre réponse!!! Very Happy

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de page et bas de page

Message par Invité le Dim 29 Juil 2012 - 15:21

Bonjour,

Dans PA > Affichage > Gestion des images > Mode avancé, en cochant "fond de page fixe", ça ne résout pas ce soucis?

Bien sincèrement.

Invité
Invité


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

Résolu Re: fond de page et bas de page

Message par Athnor le Dim 29 Juil 2012 - 15:24

oui mais qu'a moitié, en effet j'ai plus de bande blanche mais le corps du forum passe sur la "bannière fond de page"

je chipote désolé :/ d'un côté c'est un défi pour moi qui n'y connais rien de créer un joli forum...

voici ce que j'aimerai faire si c'est possible.



sinon voici peux étre une piste:

le haut de mon forum:
image du haut
le milieu de mon forum sur lequel on pourrai répéter le dernier pixel de l'image:
Image du milieu
le bas de mon forum qui lui ne doit pas étre répété en y:
image du bas



vous allez étre fière de moi:
Code:
body {
background-image: url(http://i48.servimg.com/u/f48/17/68/96/37/repeat11.png);
background-repeat: repeat-y;
background-position: center top;
position: relative;
min-height: 100%;
top: 0px;
padding: 0px;
}
.conteneur_minwidth_IE {
background-image: url(http://i48.servimg.com/u/f48/17/68/96/37/fond_d16.jpg);
background-repeat: no-repeat;
min-height: 100%;
position: relative;
top: 0px;
background-position: center top;
width: auto;
height: auto;
}

sa marche niquel mais malheureusement mon ami n'a pas eu le temps pour le bas de page, une idée?

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de page et bas de page

Message par Invité le Lun 30 Juil 2012 - 15:23

Bonjour,

Peut-être comme ceci:
Code:
#page-footer{
background-image: url(http://i48.servimg.com/u/f48/17/68/96/37/test_b11.jpg);
background-repeat: no-repeat;
min-height: 100%;
position: relative;
top: 20px;
background-position: center top;
width: auto;
height: auto;}

Bien sincèrement.

Invité
Invité


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

Résolu Re: fond de page et bas de page

Message par Athnor le Lun 30 Juil 2012 - 15:34

sa ne marche pas j'ai modifier un peux le code:

Code:
#page-footer{
background-image: url(http://i48.servimg.com/u/f48/17/68/96/37/test_b11.jpg);
background-repeat: no-repeat;
min-height: 100%;
position: relative;
top: 0px;
background-position: center top;
width: auto;
height: auto;
padding: 0px; }

mais sa ne marche toujours pas, j'ai un rectangle juste en bas qui ne prend pas toute la largueur de la page.

merci de ton aide précieuse en tout cas. Smile

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de page et bas de page

Message par Athnor le Ven 3 Aoû 2012 - 14:09

UP Bravo2

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de page et bas de page

Message par Athnor le Sam 4 Aoû 2012 - 12:29

désolé je UP 22h après le précédent :/
personne n'a une Astuce ?

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond de page et bas de page

Message par Athnor le Sam 4 Aoû 2012 - 13:47

bon mon ami y est arrivé, le souci venait que mon forum est à 60% de la page donc il a fait un script

Code:
$(function(){

var footer = document.createElement('div');
footer.id  = "footer";
document.getElementById('phpbb').appendChild(footer);

});

puis il a repris votre css et l'a légèrement modifié:

Code:
/*bas de page*/
#footer{
background-image: url(http://i38.servimg.com/u/f38/17/58/04/62/bas_de10.jpg);
background-repeat: no-repeat;
min-height: 100%;
position: relative;
top: 20px;
background-position: center top;
width: auto;
height: 224px;}

voilà merci pour tout quand même, j'édite en résolu!! :youopi:

Athnor
***

Masculin
Messages : 101
Inscrit(e) le : 24/07/2012

http://www.guildofwarriors.fr1.co
Athnor 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