Zwielicht A D M I N
Anzahl der Beiträge : 619 Anmeldedatum : 04.03.10
| Thema: 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> | |
|
Zwielicht A D M I N
Anzahl der Beiträge : 619 Anmeldedatum : 04.03.10
| Thema: 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 | |
|
Zwielicht A D M I N
Anzahl der Beiträge : 619 Anmeldedatum : 04.03.10
| Thema: Re: Box oben für Halfway So Jul 20, 2014 11:01 pm | |
| | |
|
Gesponserte Inhalte
| Thema: Re: Box oben für Halfway | |
| |
|