<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 ----> */  .starright {    float: right;    height: 156px;    width: 220px;    position: relative; } .starfooter {    background: #46DE91 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">JégVirág</div> <div class="starlast">Design</div> <div class="startop">Portálépítés</div> <div class="starblock"><a href="URL" target="_blank">Főoldal</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">Kódproba</a></div> <div class="starblock"><a href="URL" target="_blank">Vendégkönyv</a></div> <div class="starblock"><a href="URL" target="_blank">Segítek</a></div> </div> <div class="starfooter"><center>Portálépítés és portáldíszítés kezdoknek és haladóknak!Rengetek leírás, scriptek , CSS ,HTML kódok!Nézz be te is! 2005.04.12.-én indult az oldal azóta várom a segítségre szoruló G-portálos.</center>

<center>Virág</center></div> </div></div>