StartseiteStartseite  KalenderKalender  FAQFAQ  SuchenSuchen  MitgliederMitglieder  NutzergruppenNutzergruppen  AnmeldenAnmelden  LoginLogin  

Austausch | 
 

 Box oben für Halfway

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten 
AutorNachricht
Zwielicht
A D M I N


Anzahl der Beiträge : 544
Anmeldedatum : 04.03.10

BeitragThema: Box oben für Halfway   So Jul 20, 2014 12:14 am

Code:
<style type="text/css">.kopftab {width:450px; height:200px; margin:0px auto;} .folder [type=radio] {display:none;} .kopftab label {display:inline-block; width:48px; height:120px; margin:auto 2px; opacity:1.0; vertical-align:middle; padding-top:80px; text-align:center; font-family:'Times New Roman', serif; font-size:30px; position:relative; border:1px dashed white;} .stext {border:1px solid white; height:200px; width:0px; overflow:hidden; position:relative; z-index:0;} [type=radio]:checked ~ label {opacity:0.2;} [type=radio]:checked ~ label ~ .folder {z-index:3;} [type=radio]:checked ~ label ~ .stext{z-index:3; opacity:1.0; width:345px;}</style>

<div class="kopftab"><span class="folder" style="position:relative;"><input id="kt1" type ="radio" name="kopftab" checked="checked"><label for="kt1" style="float:left;">«</label><div class="stext" style="background-color:black;">INPUTTEXT 1 </div></span><span class="folder" style="position:relative; left:50px; top:-200px;"><input id="kt2" name="kopftab" type="radio"><label for="kt2" style="float:right; top:-200px;">»</label><div class="stext" style="background-color:white;">INPUTTEXT 2</div></span></div>

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://gloomcastle.forumieren.de
Zwielicht
A D M I N


Anzahl der Beiträge : 544
Anmeldedatum : 04.03.10

BeitragThema: Re: Box oben für Halfway   So Jul 20, 2014 10:22 pm

Code:
<style type="text/css">.tableh {width:800px; height:200px; margin:0px auto; border-width:0px;} .tab [type=radio] {display:none;} .content {width:0px; height:250px; overflow:hidden; content:hidden; position:relative; z-index:1;} .tab label {display:inline-block; position: relative;z-index:3;width:50px; padding-top:85px; text-align:center; font-family:'Times New Roman',serif; font-size:47px; color:#88807d; text-shadow:-1px 1px #070707;} [type=radio]:checked ~ label {opacity:0.2;} [type=radio]:checked ~ label ~ .content {width:700px; z-index:2; content:normal;}
</style>

<table class="tableh"><tr><td><div class="tab"><input id="panel-1" type="radio" name="kopf-tab" checked="checked" /><label for="panel-1" style="float:left;">«</label> <div class="content"><table><tr><td>INPUT 1</td></tr></table></div></div></td><td><div class="tab"><input id="panel-2" type="radio" name="kopf-tab" /><label for="panel-2" style="float:right">»</label><div class="content" style="left:-7px"><table><tr><td>INPUT 2</td></tr></table></div></div></td></tr></table>

_________________


Zuletzt von Zwielicht am So Jul 20, 2014 11:02 pm bearbeitet; insgesamt 2-mal bearbeitet
Nach oben Nach unten
Benutzerprofil anzeigen http://gloomcastle.forumieren.de
Zwielicht
A D M I N


Anzahl der Beiträge : 544
Anmeldedatum : 04.03.10

BeitragThema: Re: Box oben für Halfway   So Jul 20, 2014 11:01 pm



EINFÜHRUNGSTITELTEAMNEWS
LINKS
INPLAY-DATENWETTER HOGWARTS
WETTER LONDON

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://gloomcastle.forumieren.de
Gesponserte Inhalte




BeitragThema: Re: Box oben für Halfway   Heute um 10:25 pm

Nach oben Nach unten
 
Box oben für Halfway
Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 
Seite 1 von 1
 Ähnliche Themen
-
» Huntik - Secrets and Seekers
» Flucht der Unschuldigen
» Liste der Tribemitglieder
» Store Championships 2015 Terminübersicht, Google Maps
» Schon gewusst?

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
Gloom Castle :: Code-Nibbles-
Gehe zu: