[HTML, CSS] Bannière - entête
Antoine
-
o.O Messages postés 54 Date d'inscription Statut Membre Dernière intervention -
o.O Messages postés 54 Date d'inscription Statut Membre Dernière intervention -
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.
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.
A voir également:
- Bannière html css
- Editeur html - Télécharger - HTML
- Bannière instagram - Guide
- Espace en html ✓ - Forum HTML
- Espace html ✓ - Forum Webmastering
- Supprimer bannière freebox révolution - Forum Box et Streaming vidéo
19 réponses
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.
C'est l'entête (en haut) et les 2 bannières, à gauche et à droite.
Merci encore.
Je ne comprends pas... tu parles des pubs ? Si oui, elles sont en flash... et le css n'a rien à voir avec ça...
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.
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.
Tu peux fonctionner de différentes manières... soit tu crées une image de fond en prenant bien en compte tes blocs HTML, soit tu "découpes" cette fameuse image en pensant +/- de la même façon ! :D
Compris ? (suis pas hyper clair...)
Bon travail ! :D
Compris ? (suis pas hyper clair...)
Bon travail ! :D
Alors encore merci à toi de m'aider monkey_monk,
sinon excuse moi je n'ai pas compris comment faire, c'est ma faute, je t'ai dit je suis vraiment novice en CSS.
Alors je doit modifier l'image de fond (lien dans le CSS ?) ?
J'avoue que je ne sait pas trop comment faire, je doit choisir à chaque fois des images d'une grande taille (supérieure à celle des blocs HTML pour voir sur les côtés. Ensuite pour le haut je fais comment ?
Et sinon, je sais je suis embêtant ^^, ensuite j'ai vu que sur ces sites après ils poursuivent par un dégradé en couleur car oui en effet, si je met une image, elle aura forcément à un moment une fin en longueur et à partir d'un moment il n'y aura plus que du blanc, alors certains sites (comme AlloCiné) eux mettent un dégradé de couleur.
Donc on voit l'image (qui fait la taille de l'écran) puis si on descend il y a un léger dégradé vers une couleur, qui après reste jusqu'en bas jusqu'au footer.
http://nsa10.casimages.com/img/2009/11/08//091108011020804622.jpg
C'est donc comme cela que j'aimerais faire.
Merci encore de ton aide.
Bonne journée.
sinon excuse moi je n'ai pas compris comment faire, c'est ma faute, je t'ai dit je suis vraiment novice en CSS.
Alors je doit modifier l'image de fond (lien dans le CSS ?) ?
J'avoue que je ne sait pas trop comment faire, je doit choisir à chaque fois des images d'une grande taille (supérieure à celle des blocs HTML pour voir sur les côtés. Ensuite pour le haut je fais comment ?
Et sinon, je sais je suis embêtant ^^, ensuite j'ai vu que sur ces sites après ils poursuivent par un dégradé en couleur car oui en effet, si je met une image, elle aura forcément à un moment une fin en longueur et à partir d'un moment il n'y aura plus que du blanc, alors certains sites (comme AlloCiné) eux mettent un dégradé de couleur.
Donc on voit l'image (qui fait la taille de l'écran) puis si on descend il y a un léger dégradé vers une couleur, qui après reste jusqu'en bas jusqu'au footer.
http://nsa10.casimages.com/img/2009/11/08//091108011020804622.jpg
C'est donc comme cela que j'aimerais faire.
Merci encore de ton aide.
Bonne journée.
Et bien oui, tu dois prévoir une image qui puisse atteindre toutes les résolutions... ensuite, pour ce qui est des dégradés, il te suffit de le créer dans ton image... en pensant à la couleur de fond de ton site ! (le fait d'avoir une image de fond ne dispense pas forcément de mettre une couleur de fnd ;) )
Bjr
Bon ben si tu es novice en CSS va falloir que tu deviennes très vite expert si tu veux réaliser toi-même un site en utilisant le positionnement via CSS
D'abord va lire et surtout comprendre les 3 tutoriaux ici
https://openweb.eu.org/articles/initiation_flux
A lire aussi : https://www.alsacreations.com/article/lire/53-guide-de-survie-du-positionnement-css.html
(d'ailleurs sur ce site ils renvoient également vers openweb ;-)
C'est le B.A. BA ! Il est indispensable de connaître parfaitement les propriétés float, position etc et de savoir comment elles influencent le rendu.
Sache qu'un site c'est pareil que les boîtes jaunes et vertes du tuto sauf qu'elles sont plus nombreuses et surtout plus grandes. Mais fondamentalement il n'existe aucune différence ;-)
Une fois que tu as compris le truc (c'est pas non plus hyper sorcier hein lol) alors tu peux utiliser des modèles de site tout prêt et les adapter facilement.
Bon ben si tu es novice en CSS va falloir que tu deviennes très vite expert si tu veux réaliser toi-même un site en utilisant le positionnement via CSS
D'abord va lire et surtout comprendre les 3 tutoriaux ici
https://openweb.eu.org/articles/initiation_flux
A lire aussi : https://www.alsacreations.com/article/lire/53-guide-de-survie-du-positionnement-css.html
(d'ailleurs sur ce site ils renvoient également vers openweb ;-)
C'est le B.A. BA ! Il est indispensable de connaître parfaitement les propriétés float, position etc et de savoir comment elles influencent le rendu.
Sache qu'un site c'est pareil que les boîtes jaunes et vertes du tuto sauf qu'elles sont plus nombreuses et surtout plus grandes. Mais fondamentalement il n'existe aucune différence ;-)
Une fois que tu as compris le truc (c'est pas non plus hyper sorcier hein lol) alors tu peux utiliser des modèles de site tout prêt et les adapter facilement.
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/
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/
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
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.
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 :
<div id="top" style="padding: 0px;">
<img src="emplacement de ton image" id="..." alt="" />
</div>
#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 :
<div id="top" style="padding: 0px;">
<img src="emplacement de ton image" id="..." alt="" />
</div>
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.
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
<div id="top" style="padding: 0px;"> <img src="emplacement de ton image" id="..." alt="" /> </div>
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.
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
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
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:
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.
Alors pour ne pas la répété voila :
background-image: url("...") ;
background-repeat: no-repeat ;
background-attachment: fixed ; etc.... }
background-image: url("...") ;
background-repeat: no-repeat ;
background-attachment: fixed ; etc.... }
A, merci bien, là c'est bon, elle ne se répète plus, cependant, si je met
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
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.
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.
Et bien je pense qu'il faut que tu créer une nouvelle balise DIV comme cela :
<div id=bottom ...>
[...]
</div>
tu voit ou je veux en venir?
<div id=bottom ...>
[...]
</div>
tu voit ou je veux en venir?
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.
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.
