Bordure images HTML/CSS [Résolu/Fermé]

Signaler
Messages postés
27
Date d'inscription
mercredi 30 juin 2010
Statut
Membre
Dernière intervention
20 février 2011
-
Messages postés
27
Date d'inscription
mercredi 30 juin 2010
Statut
Membre
Dernière intervention
20 février 2011
-
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

5 réponses

Messages postés
1022
Date d'inscription
samedi 21 août 2010
Statut
Membre
Dernière intervention
2 août 2015
116
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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
27
Date d'inscription
mercredi 30 juin 2010
Statut
Membre
Dernière intervention
20 février 2011
7
Personne a la réponse ?? =(
Messages postés
1022
Date d'inscription
samedi 21 août 2010
Statut
Membre
Dernière intervention
2 août 2015
116
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 ;)
Messages postés
27
Date d'inscription
mercredi 30 juin 2010
Statut
Membre
Dernière intervention
20 février 2011
7
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
Messages postés
27
Date d'inscription
mercredi 30 juin 2010
Statut
Membre
Dernière intervention
20 février 2011
7
Merci a toi Bilow j'ai reussi d'aprés ta methode ! ;)