Gloom Castle
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.



 
StartseiteStartseite  Neueste BilderNeueste Bilder  VeröffentlichungenVeröffentlichungen  SuchenSuchen  AnmeldenAnmelden  LoginLogin  

 

 Box oben für Halfway

Nach unten 
AutorNachricht
Zwielicht
A D M I N
Zwielicht


Anzahl der Beiträge : 619
Anmeldedatum : 04.03.10

Box oben für Halfway Empty
BeitragThema: Box oben für Halfway   Box oben für Halfway Icon_minitimeSo 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
https://gloomcastle.forumieren.de
Zwielicht
A D M I N
Zwielicht


Anzahl der Beiträge : 619
Anmeldedatum : 04.03.10

Box oben für Halfway Empty
BeitragThema: Re: Box oben für Halfway   Box oben für Halfway Icon_minitimeSo 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
https://gloomcastle.forumieren.de
Zwielicht
A D M I N
Zwielicht


Anzahl der Beiträge : 619
Anmeldedatum : 04.03.10

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



EINFÜHRUNGSTITELTEAMNEWS
LINKS
INPLAY-DATENWETTER HOGWARTS
WETTER LONDON
Nach oben Nach unten
https://gloomcastle.forumieren.de
Gesponserte Inhalte





Box oben für Halfway Empty
BeitragThema: Re: Box oben für Halfway   Box oben für Halfway Icon_minitime

Nach oben Nach unten
 
Box oben für Halfway
Nach oben 
Seite 1 von 1

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