Bordure images HTML/CSS
Résolu
Bonjour,
voila prés de 2 ans que j'apprend les languages de programmation .
je connais aujourd'hui le (X)HTML/CSS , PHP/MYSQL , C et C++ !
mais voila je veut me lancer et créer un site internet seulement voila j'ai tous fais ( le design, l'integration du contenue en PHP ... ) mais je souhaiterais modifier ces vilaines bordure toute moche avec des bordures en image !
voila un exemple pour que ce soit plus claire =D :
https://www.jeuxvideo.com/
sur le cotés le menu a : en haut une image puis au centre il y a un :
comment faire la meme choses ???
merci d'avance !
Cordialement, Lelex347
voila prés de 2 ans que j'apprend les languages de programmation .
je connais aujourd'hui le (X)HTML/CSS , PHP/MYSQL , C et C++ !
mais voila je veut me lancer et créer un site internet seulement voila j'ai tous fais ( le design, l'integration du contenue en PHP ... ) mais je souhaiterais modifier ces vilaines bordure toute moche avec des bordures en image !
voila un exemple pour que ce soit plus claire =D :
https://www.jeuxvideo.com/
sur le cotés le menu a : en haut une image puis au centre il y a un :
background-repeat:repeat-y;
comment faire la meme choses ???
merci d'avance !
Cordialement, Lelex347
5 réponses
-
Salut !
C'est le petit triangle jaune en haut à droite, et la flèche en bas au milieu que tu veux faire ?
Je suppose que oui. Tout cela ce sont des images. Je n'utiliserais pas en Css background pour les border. Il faut donc créer ton menu (avec des <div>, <ul>, <li> et tout ce que tu veux) et selon l'ID ou la classe, en CSS, tu ajustesla hauteur, la largeur de la balise, et tu lui mets une image de fond (background: url() ou background-image). L'image sera dans le premier cas un fond vert, une flèche à gauche, un triangle en haut à droite, et "Magazine" écrit en jaune.
Bye ;) -
Personne a la réponse ?? =(
-
Salut !
Tu veux dire pour le fond ?
Je t'explique :
La couleur de fond (body : bgcolor) est grise claire.
Ensuite, au dessus, ils ont collé une image dégardée qui passe du noir au gris clair.
Elle se répète horizontalement (repeat-y), mais pas verticalement (repeat-x) puisque c'est un dégradé.
Donc, crée un dégardé, mets une couleur de fond, et ajuste le CSS avec background-repeat.
Bye ;) -
non pas exactement =S
voila une image plus détaillé ^^'
http://hpics.li/3494805
j'aimerais mettre une " Border-top-image " en haut ( ce qu'il y a en jaune )
puis faire unbackground-repeat=repeat-y;
( en rouge )
puis faire un " Border-bottom-image " en bas !
seulement ces balise n'existe pas ^^'
donc est-ce que quelqu'un pourrait m'expliquer comment faire ce type de menu ??
Cordialement , Lelex347 -
Merci a toi Bilow j'ai reussi d'aprés ta methode ! ;)
