opisni obrazec

Naslov sporočila: Re: opisni obrazec Sob Avg 10, 2013 6:28 pm

Koda:: [color=#191919][font=Courier New]<style type="text/css">.tabs { position: relative; width:400px; height:400px; background: url(http://shrani.si/f/3E/Zt/ySe4YbA/aaaaaaa.png); padding: 20px; border: 15px solid #2b2627; } .tab { float: left; } .tab label { background: #998A61; padding: 10px; border-bottom: 4px solid #2b2627; color: #E5E4E2; margin-left: -1px; position: relative; left: 45px; font-family: roboto condensed; font-size: 15px; text-transform: uppercase; letter-spacing: -1px; line-height: 100%; } .tab [type=radio] { display: none; } .content { position: absolute; font-family: georgia; font-size: 10px; text-align:justify; line-height: 95%; font-style: italic; top: 51px; left: 45px; width: 300px; height: 300px; background: #E5E4E2; overflow: auto; padding: 20px; border: 5px solid #998A61;} [type=radio]:checked ~ label { background: #2b2627; border-bottom: 4px solid #2b2627; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; }</style> <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'> <center><div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">the look</label> <div class="content"> <div style="padding: 10px; background: #2b2627; width: 280px"> <img src="280x280 SLIKA HERE"/> </div> </div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">basics</label> <div class="content"> <div style="padding: 10px; color: #2b2627; font-style: normal"> [i][size=14][b]AGE:[/b] here

[b]GROUP:[/b] here

[b]SIDE:[/b] here

[b]FAMILY: [/b]here

[b]SEXUALITY:[/b] here

[b]PLAY BY:[/b] here[/size][/i]
</div> </div> </div> <div class="tab"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3">description</label> <div class="content"> <div style="padding: 10px; color: #2b2627; font-style: normal">najmanj 400 besed o vašem liku.</div> </div> </div> <div class="tab"> <input type="radio" id="tab-4" name="tab-group-1"> <label for="tab-4">the roleplayer</label> <div class="content">kratko se opišite.</div> </div> </div><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=31575">ty sophia</a></center>[/font][/color]

» opisni obrazec