templaste 2003 JgVirg Design Portlpts, portldszts...
<link href='http://fonts.googleapis.com/css?family=Lobster|Yanone+Kaffeesatz|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'> <style> .starwrapper { line-height: 160%; height: 156px; width: 400px; margin: 0 auto; position: relative; } /* <---- THIS IS WHERE YOU PUT YOUR IMAGE / GIF ----> */ .starpic { url("//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1472754661_19.jpg") repeat scroll center center / cover; box-shadow: 0 0 0 24px #46de91; float: left; height: 108px; left: 24px; position: absolute; top: 24px; width: 108px; } .starright { float: right; height: 156px; width: 220px; position: relative; } .starfooter { background: #871ef4 none repeat scroll 0 0; bottom: 0; color: #fff; font-family: Open Sans Condensed; font-size: 7pt; height: 28px; letter-spacing: 1px; line-height: 7px; padding: 10px; position: absolute; text-align: justify; text-transform: none; width: 200px; } .starblocks { cursor: pointer; height: 108px; width: 220px; } .starblock { background: #fab81a none repeat scroll 0 0; color: #fff; float: left; font-family: yanone kaffeesatz; height: 24px; letter-spacing: 2px; line-height: 24px; margin-bottom: 12px; text-align: center; text-transform: uppercase; width: 105px; text-shadow: 1px 1px 3px black; visibility: hidden; opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } .starblock:nth-child(2n+1) { margin-left: 10px; } /* <---- THESE CONTROL THE FIRST NAME (you might want to change "font-size" to fit long names) ----> */ .starfirst { color: #fab81a; font-family: Yanone Kaffeesatz; font-size: 95px; letter-spacing: -3px; position: absolute; text-transform: lowercase; text-shadow: 1px 1px #fff, 2px 2px #ccc; top: 20px; visibility: visible; opacity: 1; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } /* <---- THESE CONTROL THE LAST NAME (you might want to change "font-size" to fit long names) ----> */ .starlast { color: #46de91; font-family: Lobster; font-size: 75px; position: absolute; text-transform: lowercase; right: 0; text-shadow: 1px 1px #fff, 2px 2px #ccc; top: 47px; visibility: visible; opacity: 1; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } .startop { font-family: Open Sans Condensed; left: 73px; position: absolute; text-transform: uppercase; top: 85px; visibility: visible; opacity: 1; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } .starblock > a { color: #fff; } .starblocks:hover .starfirst { visibility: hidden; opacity: 0; } .starblocks:hover .starlast { visibility: hidden; opacity: 0; } .starblocks:hover .startop { visibility: hidden; opacity: 0; } .starblocks:hover .starblock { visibility: visible; opacity: 1; } .starblock:hover { background: #46DE91; } </style> <div class="starwrapper"> <div class="starpic"></div> <div class="starright"> <div class="starblocks"> <div class="starfirst">JgVirg</div> <div class="starlast">Design</div> <div class="startop">Portlpts, portldszts...</div> <div class="starblock"><a href="URL" target="_blank">Foldal</a></div> <div class="starblock"><a href="URL" target="_blank">Script</a></div> <div class="starblock"><a href="URL" target="_blank">Design</a></div> <div class="starblock"><a href="URL" target="_blank">Kdproba</a></div> <div class="starblock"><a href="URL" target="_blank">Vendgknyv</a></div> <div class="starblock"><a href="URL" target="_blank">Segtek</a></div> </div> <div class="starfooter"><center>Portlpts s portldszts kezdoknek s haladknak!Rengetek lers, scriptek , CSS ,HTML kdok!Nzz be te is! 2005.04.12.-n indult az oldal azta vrom a segtsgre szorul G-portlos.</center>
<center>Virg</center></div> </div></div>
|
AJÁNLOM AZ OLDALT
Sg
j hozzszls
Frissts
Archvum
ARCHVUM
