Corps vertical
2 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
Corps vertical
Bonjour,
J'ai un petit soucis au niveau de l'esthétique de mon forum. J'aimerai faire le corps de mon forum entièrement avec des images. Voilà le résultat que j'aimerai obtenir :
https://i.servimg.com/u/f33/18/09/21/93/previe10.jpg
Je ne peux pas le faire en jouant avec le pourcentage de largeur du forum car cela se déforme selon les écrans...
Voici ma bannière :
https://i.servimg.com/u/f35/18/41/44/05/catsd_20.jpg
Et voici le corps du forum que j'aimerai mettre :
https://i.servimg.com/u/f35/18/41/44/05/corps11.jpg
J'ai donc suivi ce topic pour le corps:
https://forum.forumactif.com/t337714-corps-de-categories-en-images
et celui-ci pour la bannière :
https://forum.forumactif.com/t327631-banniere-en-background-un-deuxieme-fond
Le problème est que le corps ne s'affiche pas. Peut-être que cela vient du fait qu'il y ait 2 balises body, je ne sais pas. Voici les codes dans mon CSS :
Merci pour l'aide que vous pourrez m'apporter !
J'ai un petit soucis au niveau de l'esthétique de mon forum. J'aimerai faire le corps de mon forum entièrement avec des images. Voilà le résultat que j'aimerai obtenir :
https://i.servimg.com/u/f33/18/09/21/93/previe10.jpg
Je ne peux pas le faire en jouant avec le pourcentage de largeur du forum car cela se déforme selon les écrans...
Voici ma bannière :
https://i.servimg.com/u/f35/18/41/44/05/catsd_20.jpg
Et voici le corps du forum que j'aimerai mettre :
https://i.servimg.com/u/f35/18/41/44/05/corps11.jpg
J'ai donc suivi ce topic pour le corps:
https://forum.forumactif.com/t337714-corps-de-categories-en-images
et celui-ci pour la bannière :
https://forum.forumactif.com/t327631-banniere-en-background-un-deuxieme-fond
Le problème est que le corps ne s'affiche pas. Peut-être que cela vient du fait qu'il y ait 2 balises body, je ne sais pas. Voici les codes dans mon CSS :
- Code:
BANNIERE ---------------------------------------------->
.body
{
background-color: #574939;
background-position: top;
background-repeat: no-repeat;
}
.bannière_header {
background-image:url("http://i35.servimg.com/u/f35/18/41/44/05/catsd_20.jpg");
background-position:top center;
background-repeat:no-repeat;
background-color: #574939;
height:600px;
width:1280px;}
CORPS -------------------------------->
.body {
background-image:url("http://i35.servimg.com/u/f35/18/41/44/05/corps11.jpg");
background-repeat:repeat-y;
background-position:center;
margin-top:0px;}
Merci pour l'aide que vous pourrez m'apporter !
Dernière édition par Yume-sama le Ven 2 Aoû 2013 - 21:48, édité 1 fois
Re: Corps vertical
Bonjour !
J'ai lu la fin du message en diagonale mais comme ça me fait penser à plusieurs desyns que j'ai déjà vu...
La façon la plus simple est de mettre cette image ci https://i.servimg.com/u/f33/18/09/21/93/previe10.jpg en backround en agrandissant le cadre bleu pâle vers le bas pour qu'il y ait de la place pour toutes les catégories et donc en enlevant le cadre rouge schématisé et de mettre le logo transparent. Si je me rappelle bien j'ai vu ça sur des forums de forumactif.
Voilà, en espérant que ça marche bien.
J'ai lu la fin du message en diagonale mais comme ça me fait penser à plusieurs desyns que j'ai déjà vu...
La façon la plus simple est de mettre cette image ci https://i.servimg.com/u/f33/18/09/21/93/previe10.jpg en backround en agrandissant le cadre bleu pâle vers le bas pour qu'il y ait de la place pour toutes les catégories et donc en enlevant le cadre rouge schématisé et de mettre le logo transparent. Si je me rappelle bien j'ai vu ça sur des forums de forumactif.
Voilà, en espérant que ça marche bien.
Re: Corps vertical
Merci pour ta réponse !
J'ai déjà essayé cette méthode. C'est a première qui m'est venue en tête en fait. Mais, je ne trouvais la bonne longueur pour que tout tienne, en sachant que si je fais des modifications dans l'avenir au niveau des catégories, je vrais sans cesse redimensionner le background en le rallongeant ou autre. De plus, je ne veux pas que le chargement de la page soit excessivement long, donc avec un background de 2000px de long voire plus, ce sera le cas...
Je sais qu'il existe une méthode un peu similaire à ce que j'ai fait, mais visiblement ce n'est pas tout à fait ça !
EDIT : En fait il suffirait de faire la même chose qu'avec la bannière je pense. Metre une balise div dans le html, et compléter avec le CSS ! Est-ce que quelqu'un peut me dire où se trouve le background dans le html, dans quelle template, et où est-ce que je dois placer la balise div ?
EDIT 2 : Bon j'ai modifié avec un code de never utopia, composé du header, du footer et du corps
Voici donc ce que j'ai mit :
et rien ne s'affiche.........
J'ai déjà essayé cette méthode. C'est a première qui m'est venue en tête en fait. Mais, je ne trouvais la bonne longueur pour que tout tienne, en sachant que si je fais des modifications dans l'avenir au niveau des catégories, je vrais sans cesse redimensionner le background en le rallongeant ou autre. De plus, je ne veux pas que le chargement de la page soit excessivement long, donc avec un background de 2000px de long voire plus, ce sera le cas...
Je sais qu'il existe une méthode un peu similaire à ce que j'ai fait, mais visiblement ce n'est pas tout à fait ça !
EDIT : En fait il suffirait de faire la même chose qu'avec la bannière je pense. Metre une balise div dans le html, et compléter avec le CSS ! Est-ce que quelqu'un peut me dire où se trouve le background dans le html, dans quelle template, et où est-ce que je dois placer la balise div ?
EDIT 2 : Bon j'ai modifié avec un code de never utopia, composé du header, du footer et du corps
- Code:
body
{
background-image: url(header.jpg), url(footer.jpg), url(corps.jpg);
background-position: top center, bottom center, top center;
background-repeat: no-repeat, no-repeat, repeat-y;
background-attachment: scroll, scroll, scroll;
background-color: #000000;
}
Voici donc ce que j'ai mit :
- Code:
.body
{
background-image: url("http://i35.servimg.com/u/f35/18/41/44/05/header12.jpg"), url("http://i35.servimg.com/u/f35/18/41/44/05/footer11.jpg"), url("http://i35.servimg.com/u/f35/18/41/44/05/footer11.jpg");
background-position: top center, bottom center, top center;
background-repeat: no-repeat, no-repeat, repeat-y;
background-color: #574939;
height:737px;
margin: auto;
}
et rien ne s'affiche.........
Re: Corps vertical
Finalement, j'ai réussi à m'en sortir toute seule =)
Si jamais comme moi, vous ne parvenez pas à avoir deux backgrounds, malgré les milliers de tutos qui fonctionnent chez pas mal de gens, je vous donne mon astuce !
Tout d'abord pour le header (la bannière en gros), suivez ce topic où Matriochka énonce comment faire :
https://forum.forumactif.com/t327631-banniere-en-background-un-deuxieme-fond
Un fois cela fait, pour le corps, càd ceci chez moi :
Aller directement le mettre dans Affichage -> Gestion des images -> Image de fond de page.
Même si votre image est large, elle s'adaptera plus tard.
Ensuite retournez dans l'onglet Général, puis Configuration -> Description du forum (oui oui) et coller ceci afon qu'il ne s'affiche pas en mosaïque.
Et voilà =D
Si jamais comme moi, vous ne parvenez pas à avoir deux backgrounds, malgré les milliers de tutos qui fonctionnent chez pas mal de gens, je vous donne mon astuce !
Tout d'abord pour le header (la bannière en gros), suivez ce topic où Matriochka énonce comment faire :
https://forum.forumactif.com/t327631-banniere-en-background-un-deuxieme-fond
Un fois cela fait, pour le corps, càd ceci chez moi :
- Spoiler:
Aller directement le mettre dans Affichage -> Gestion des images -> Image de fond de page.
Même si votre image est large, elle s'adaptera plus tard.
Ensuite retournez dans l'onglet Général, puis Configuration -> Description du forum (oui oui) et coller ceci afon qu'il ne s'affiche pas en mosaïque.
- Code:
<style type=text/css> body { background-attachment: scroll; background-repeat: repeat-y; background-position: top center; }</style>
Et voilà =D
Sujets similaires
» J'ai perdu les icones en haut du corps des messages et le corps du message est minuscule
» Creer Menu Vertical, help
» Barre de navigation vertical
» alignement vertical approximatif
» Problème sur le menu vertical
» Creer Menu Vertical, help
» Barre de navigation vertical
» alignement vertical approximatif
» Problème sur le menu vertical
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