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

[tuto]les CSS pour les débutants

bizzare
bizzare
Niveau 9
12 octobre 2005 à 20:27:34

voici un tutos pour les débutants qui ont entendu parler des feuilles de styles, mais qui se perdent dans la jungles des explications trop difficiles que l´on trouve sur le net :

http://forum.virtualcafe.afe.fr/index.php?showtopic=447

d´autres tutos sont à venir bien entendu !

link-zelda90
link-zelda90
Niveau 10
12 octobre 2005 à 21:11:32

:salut: tu pourait m´aider mon site a un fond de corps bleu et les liens qui onts deja étés cliqués deviénent violet ce qui fait qu´on ne voit plus les mots clairement comment faire pour qu´ils réstent dans leur couleur d´origine (ou bien qu´ils prénent une autre couleur une foi séléctionés ) ?

voici mon code ci sa peu aider:

body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("fond.jpg");
}

  1. en_tete

{
width: 760px;
height: 100px;
background-image: url("baniere.gif");
background-repeat: no-repeat;
margin-bottom: 10px;
}

  1. menu

{
float: left;
width: 120px;
}

.element_menu
{
background-color: #000000;
background-image: url("motif.jpg");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;
}

.element_menu h3
{
color: #000080;
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
text-align: center;
}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu a
{
color: #0000CD;
}

.element_menu a:hover
{
background-color: ;
color: black;
}

  1. corps

{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;

color: #FFD700;
background-color: #000080;
background-image: url("images/motif.jpg");
background-repeat: repeat-x;

border: 2px solid black;
}

  1. corps h1

{
color: #00FF00;
text-align: center;
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}

  1. corps h2

{
height: 30px;

background-image: url("images/titre.png");
background-repeat: no-repeat;

padding-left: 30px;
color: #66CDAA;
text-align: left;
}

  1. pied_de_page

{
padding: 5px;

text-align: center;

color: #FFD700;
background-color: #000080;
background-image: url("images/motif.jpg");
background-repeat: repeat-x;

border: 2px solid black;
}

bizzare
bizzare
Niveau 9
12 octobre 2005 à 21:27:05

Hello !
Tu as des sélécteurs spéciaux pour les liens (j´ai oublié d´en parler dans le tuto, mais ton problème m´y fait penser, donc je ferais une mise à jour)

tu fais tout simplement un sélécteur de balise sur "a"

a
{
color:la couleur de base des liens
}

a:hover
{
color:la couleur au survol de la souris
}

a:visited
{
color:la couleur d´un lien visité
}

(tu as aussi : "a:link" qui revient au "a" simple et "a:active" qui correspond au lien actif :cliqué)

Bien entendu, tu peux mettre tous les attributs que tu veux pour faire changer l´apparence de tes liens au survol (un background-color par exemple)

link-zelda90
link-zelda90
Niveau 10
12 octobre 2005 à 21:28:25

euh... dans corp ? tu pourait me réecrire le tout ?

bizzare
bizzare
Niveau 9
12 octobre 2005 à 22:00:15

ben tu as juste à y rajouter dans tes styles, à la suite de ceux que tu as posté :)

bizzare
bizzare
Niveau 9
13 octobre 2005 à 18:01:21

:up: ça peut servir !

bizzare
bizzare
Niveau 9
13 octobre 2005 à 18:01:49

:up: ça peut servir !

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