Admin Character sheetMarine/Piraat/Anders: PiraatCrew: One day, I will have my own crew. | Onderwerp: We sail into the sun vr feb 13, 2015 10:42 am | |
| [Alleen beheerders zien deze link] - Code:
-
<style type="text/css">#ztracker {width: 300px; border-left: 150px solid #121212; height: 200px; background-color: f1f1f1; background-image: url(300 X 200 IMAGE HEERRREEE);}.ztrackcont {padding: 10px; background-color: white; width: 250px; height: 150px;}.ztrack {padding: 10px; height: 130px; overflow: auto; font-family: arial; color: 121212; font-size: 9.5px; text-align: justify;}.ztrack a {font-family: courier new; font-size: 10px; color: 50a796;}.ztrackname {font-family: arial; color: 121212; background-color: white; position: relative; top: 150; padding: 5px; text-transform: uppercase; letter-spacing: 2px; font-size: 7px;}.tabs {position: relative; clear: both;}.tab {float: left;}.tab label {display: block; width: 80px; background-color: eeeeee; color: 121212; padding: 5px; font-family: arial; font-size: 7px; text-align: center; text-transform: uppercase; letter-spacing: 1px; position: absolute; right: 300px; top: 60px; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}.tab [type=radio] {display: none;}.content {position: absolute; top: 15px; bottom: 0px; left: 0px; right: 0px; background-color: white; opacity: 0; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}[type=radio]:checked ~ label {background: #50a796; z-index: 2;} [type=radio]:checked ~ label ~ .content { z-index: 1; opacity: 1; background-color: white;}</style><center><div id="ztracker"><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">character</label><div class="content"><div class="ztrackname">first middle last</div></div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2" style="margin-top: 23px;">ongoing</label><div class="content"><div class="ztrackcont"><div class="ztrack">
Empty
</div></div></div></div><div class="tab"><input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3" style="margin-top: 46px;">finished</label><div class="content"><div class="ztrackcont"><div class="ztrack">
Empty
</div></div></div></div></div></div><div style="width: 300px; font-family: arial; letter-spacing: 2px; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">♥ lauz</a></div></center> |
|