Virág Design - G-Portál

template 27

temlpate 27:

Demó:

JégVirág Design

www.jegvirag.gportal.hu

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta porta diam ut consectetur. Proin tincidunt urna vitae purus accumsan id convallis leo elementum. Donec hendrerit diam a tellus ornare quis tempus lorem blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta porta diam ut consectetur. Proin tincidunt urna vitae purus accumsan id convallis leo elementum. Donec hendrerit diam a tellus ornare quis tempus lorem blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta porta diam ut consectetur. Proin tincidunt urna vitae purus accumsan id convallis leo elementum. Donec hendrerit diam a tellus ornare quis tempus lorem blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta porta diam ut consectetur. Proin tincidunt urna vitae purus accumsan id convallis leo elementum. Donec hendrerit diam a tellus ornare quis tempus lorem blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta porta diam ut consectetur. Proin tincidunt urna vitae purus accumsan id convallis leo elementum. Donec hendrerit diam a tellus ornare quis tempus lorem blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta porta diam ut consectetur. Proin tincidunt urna vitae purus accumsan id convallis leo elementum. Donec hendrerit diam a tellus ornare quis tempus lorem blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta porta diam ut consectetur. Proin tincidunt urna vitae purus accumsan id convallis leo elementum. Donec hendrerit diam a tellus ornare quis tempus lorem blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta porta diam ut consectetur. Proin tincidunt urna vitae purus accumsan id convallis leo elementum. Donec hendrerit diam a tellus ornare quis tempus lorem blandit.

MENÜ

Kód:

.odairyouare { width: 376px; border: 10px solid transparent; padding-right: 4px; height: 206px; overflow: auto; line-height: 114%; font-family: arial; font-size: 10px; color: #000; text-align: justify; }

.odairyouare::-webkit-scrollbar { width: 4px; }

.odairyouare::-webkit-scrollbar-track { background: #F8ECC9; }

.odairyouare::-webkit-scrollbar-thumb { background: #F4555E; moz-box-shadow: 1px 1px #FFFFFF; -webkit-box-shadow: 1px 1px #FFFFFF; box-shadow: 1px 1px #FFFFFF; }

.derp1 { font-family: playball; font-size: 50px; line-height: 90%; padding-top: 4px; color: #F4555E; text-shadow: 1px 1px #FFFFFF; text-align: center; text-transform: lowercase; position: relative; z-index: 2; }

.derp2 { font-family: pathway gothic one; font-size: 11px; text-align: center; line-height: 80%; color: #6B5344; text-transform: uppercase; letter-spacing: 3px; }

#targ { width: 400px; height: 200px; overflow: hidden; position: relative; }

#targ .t1 { width: 76px; position: absolute; line-height: 90%; padding: 6px; background: #FFFFFF; text-transform: uppercase; font-family: pathway gothic one; text-align: center; font-size: 14px; -webkit-transform: scale(0) rotate(360deg); -moz-transform: scale(0) rotate(360deg); -o-transform: scale(0) rotate(360deg); -transform: scale(0) rotate(360deg); color: #6B5344; top: 90px; left: 32px; -webkit-transition-duration: 2s; -transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; }

#targ:hover .t1 { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -transform: scale(1); }

#targ .t2 { width: 76px; position: absolute; line-height: 90%; padding: 6px; background: #FFFFFF; text-transform: uppercase; font-family: pathway gothic one; text-align: center; font-size: 14px; -webkit-transform: scale(0) rotate(-360deg); -moz-transform: scale(0) rotate(-360deg); -o-transform: scale(0) rotate(-360deg); -transform: scale(0) rotate(-360deg); color: #6B5344; top: 90px; left: 157px; -webkit-transition-duration: 2s; -transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; }

#targ:hover .t2 { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -transform: scale(1); }

#targ .t3 { width: 76px; position: absolute; line-height: 90%; padding: 6px; background: #FFFFFF; text-transform: uppercase; font-family: pathway gothic one; text-align: center; font-size: 14px; -webkit-transform: scale(0) rotate(360deg); -moz-transform: scale(0) rotate(360deg); -o-transform: scale(0) rotate(360deg); -transform: scale(0) rotate(360deg); color: #6B5344; top: 90px; left: 282px; -webkit-transition-duration: 2s; -transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; }

#targ:hover .t3 { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -transform: scale(1); }

</style>

<div style="width: 424px; padding: 22px; background: #F4555E; border-radius: 0% 0% 30% 30%; -moz-border-radius: 0% 0% 30% 30%; -webkit-border-radius: 0% 0% 30% 30%; -o-border-radius: 0% 0% 30% 30%;"><div style="width: 400px; border-left: 12px solid #EEF180; border-right: 12px solid #EEF180; border-radius: 0% 0% 30% 30%; -moz-border-radius: 0% 0% 30% 30%; -webkit-border-radius: 0% 0% 30% 30%; -o-border-radius: 0% 0% 30% 30%; background: #FDFED6; overflow: hidden;"><div style="width: 400px; height: 44px;"><div class="derp1">JégVirág Design</div><div class="derp2">www.jegvirag.gportal.hu</div></div><div class="odairyouare">

</div><div style="width: 400px; height: 200px; background: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg) center;"><div id="targ">

</div><div class="t2"><a href="//jegvirag.gportal.hu">MENÜ</a>

</div><div class="t3"> <a href="//jegvirag.gportal.hu">MENÜ</a>

</div></div></div></div></div>

</center><link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'></center>

(Ha valami nem megy szólj és segítek. virag-78@gportal.hu )

Ellenorítve:2017.04.18.

Oldal információ

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,Naptár,Design! E-mail:virag-78@gportal.hu Tárhely: gportal.hu Kategoria:Portálépítés Indulás:2005.04.12. URL: jegvirag.gportal.hu Facebook: Virág Design Szerkeszto/Design:Virág