Kód:
<div class="subchar">
<img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg">
<div class="subchartrack">
<div style="border-bottom: 1px solid #000; margin-bottom: 2px;">active - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
<p><div style="border-bottom: 1px solid #000; margin-bottom: 2px;">finished - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
</div>
</div>
<div class="subchar">
<img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg">
<div class="subchartrack">
<div style="border-bottom: 1px solid #000; margin-bottom: 2px;">active - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
<p><div style="border-bottom: 1px solid #000; margin-bottom: 2px;">finished - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
</div>
</div>
<div class="subchar">
<img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg">
<div class="subchartrack">
<div style="border-bottom: 1px solid #000; margin-bottom: 2px;">active - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
<p><div style="border-bottom: 1px solid #000; margin-bottom: 2px;">finished - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
</div>
</div>
<div class="subchar">
<img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg">
<div class="subchartrack">
<div style="border-bottom: 1px solid #000; margin-bottom: 2px;">active - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
<p><div style="border-bottom: 1px solid #000; margin-bottom: 2px;">finished - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
</div>
</div>
<div class="subchar">
<img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg">
<div class="subchartrack">
<div style="border-bottom: 1px solid #000; margin-bottom: 2px;">active - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
<p><div style="border-bottom: 1px solid #000; margin-bottom: 2px;">finished - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
</div>
</div>
<div class="subchar">
<img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg">
<div class="subchartrack">
<div style="border-bottom: 1px solid #000; margin-bottom: 2px;">active - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
<p><div style="border-bottom: 1px solid #000; margin-bottom: 2px;">finished - - -</div>
ϟ <a>this thread</a> w/ name mcname<br>
</div>
</div>
<div id="subbase">
<h1>Virág Design</h1><div id="subtbar"></div>
<h2>Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!
Szerkesztõ:Virág <a href="http://cttw.jcink.net/index.php?showuser=2709">▼</a><a href="//jegvirag.gportal.hu">▼</a></h2>
<h3>"</h3><h4>
Limkek:<p>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
ϟ <a>this thread</a> w/ name mcname<br>
</h4></div>
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|News+Cycle|Coustard|Passion+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Federo|Fjalla+One' rel='stylesheet' type='text/css'>
<style type="text/css">
#subbase {
width: 160px; color: black;
height: 360px;
margin: 0 auto -368px;
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg);
position: relative;
top: -368px;
z-index: 4;
padding: 0 20px;
border-right: 10px solid #c6d4a7;
}
#subbase h1 {
font: 30px fjalla one;
text-transform: uppercase;
text-align: center;
color: #d96d64;
padding: 20px 0 6px 0;
}
#subbase h2 {
font: 7px alegreya sans sc;
text-transform: uppercase;
line-height: 100%;
text-align: justify;
position: relative;
top: -36px;
left: 44px;
color: #576b60;
z-index: 2;
width: 116px;
}
#subbase h3 {
position: relative;
top: -79px;
left: 0px;
font: 50px coustard;
height: 40px;
width: 35px;
color: #f5f1d5;
padding-left: 5px;
border-radius: 50%;
background-color: #f0d399;
margin: 0;
}
#subbase h4 {
font: 9px calibri;
text-transform: uppercase;
position: relative;
top: -70px;
}
#subbase a, .subchartrack a {
color: #d96d64;
text-decoration: none;
}
.subchar {
width: 150px;
height: 58px; color: black;
background-color: #c6d4a7;
position: relative;
top: 0;
left: -28px;
z-index: 1;
margin: 0 auto;
transition: all 1.2s ease-out;
}
.subchar img {
width: 50px;
position: relative;
top: 0;
left: -54px;
border-radius: 25px 0 0 25px;
border: 4px solid #c6d4a7;
}
.subchar:hover {
left: -150px;
}
#subtbar {
height: 3px;
background-color: #f0d399;
position: relative;
top: -48px;
}
.subchartrack {
width: 100px;
height: 40px;
padding: 4px;
line-height: 100%!important;
text-align: left;
background-color: #dfebda;
position: relative;
top: -54px;
left: 4px;
font: 8px calibri;
text-transform: uppercase;
overflow: auto;
}
.subchartrack::-webkit-scrollbar {
width: 5px;
}
.subchartrack::-webkit-scrollbar-track {
background-color: #c6d4a7;
width: 1px;
border-right: 2px solid #dfebda;
border-left: 2px solid #dfebda;
}
.subchartrack::-webkit-scrollbar-thumb {
background-color: #f0d399;
}
</style>