Page des Tests




"nav-link active" aria-current="page




































123


Créer un cadre dépliable / accordéon

contenu de votre cadre


Inclure une page dans une autre

Éditer NomPageAInclure


Pour inclure une page d'un autre yeswiki : ( Noter le pipe | après les premiers PageAInclure


Image de fond avec du texte par dessus
Avec possibilité de mettre du texte par dessus

Télécharger le fichier monbandeau.jpg

Texte du titre

description


Couleur de fond avec du texte par dessus
Avec possibilité de mettre du texte par dessus

Texte du titre

description

Quelques codes couleur => mauve : #990066 / vert : #99cc33 / rouge : #cc3333 / orange : #ff9900 / bleu : #006699
Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs
Codes à copier / coller pour améliorer le look
Codes à copier / coller associés à bazar le gestionnaire de base de données























<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  • <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  • <title>Un système d'onglet en html</title>
  • <link type="text/css" rel="stylesheet" media="all" title="CSS" href="style.css" />
</head>
<body>
  • <div class="onglets_html">
  • <div class="onglets">
    • <div class="onglet_n onglet"><a href="quoi.html">Quoi</a></div>
    • <div class="onglet_y onglet"><a href="qui.html">Qui</a></div>
    • <div class="onglet_n onglet"><a href="pourquoi.html">Pourquoi</a></div>
  • </div>
  • <div class="contenu">
  • </div>
  • </div>
</body>
</html>

pourquoi.html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  • <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  • <title>Un système d'onglet en html</title>
  • <link type="text/css" rel="stylesheet" media="all" title="CSS" href="style.css" />
</head>
<body>
  • <div class="onglets_html">
  • <div class="onglets">
    • <div class="onglet_n onglet"><a href="quoi.html">Quoi</a></div>
    • <div class="onglet_n onglet"><a href="qui.html">Qui</a></div>
    • <div class="onglet_y onglet"><a href="pourquoi.html">Pourquoi</a></div>
  • </div>
  • <div class="contenu">
    • <h1>Pourquoi?</h1>
    • Pour simplifier la navigation et la diviser en parties
  • </div>
  • </div>
</body>
</html>
Essayer

Pour toutes questions ou commentaires, veuillez utiliser le formulaire de contact ou me contacter par MP, vous pouvez aussi utiliser le forum.

merci, j'espère que vous avez aimé ce tutoriel et qu'il vous sera utile.
Scripts et Tutoriels similaires
Système d'onglets en Javascript, (X)html et CSS dans la même page Système d'onglets en Javascript, (X)html et CSS dans la même page
Faire un input file stylé en Css (X)html et Javascript Faire un input file stylé en Css (X)html et Javascript
Faire un calendrier en javascript avec un effet de transparence Faire un calendrier en javascript avec un effet de transparence
[Tutoriel]Faire clignoter un texte en (X)html / CSS [Tutoriel]Faire clignoter un texte en (X)html / CSS
Background scrollable avec overflow:auto; sous firefox (X)html/CSS Background scrollable avec overflow:auto; sous firefox (X)html/CSS




Travel Tales - Home decor for travelers - TravelTales
Keep Calm T-Shirt Maker - Soulay Cool T-Shirt Designs
Travel Tales home decor pillows-