Corps vertical

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

Résolu Corps vertical

Message par Yume-sama le Mar 30 Juil 2013 - 11:24

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://i33.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://i35.servimg.com/u/f35/18/41/44/05/catsd_20.jpg
Et voici le corps du forum que j'aimerai mettre :
https://i35.servimg.com/u/f35/18/41/44/05/corps11.jpg

J'ai donc suivi ce topic pour le corps:
http://forum.forumactif.com/t337714-corps-de-categories-en-images
et celui-ci pour la bannière :
http://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

Yume-sama
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 01/02/2013

http://universitehanachi.forumactif.com/
Yume-sama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps vertical

Message par Killae le Mar 30 Juil 2013 - 15:21

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://i33.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.

Killae
*

Messages : 42
Inscrit(e) le : 23/09/2012

http://bientot-un-lien.foruma-actif.net
Killae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps vertical

Message par Yume-sama le Mar 30 Juil 2013 - 15:27

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


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.........

Yume-sama
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 01/02/2013

http://universitehanachi.forumactif.com/
Yume-sama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps vertical

Message par Yume-sama le Ven 2 Aoû 2013 - 21:47

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 :
http://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

Yume-sama
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 01/02/2013

http://universitehanachi.forumactif.com/
Yume-sama 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