Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120621 Page d'accueil | | Coucou Une page d'accueil toute simple à onglets - Code:
-
<link href="https://dl.dropbox.com/s/y9qzlsfffrzbx90/ficheonglets.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Coustard|Lobster" rel="stylesheet"><style>.cddiv1fond {background:#4f3925; border-top: 20px solid #4f3925; border-bottom: 20px solid #4f3925;} .cddiv1titre {color:#8b7156; text-shadow: 0px 0px 2px #503e2b; font-family:Lobster; font-size:50px; line-height:normal;} .cddiv1bord {border-top: 5px solid #765c41; border-bottom: 5px solid #93795e; box-shadow: 0px 0px 3px #9b8166;} .tabs label {font-family:Coustard; color:black; line-height:40px; font-size:12px; text-align:center; text-transform:uppercase; font-weight:lighter; background:#b79c80; border:1px solid #000; box-shadow:0px 0px 3px #9b8166;} .tabs input:hover + label {background: #c7b39e; font-style:italic; color:#fff; border:1px solid #fff;} .tabs input:checked + label {background: #c7b39e; font-style:italic; color:#fff; border:1px solid #fff;} .content {color:black; font-family:verdana; font-size:11px; line-height:normal;} .content::-webkit-scrollbar {width: 10px; height: 10px; background-color: #675237;} .content::-webkit-scrollbar-track {background-color: #675237; border-left:2px solid #675237; border-right: 2px solid #675237;} .content::-webkit-scrollbar-thumb {background-color: #3e2921; border: 2px solid #3a3129;}</style><div class="cddiv1cont"><div class="cddiv1bord"><div class="cddiv1fond"><div class="cddiv1titre">Ton titre ici.</div><section class="tabs"><input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /><label for="tab-1" class="tab-label-1 deplaceG">Page 1</label><input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /><label for="tab-2" class="tab-label-2 deplaceG">Page 2</label><input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /><label for="tab-3" class="tab-label-3 deplaceG">Page 3</label><input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /><label for="tab-4" class="tab-label-4 deplaceG">Page 4</label><input id="tab-5" type="radio" name="radio-set" class="tab-selector-5" /><label for="tab-5" class="tab-label-5 deplaceD">Page 5</label><input id="tab-6" type="radio" name="radio-set" class="tab-selector-6" /><label for="tab-6" class="tab-label-6 deplaceD">Page 6</label><input id="tab-7" type="radio" name="radio-set" class="tab-selector-7" /><label for="tab-7" class="tab-label-7 deplaceD">Page 7</label><input id="tab-8" type="radio" name="radio-set" class="tab-selector-8" /><label for="tab-8" class="tab-label-8 deplaceD">Page 8</label><div class="content"><div class="content-1">Contenu de l'onglet 1</div><div class="content-2">Contenu de l'onglet 2</div><div class="content-3">Contenu de l'onglet 3</div><div class="content-4">Contenu de l'onglet 4</div><div class="content-5">Contenu de l'onglet 5</div><div class="content-6">Contenu de l'onglet 6</div><div class="content-7">Contenu de l'onglet 7</div><div class="content-8">Contenu de l'onglet 8</div></div></section></div></div> |
| |
sandcreations
Partage
Merci pour ton partage de tes tutos, images
Présence
Merci pour ta présence sur le forum.
Partenaires
Très honoré d'être partenaire
Graphiste Messages : 493 Venue : 14/09/2012 Je suis : Age : 52 Je vie à : Valenciennes Humeur : cool Mes Points : 17161 Re: Page d'accueil | | jolie la page d'accueil merci pour le partage je te souhaite une bonne journee |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120621 Re: Page d'accueil | | Avec plaisir Sandcreations |
| |