Bordure images HTML/CSS

Résolu/Fermé
lelex347 Messages postés 27 Date d'inscription mercredi 30 juin 2010 Statut Membre Dernière intervention 20 février 2011 - 29 août 2010 à 14:35
lelex347 Messages postés 27 Date d'inscription mercredi 30 juin 2010 Statut Membre Dernière intervention 20 février 2011 - 31 août 2010 à 14:58
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 :


background-repeat:repeat-y;


comment faire la meme choses ???

merci d'avance !



Cordialement, Lelex347

A voir également:

5 réponses

Bilow Messages postés 1022 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 2 août 2015 117
30 août 2010 à 12:37
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 ;)
1
lelex347 Messages postés 27 Date d'inscription mercredi 30 juin 2010 Statut Membre Dernière intervention 20 février 2011 8
29 août 2010 à 17:11
Personne a la réponse ?? =(
0
Bilow Messages postés 1022 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 2 août 2015 117
29 août 2010 à 18:14
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 ;)
0
lelex347 Messages postés 27 Date d'inscription mercredi 30 juin 2010 Statut Membre Dernière intervention 20 février 2011 8
30 août 2010 à 10:41
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 un
background-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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
lelex347 Messages postés 27 Date d'inscription mercredi 30 juin 2010 Statut Membre Dernière intervention 20 février 2011 8
31 août 2010 à 14:58
Merci a toi Bilow j'ai reussi d'aprés ta methode ! ;)
0