[HTML, CSS] Bannière - entêteFermé

Question

Bonjour ou bonsoir,
je voulais savoir comment faire un site (sa je sait faire ^^ mais...) qui est modifiable au niveau des bannières et entête mais qui surtout a ces derniers disposés de la manière de beaucoup de site dont:
http://allociné.fr
https://www.jeuxvideo.com/

Je parle donc des images des nouveautés (jeux pour JeuxVideo et sorties ciné pour Allociné), alors certes eux ce sont de la pub, ils gagnent de l'argent etc... mais moi je voudrais mettre mes propres images, par exemple sur le dernier article etc....

Je sais que c'est par rapport au code HTML et au CSS mais je ne m'y connais pas trop en CSS voilà pourquoi j'ai besoin de votre aide.

Merci d'avance et bonne journée.

Antoine · Answer

Excusez-moi, je voulais juste ajouter que je ne parle pas des "avant -page", vous savez ces pages de pubs qu'il y a avant la page d'accueil, non, moi je parle carrément de ce qu'il y a sur toutes les pages.

C'est l'entête (en haut) et les 2 bannières, à gauche et à droite.

Merci encore.

monkey_monk · Answer

Je ne comprends pas... tu parles des pubs ? Si oui, elles sont en flash... et le css n'a rien à voir avec ça...

Antoine · Answer

Bonjour monkey_monk et merci de prêter attention à ma requête.

Alors, désolé, je me suis mal expliqué ^^. Et puis j'ai choisi JeuxVideo.com comme exemple et à 90% du temps il y a en et aujourd'hui il n'y en avait pas, et comme je n'ai pas vérifié ^^, je pense que c'est pour sa que tu n'as pas compris.

Alors, en fait je ne parle pas des publicités à proprement parlé, car en effet ce sont des pubs, mais dans mon cas je ne souhaiterais pas quelles soient forcément animées mais de simples photos, et en fait je ne parle pas des pubs carrées ou rectangulaires mais de l'entête et des 2 colonnes sur les côtés.

Regarde ce screen voilà de quoi je parle et ce que j'aimerais savoir mettre sur mon site:
http://nsa10.casimages.com/img/2009/11/08//091108021335592211.jpg

Par exemple sur les sites en temps normal il y a des couleurs (je sais faire sa, c'est un simple barre en image, ou des fois il y a des dégradés de couleurs par exemple), l'exemple de CCM.net est de la couleur Grise:
http://nsa11.casimages.com/img/2009/11/08//091108021837128886.jpg

Moi aussi j'ai de la couleur, mais je souhaiterais à la place afficher des images, au-dessus de la barre du menu tout en haut et sur les côtés.

Et si possible que sa ne donne l'impression de n'être qu'une seule image.
J'ai vraiment toujours adoré cet effet sans jamais savoir comment le faire.

Voilà, merci encore.

shaheenwilson · Answer

Bonjour à tous, 

Je suis en train de créer un site professionnel. J'ai juste une question, 

Comment mettre des images/photos sur mon site en PHP ou autre ?? 

Merci pour vos conseils, 

https://www.book.fr/

o.O · Answer

dans ton code source en HTML tu a juste a ajouter :
<img src="emplacement de ton image" alt="" />

Antoine · Answer

Woa, super, merci à tous, vraiment c'est très gentil, grâce à vous tous et vos aides j'ai réussi à mettre une image de fond comme sur ces sites, enfin en partie ^^, car pour l'instant je n'ai fait, pour tester, que de réutiliser celle de Allocine:
http://a69.g.akamai.net/...

Mais sa marche.
J'ai fait
background: url(http://a69.g.akamai.net/...

Cependant, je n'ai pas encore eu le temps de totalement lire les tutos et surtout de les assimiler, alors je ne sait pas comment on fait le dégrader, en fait il est fait sur l'image, je souhaite en fait simplement savoir comment faire pour mettre une couleur après, car j'ai mis image mais elle se répète. Comment faire pour qu'après il y ai une couleur ?

Et dernière question, comment faire pour mettre aussi une image en haut ? Car ce qu'il y a en haut est caché par mon menu, comment alors faire baisser ce menu dans le CSS ? (ce n'est pas min CSS, c'estune charte graphique) donc quelle est la classe à descendre ?

Voilà, merci encore bien à vous tous.
Bonne journée.

o.O · Answer

Re, tu as placé des balises DIV dans ton code HTML pour séparer tes blocs?

Antoine · Answer

Oui ^^, j'ai en effet les balises

[...]

o.O · Answer

bien, alors dans ton CSS tu a quelque chose qui doit ressembler a cela : #top { ... } J'ai vu que tu souhaitait changer la couleur, il te suffit donc #top { background-color:rgb(50,32,24); } Ici, rgb veut dire red green blue et dans la parenthèse tu met la quantité de la couleur que tu veux pour t'aider a la choisir tu ouvre paint et tu va dans couleurs ==> modifier les couleurs ... définir les couleurs personnalisés et tu choisi ta couleur puis tu reporte les quantité de couleurs dans la paranthèse. Pour mettre une image en haut : dans ton code HTML dans ta balise DIV top :

Antoine · Answer

Merci beaucoup de ton aide o.O , alors en fait pour être précis ce que je veut faire c'est que, lorsque j'ai mon image de fond, au bout d'un moment elle est finie, et bien là elle se répète, moi je souhaiterais qu'il y a une couleur juste après (noir) et que l'image ne se répète pas (comme sur le site Allocine.fr). Enfin, j'ai donc une image complète (l'image de fond, pour l'instant celle reprise de Allociné) et j'ai donc les 2 colonnes qui sont affichées mais en haut c'est caché par mon menu, si je fais ce que tu m'as dit

et sachant que l'image http://a69.g.akamai.net/... est entière (c'est à dire le haut plus le contour, les 2 colones) et bien sa va faire bizarre non ? SA va pas me réafficher toute l'image entière ? Voilà, merci encore et bonne journée.

o.O · Answer

Je comprend pas trop trop ce que tu veut :s
mais je pense que tu peut essayer dans ton css :
#top
{
text-indent:45ou100px; (par exmple)
text-align:left, center, right;
}

Pour le baisser dans la page, il suffit de lui dire de le mettre plus bas en lui donnant une valeur en pixels.
position: absolute; top :Xpx;

Mais on aussi la possibilité de le placer à droite :
position: absolute; right :Xpx;

Ou de le plasser à gauche :
position: absolute; left: Xpx

Ou en bas :
position absolute; bottom: Xpx

Ces choses la peuvent peut être t'aider

Antoine · Answer

Alors merci bien, c'est ce que je cherchais, descendre ou monter des blocs pour laisser apparaître l'image de fond en haut.

Sinon c'est vrai que je me suis mal expliqué, alors en fait voilà un screen:
http://nsa10.casimages.com/img/2009/11/08//091108041817569669.jpg

On voit que sur les côté l'image se termine MAIS il n'y a pas du blanc ou du vide mais ils ont mis du noir aussitôt après l'image, et l'image se ne répète pas.

J'ai donc mis dans mon CSS:
background: url(http://a69.g.akamai.net/...
Mais si je laisse comme cela, après l'image et bien il y en a encore une et à l'infinie tant que ma page continue. Je souhaiterais qu'il n'apparaisse qu'une image et qu'une fois la fin de l'image qu'il y ai du noir.

Voilà ^^ j'espère avoir expliqué comme il fallait ^^ et je te remercie encore.

Bonne journée.

o.O · Answer

Alors pour ne pas la répété voila :

background-image: url("...") ;
background-repeat: no-repeat ;
background-attachment: fixed ; etc.... }

Antoine · Answer

A, merci bien, là c'est bon, elle ne se répète plus, cependant, si je met
background-attachment: fixed ;

et bien c'est tout le reste du site qui bouge et l'image reste fixe.

Je sais je suis embêtant ^^ mais je voulais que l'image bouge en même temps, donc j'ai bien mis
background-image: url("...") ;
background-repeat: no-repeat ; 

et là c'est bon, mais maintenant après l'image et bien il n'y a plus rien (c'est blanc).
Comment maintenant afficher du noir ou une autre image (une image noire) ?

Et vraiment, merci beaucoup encore.

Bonne journée.

o.O · Answer

Et bien je pense qu'il faut que tu créer une nouvelle balise DIV comme cela :

[...]

tu voit ou je veux en venir?

Antoine · Answer

Heu non désolé :(

J'aurais pensé qu'il fallait simplement ajouter un petit quelque chose.
  background-image: url(http://a69.g.akamai.net/n/69/10688/v1/img4.allocine.fr/acmedia/images/banners/Header/back_parnassus.jpg ;
  background-repeat: no-repeat ;
[ICI UNE AUTRE "REQUETE" ]
comme c'est à la suite, j'aurais pensé que sa se serait poursuivit et que sa aurait affiché l'image. Enfin, comme je l'ai dit je ne connais pas CSS.

Et si je créé une nouvelle balise DIV, est-ce que sa apparaîtra juste après l'image ? Car je ne voudrais pas qu'il y ai de blanc entre la fin de l'image en haut , tout le contenu de la page et le bas de la page.

o.O · Answer

Ouais on peut essayer comme ça :
tu n'a qu'a essayer 
background-color: black;

Antoine · Answer

OUI !!! WOA, merci Infiniment o.O, sa marche ^^.

Si tu savais combien je te remercie. Tu m'as vraiment bien aidé. Je tenais vraiment à faire ceci et grâce à toi sa marche.

Merci beaucoup à toi.

Je te souhaite de passer une excellente journée.

o.O · Answer

Et bien de rien !
Bonne journée !
Si tu a d'autres problèmes n'hésite pas !

[HTML, CSS] Bannière - entête

19 réponses

Discussions similaires

Newsletters