Faire passer une image au dessus du bodyline
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Faire passer une image au dessus du bodyline
Bonsoiiir !
(Oui, encore moi xD)
Alors, cette fois-ci, j'aurais besoin d'aide pour... Une PA.
Voilà, pour ma PA, j'ai prévu une image de fond qui doit déborder du bodyline. Sauf que... Le bodyline n'est absolument pas d'accord et se déforme donc pour se mettre à la taille de l'image.
Forcément...
Donc je chercherais comment faire cette manipulation :3.
Le forum concerné est http://alexie-et-lisa.lebonforum.com ;
je vous souhaite une bonne soirée °° et merci d'avance :3
(Oui, encore moi xD)
Alors, cette fois-ci, j'aurais besoin d'aide pour... Une PA.
Voilà, pour ma PA, j'ai prévu une image de fond qui doit déborder du bodyline. Sauf que... Le bodyline n'est absolument pas d'accord et se déforme donc pour se mettre à la taille de l'image.
Forcément...
Donc je chercherais comment faire cette manipulation :3.
Le forum concerné est http://alexie-et-lisa.lebonforum.com ;
je vous souhaite une bonne soirée °° et merci d'avance :3
Dernière édition par Livia le Lun 11 Mar 2013 - 14:50, édité 1 fois
Re: Faire passer une image au dessus du bodyline
Bonjour Livia,
Serait-il possible que tu puisse mettre ta PA sur ton forum s'il te plait ?
Averti moi quand cela sera fait
Bien cordialement,
Serait-il possible que tu puisse mettre ta PA sur ton forum s'il te plait ?
Averti moi quand cela sera fait
Bien cordialement,
Re: Faire passer une image au dessus du bodyline
Bonsoir !
La PA est désormais visible :3
La PA est désormais visible :3
Re: Faire passer une image au dessus du bodyline
Encore un petit up ;w;
Re: Faire passer une image au dessus du bodyline
Bonjour,
Sur la page d’accueil actuelle, quelle est l’image que tu désires modifier exactement ? Est-ce qu’il s’agit de l’image avec les feuilles ?
PS : Jolie page d’accueil, au passage
Sur la page d’accueil actuelle, quelle est l’image que tu désires modifier exactement ? Est-ce qu’il s’agit de l’image avec les feuilles ?
PS : Jolie page d’accueil, au passage
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Faire passer une image au dessus du bodyline
Bonjour ! Oui, c'est exactement celle là en fait : l'image avec les feuilles doit, dans l'idéal, passer par dessus le bodyline... J'ai un schéma qui sera peut être un peu plus explicite, si tu veux :3
(Merci >w<)
(Merci >w<)
Re: Faire passer une image au dessus du bodyline
Pas besoin de schéma, je vois bien ce que tu veux réaliser
Bon, alors j’ai fait quelques tests et j’arrive à un résultat à peu près potable. Ça fait juste faire énormément de bidouillage.
Donc, dans ton CSS, ajoute ceci :
Puis dans ta page d’accueil, à l’endroit où tu as mis ton image :
Toujours dans ta page d’accueil, là où tu as mis en place la première div :
Et pour finir, on ajoute ceci pour éviter que les catégories ne dépassent du corps du forum :
Il y aura peut-être d’autres réglages à faire dans les templates…
Mais voilà, ça fait beaucoup de bidouillage avec des marges négatives et compagnie, personnellement je suis pas trop pour…
Il doit y avoir moyen de refaire ça plus proprement.
Bon, alors j’ai fait quelques tests et j’arrive à un résultat à peu près potable. Ça fait juste faire énormément de bidouillage.
Donc, dans ton CSS, ajoute ceci :
- Code:
.bodyline {max-width:900px;}
Puis dans ta page d’accueil, à l’endroit où tu as mis ton image :
- Code:
<img src="http://i.imgur.com/5E6SeS8.png" style="z-index:2;margin-left:-70px;" />
Toujours dans ta page d’accueil, là où tu as mis en place la première div :
- Code:
<div style="margin-top:-510px;margin-left:30px;">
Et pour finir, on ajoute ceci pour éviter que les catégories ne dépassent du corps du forum :
- Code:
.forumline {width:90%;margin-left:13px;}
Il y aura peut-être d’autres réglages à faire dans les templates…
Mais voilà, ça fait beaucoup de bidouillage avec des marges négatives et compagnie, personnellement je suis pas trop pour…
Il doit y avoir moyen de refaire ça plus proprement.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Faire passer une image au dessus du bodyline
Alors !
Ca marche très bien :3.
Mais c'est vrai que ça fait pas mal de bidouillage et que ça décentre pas mal de trucs, comme les liens sur la droite et le bidule pour agrandir la chatbox...
Je vais utiliser ta technique en attendant et bidouiller également de mon côté pour voir s'il n'existe pas un moyen plus propre de faire ça, mais je te remercie énormément <3
Ca marche très bien :3.
Mais c'est vrai que ça fait pas mal de bidouillage et que ça décentre pas mal de trucs, comme les liens sur la droite et le bidule pour agrandir la chatbox...
Je vais utiliser ta technique en attendant et bidouiller également de mon côté pour voir s'il n'existe pas un moyen plus propre de faire ça, mais je te remercie énormément <3
Re: Faire passer une image au dessus du bodyline
Ce que tu peux faire, c’est insérer ton image en fond dans une div, dans laquelle tu places ta page d’accueil.
Exemple :
Et dans le CSS, on insère l’image ainsi :
Après, tu n’as qu’à mettre ta div en élément flottant :
À partir de ça, tu peux ensuite placer ta div (et donc : ton image) où tu veux sans que celle-ci n’influence l’élément bodyline.
Exemple :
- Code:
<div class="pageaccueil">Ta page d’accueil ici</div>
Et dans le CSS, on insère l’image ainsi :
- Code:
.pageaccueil {
background-image:url("http://i.imgur.com/5E6SeS8.png");
height:575px; /* hauteur de l’image */
width:1039px; /* largeur de l’image */}
Après, tu n’as qu’à mettre ta div en élément flottant :
- Code:
.pageaccueil {
background-image:url("http://i.imgur.com/5E6SeS8.png");
height:575px; /* hauteur de l’image */
width:1039px; /* largeur de l’image */
position:absolute; /* élément flottant */}
À partir de ça, tu peux ensuite placer ta div (et donc : ton image) où tu veux sans que celle-ci n’influence l’élément bodyline.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Faire passer une image au dessus du bodyline
HAN !
C'est génial, ça marche impeccablement bien une fois les réglages fait *^*
Le sujet est donc clos, je le met en résolu et je te remercie encore énormément pour ton aide <3
C'est génial, ça marche impeccablement bien une fois les réglages fait *^*
Le sujet est donc clos, je le met en résolu et je te remercie encore énormément pour ton aide <3
Sujets similaires
» Faire passer le header au dessus du forumline/bodyline ?
» Peut-on le faire passer au dessus ?
» Faire passer les sujets au dessus des sous-forum.
» Comment faire pour que le "Titre du Rang" ne s'affiche plus au dessus de "L'image du rang" ?
» Comment faire un texte par dessus l'image de fond ?
» Peut-on le faire passer au dessus ?
» Faire passer les sujets au dessus des sous-forum.
» Comment faire pour que le "Titre du Rang" ne s'affiche plus au dessus de "L'image du rang" ?
» Comment faire un texte par dessus l'image de fond ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum