Crimson DayFiches RPGSignaturesCodages diversAvatars 200*320 (F)Avatars 200*320 (M)Avatars 200*320 (divers)Proposer des personnalitésCommander des avatarsCommander des codesFiches d'aidePoser une questionPartenariatsSuivre les actus (Tumblr)Prochain design : se proposerLa pub : Wicked Witches





 
AccueilAccueil  S'enregistrerS'enregistrer  ConnexionConnexion  RechercherRechercher  

Partagez | 
 

 Mise en page à onglets ♦ 1 version

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar
2981 12289 0
© Avatar by 2981 12289 0


Message(#)Sujet: Mise en page à onglets ♦ 1 version   12.09.17 20:47

Mise en page à onglets de CRIMSON DAY & Night Neko
Version 1 ♦ Gris & Vert
Merci de ne pas toucher au crédit !
Un peu d'aide : ajouter ou enlever des onglets

Ceci n'est pas un titre.
Contenu de l'onglet 1
Contenu de l'onglet 2
Contenu de l'onglet 3
Contenu de l'onglet 4
Contenu de l'onglet 5
Contenu de l'onglet 6
Contenu de l'onglet 7
Contenu de l'onglet 8
© CRIMSON DAY & Night Neko
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:#bfbeb9; border-top: 20px solid #29373a; border-bottom: 20px solid #29373a;} .cddiv1titre {color:#7c837b; text-shadow: 0px 0px 2px #222; font-family:Lobster; font-size:50px; line-height:normal;} .cddiv1bord {border-top: 5px solid #027e02; border-bottom: 5px solid #027e02; box-shadow: 0px 0px 3px #222;} .tabs label {font-family:Coustard; color:black; line-height:40px; font-size:11px; text-align:center; text-transform:uppercase; font-weight:lighter; background:#e6e6e6; border:1px solid black; box-shadow:0px 0px 3px #222;} .tabs input:hover + label {background: #FFF; font-style:italic; color:#333; border:1px solid #333;} .tabs input:checked + label {background: #fff; font-style:italic; color:#333; border:1px solid #333;} .content {color:black; font-family:verdana; font-size:11px; line-height:normal;} .content::-webkit-scrollbar {width: 10px; height: 10px; background-color: #2e2733;} .content::-webkit-scrollbar-track {background-color: #29373a; border-left:2px solid #29373a; border-right: 2px solid #29373a;} .content::-webkit-scrollbar-thumb {background-color: #027e02; border: 2px solid #29373a;}</style><div class="cddiv1cont"><div class="cddiv1bord"><div class="cddiv1fond"><div class="cddiv1titre">Ceci n'est pas un titre.</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">Onglet 1</label><input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /><label for="tab-2" class="tab-label-2 deplaceG">Onglet 2</label><input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /><label for="tab-3" class="tab-label-3 deplaceG">Onglet 3</label><input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /><label for="tab-4" class="tab-label-4 deplaceG">Onglet 4</label><input id="tab-5" type="radio" name="radio-set" class="tab-selector-5" /><label for="tab-5" class="tab-label-5 deplaceD">Onglet 5</label><input id="tab-6" type="radio" name="radio-set" class="tab-selector-6" /><label for="tab-6" class="tab-label-6 deplaceD">Onglet 6</label><input id="tab-7" type="radio" name="radio-set" class="tab-selector-7" /><label for="tab-7" class="tab-label-7 deplaceD">Onglet 7</label><input id="tab-8" type="radio" name="radio-set" class="tab-selector-8" /><label for="tab-8" class="tab-label-8 deplaceD">Onglet 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></div><credit29><a href="http://crimsonday.forumactif.com/" target="_blank">[size=11]©[/size] CRIMSON DAY</a> & Night Neko</credit29>
Revenir en haut Aller en bas
http://2981122890.tumblr.com
 

Mise en page à onglets ♦ 1 version

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Crimson Day :: Codage :: Divers-