téglalap alakú lenyíló szövegdoboz

TÉGLALAP ALAKU LENYILÓ SZTÖVEGDOBOZ:

demó:
www.jegvirag.gportal.hu
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!
 
 
Virág Design

 

 

kód:

<style class="text/css" type="text/css">
.sun {width: 250px; height: 250px; position: relative; overflow: hidden; -moz-border-radius: 15px; border-radius: 15px;} 
.sun1 {position: absolute; width: 250px; height: 100px; background: #EDF180;} 
.sun2 {position: absolute; background-size: 70px 70px; width: 70px; height: 70px; left: 15px; top: 15px; background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); border: 2px solid #FFF; -moz-border-radius: 10px; border-radius: 10px;} 
.sun3 {position: absolute; left: 90px; top: 42px; text-align: center; width: 155px; height: 20px; line-height: 20px; font-family: 'Oswald'; font-size: 18px; color: #000000;}
.sun4 {position: absolute; top: 80px; width: 250px; height: 60px; background: #F89397; -moz-border-radius: 15px; border-radius: 15px;}
.sun5 {position: relative; top: 20px; height: 40px; font-family: Oswald; font-size: 14px; color: #FFF; line-height: 40px;} 
.sun6 {position: absolute; top: -150px; width: 250px; height: 150px; background: #F89397; -webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out;} 
.sun:hover .sun6{-webkit-transform:translateY(250px); transform:translateY(250px); -moz-transform:translateY(250px); -o-transform:translateY(250px);} 
.sun7 {width: 105px; margin-left: 15px; margin-top: 15px; height: 100px; color: #333; position:absolute; padding: 10px; background:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size: 10px; font-family: Roboto; text-align: justify;}
.sun7:before {position: absolute; width: 12px; height: 30px; right: -21px; border-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border-style: solid; border-width: 0px 10px; bottom: 2px; clip: rect(22px, 16px, 29px, 0px); content: " ";}
.sun8 {position: absolute; right: 15px; bottom: 20px; height: 80px; width: 80px; background-size: 80px 80px; overflow: hidden; border: 2px solid #FFF; -moz-border-radius: 40px; border-radius: 40px; background-image:url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg);} 
.sun9{position: absolute; left: 105px; top: 70px; height: 20px; width: 125px;}</style>
<center>
<div class="sun">
<div class="sun4">
<div class="sun5">
www.jegvirag.gportal.hu</div>
</div>
<div class="sun6">
<div class="sun7">
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!</div>
<div class="sun8">
&nbsp;</div>
</div>
<div class="sun1">
<div class="sun2">
&nbsp;</div>
<div class="sun3">
Virág Design</div>
</div>
</div>

 

</center>

 

 

 

 

 

 

 

 

 

 

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

Ellenorítve:2020.04.28.

Copyright  © 2005-2020 Virág Design

 

 
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

Virág1 , Jégvirág , Virgonc , Minta
 
Javascript,Html kód
 
Blog plusz
 
Kiemelt Menü
(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!)
 
Belépés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 

 

Számláló
Indulás: 2005-04-12
 
Google hirdetés
 
Copyright  © 2005-2025 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 


Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    Gigágá! Márton napján is gyertek a Mesetárba! Nemcsak libát, de kacsát is kaptok! Játsszatok velünk!    *****    A Nintendo a Nintendo Music-kal megint valami kiváló dolgot hozott létre! Alaposan nagyító alá vettem, az eredmény itt.    *****    Leanderek, Parfümök, Olajok, és Szépségápolási termékek! Használd a LEVI10 kupont és kapj 10% kedvezményt!Megnyitottunk    *****    Megjelent a Nintendo saját gyártású órája, a Nintendo Sound Clock Alarmo! Ha kíváncsi vagy, mit tud, itt olvashatsz róla    *****    Megnyílt a webáruházunk! Parfümök, Szépségápolási termékek, Olajok mind egy helyen! Nyitási akciók, siess mert limitált!    *****    Az általam legjobbnak vélt sportanimék listája itt olvasható. Top 10 Sportanime az Anime Odyssey-n!    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Megnyílt a webáruházunk! NYITÁSI AKCIÓK! Tusfürdõ+Fogkrém+Sampon+Izzadásgátló+multifunkcionális balzsam most csak 4.490!    *****    Új mese a Mesetárban! Téged is vár, gyere bátran!    *****    Veterán anime rajongók egyik kedvence a Vadmacska kommandó. Retrospektív cikket olvashatsz róla az Anime Odyssey blogban    *****    Parfümök, Olajok, Párologtatók mind egy weboldalon! Siess mert nyitási AKCIÓNK nem sokáig tart! Nagy kedvezmények várnak    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Aki érdeklõdik a horoszkópja után, az nem kíváncsi, hanem intelligens. Rendeld meg most és én segítek az értelmezésben!    *****    A Múzsa, egy gruppi élményei a színfalak mögött + napi agymenések és bölcseletek    *****    KARATE OKTATÁS *** kicsiknek és nagyoknak *** Budapest I. II. XII.kerületekben +36 70 779-55-77    *****    Augusztus 26-án Kutyák Világnapja! Gyertek a Mesetárba, és ünnepeljétek kutyás színezõkkel! Vau-vau!    *****    A horoszkóp elemzésed utáni érdeklõdés, nem kíváncsiság hanem intelligencia. Rendeld meg és nem fogod megbánni. Katt!!!    *****    Cikksorozatba kezdtem a PlayStation történelmérõl. Miért indult nehezen a Sony karrierje a konzoliparban?