CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

CSS : style menu jv.com

TestiCube
TestiCube
Niveau 5
09 octobre 2006 à 21:40:02

Salut tlm , je voudrais comment optenir un effet du meme type que le menu de jv.com , c´est à dire que lorsque l´on survole un lien du menu , un rectangle coloré en arriere plan apparait. C´est joli et ça me serai tres utile pour embellir le site de l´association à laquelle j´adhère.

merci

Killinguin
Killinguin
Niveau 10
09 octobre 2006 à 22:46:08

:d) HTML
<div class=´lien´>
<a href=´´>Lien 1</a>
<a href=´´>Lien 2</a>
<a href=´´>Lien 3</a>
</div>

:d) CSS
.lien a {
font-family:Arial;
font-size:12px; font-weight:bold;
color:#000;
text-decoration:none; }

.lien a:hover {
color:#fff; background-color:#ff0000; }

Après à toi d´ajouter des bordures en pointillets, un effet de dégradé dans les menus.

PS / Si tu veux faire un effet de dégradé comme jvcom qui se dégrade dans tout le menu ne met pas le background image dans le champ .lien a ! Mais dans le champ .lien !
.lien {
width: LARGEURpx;
background:url(images/tonimage.jpg); }

En espérant avoir été clair.

Yling
Yling
Niveau 10
10 octobre 2006 à 16:23:05

Tu t´es pas un peu trompé, ...

:d) HTML
<div class=´lien´>
<a href=´´>Lien 1</a>
<a href=´´>Lien 2</a>
<a href=´´>Lien 3</a>
</div>

Normalement on mets des " et pas des ´ en HTML non ?

:d) HTML
<div class="lien">
<a href="">Lien 1</a>
<a href="">Lien 2</a>
<a href="">Lien 3</a>
</div>

darth-bane
darth-bane
Niveau 10
10 octobre 2006 à 17:06:41

Les 2 fonctionnent il me semble !

TestiCube
TestiCube
Niveau 5
10 octobre 2006 à 17:54:38

:ok: merci pour ta réponse , cela fonctionne . je n´ai par contre pas tout à fait le resultat souhaité , il faudrait que les rectangles soient tous de la meme longueur pour harmoniser l´ensemble du menu c tout .

il ne dpit surment aps y avori grand chose a modifié pour y aprvenir amsi je ne susi aps tres doué en CSS donc merci a celui qui postera son aide

Killinguin
Killinguin
Niveau 10
10 octobre 2006 à 19:11:30

Yling :d) Les deux marches ! Moi j´ai l´habitude de metre ´ au lieu ".

Donc ce que j´ai mis marche.

deepblue
deepblue
Niveau 16
10 octobre 2006 à 19:20:24

Fonctions css a utiliser :
display:block;
height:;
width:;
background;:
+ a:hover

deepblue
deepblue
Niveau 16
10 octobre 2006 à 19:26:27

http://www.simmstein.be/aide/lienstypejv.html

Killinguin
Killinguin
Niveau 10
10 octobre 2006 à 22:02:12

http://killinguin.free.fr/001.html

Tu compliques un peu avec les <ul> et <li> deep.
Ce que j´ai fais reviens au même mais avec un code plus court.

deepblue
deepblue
Niveau 16
10 octobre 2006 à 22:06:56

Sauf que les listes sont faites pour ça...
J´utilise le code html approrié.

Quand tu devrais changer l´apect de ton site en utilisant une grande partie du css, tu vas apprecier d´avoir codé de la bonne maniere :)

Killinguin
Killinguin
Niveau 10
10 octobre 2006 à 22:10:54

Si je dois changer l´aspect de mon site (les couleurs ?) je modifie le css.

Je ne vois pas l´utilité de metre des <ul> <li>
Un div qui regroupe les liens suffit emplement.

deepblue
deepblue
Niveau 16
10 octobre 2006 à 22:14:58

Je ne dis pas que ça suffit ou non, sauf que c´est une maniere de coder pas propre.

Si le css doit etre deactivé pour X raisons, un site doit rester accessble et lisible.
Regarde nos 2 pages sans le css et tu verras tout de meme une legere différence.

Tu codes comme toi tu l´entends, moi je fais ce que je trouve etre le mieu :ok:

:)

darth-bane
darth-bane
Niveau 10
10 octobre 2006 à 22:17:00

deepblue :d) pas besoin de mettre margin:0; padding:0; dans ul li puisqu´ils sont déjà dans ul. Héritage des propriétés oblige :ok:

darth-bane
darth-bane
Niveau 10
10 octobre 2006 à 22:18:43

J´abonde dans le sens de deepblue !

Killinguin
Killinguin
Niveau 10
10 octobre 2006 à 22:19:14

C´est vrai que sans css ton code reste plus lisible que le mien, cependant tu imagines un peu le pir, je n´es jamais connu de site qui a vu son css désactivé.
Peut-être une fois lorsque le chargement n´a pas été fais correctement on voit les liens souligné avec la couleur de lien. Mais il suffit d´actualiser, et je doute que le visiteur va resté sur la page n´ayant pas chargé le css.

Killinguin
Killinguin
Niveau 10
10 octobre 2006 à 22:20:23

Oula c´est un peu incompréhensible ce que je raconte. :doute:

Enfin bref, chacun sa façon de coder. ^^

darth-bane
darth-bane
Niveau 10
10 octobre 2006 à 22:24:43

As-tu déjà entendu parler de l´accessibilité :question:
As-tu pensé aux mal-voyants ? les navigateurs sans css, ...

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment