|
temlpate 73:
Demó:
JégVirág Design Portálépítés, portáldíszítés...
Kód:
<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/1492501302_97.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">JégVirág</div> <div class="starlast">Design</div> <div class="startop">Portálépítés, portáldíszí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>
(Ha valami nem megy szólj és segítek. virag-78@gportal.hu )
Ellenorítve:2017.04.18.
Copyright © 2005-2017 JégVirág Design
| |
|
|
|
(Ha a képekre kattintasz akkor az elkövetkező ÜNNEPEKRE,ÉVSZAKOKRA JUTSZ el:( tavaszi menü , nyári menü , őszi menü , téli menü ,újévi menü , farsangi menü , valentin napi menü , anyák napi menü , húsvéti menü , halloween menü , hálaadás menü , karácsonyi menü , születésnapi menü , gyerek napi menü ) Amiben megtalálsz mindent amihez egy weboldalon szükség lehet.Kellemes weboldalszerkesztést!)
| |
|
|