partnercsere 3

Partnercsere 3:

demó:
 
JÉGVIRÁG
JÉGVIRÁG
Virág

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!

 

JÉGVIRÁG

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.

 

Loves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.
 
JÉGVIRÁG2
JÉGVIRÁG2
Friends

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.

 

Enemies

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.

 

Loves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.
 
JÉGVIRÁG3
JÉGVIRÁG3
Friends

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.

 

Enemies

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.

 

Loves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.
 
JÉGVIRÁG4
JÉGVIRÁG4
Friends

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.

 

Enemies

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.

 

Loves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.
 

kód:

<style type="text/css">
.wborder {width: 100px; padding: 5px; border: 10px solid #EDEDED; background-color: #fff;}
.box { width: 100px; height: 100px; position: relative; overflow: hidden; }
.slide { width: 100px; height: 100px; }
.box .infocon { width: 100px; height: 100px; background-color: #FFF; padding: 10px; position: absolute; top: 0px; left: 250px; transition-duration: .5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; }
.box:hover .infocon { left: 0px; }
.charst { width: 70px; background:#F7F7F7; font: 8px calibri, sans-serif; letter-spacing: 1px; text-transform: uppercase; padding:5px;text-align: center; color: #000; margin-bottom: 10px; }
.plotterstuff { width: 70px; height: 40px; margin-left:-8px; padding:10px;overflow: auto; font-family: arial, sans-serif; font-size: 10px; color: #555; text-align: justify; line-height: 110%; }
.ptype {font:10px calibri;text-transform:uppercase;background-color:#F2F2F2; color:#888; display:inline-block;padding:2px;}
.plotterstuff::-webkit-scrollbar { width: 3px;}
.plotterstuff::-webkit-scrollbar-track { background-color: #FFF; }
.plotterstuff::-webkit-scrollbar-thumb { background-color: #BCBCBC; }
</style>
 
<div align="center">
<table><tbody><tr>
<td class="wborder"><div class="box"><div style="background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg);"><div class="slide"></div><div style="width: 80px; background-color: #C37171; color: #FFF; font-family: calibri, sans-serif; letter-spacing: 2px; font-size: 8px; text-transform: uppercase; line-height: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; position: absolute; bottom: 15px; left: 25px;">
JÉGVIRÁG </div>
<div class="infocon"><div class="charst">JÉGVIRÁG</div>
<div class="plotterstuff">
<div class="ptype">Friends</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.<p>
 
<div class="ptype">JÉGVIRÁG</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan. <p>
 
<div class="ptype">Loves</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.
</div></div></div></div></td>
 
<td class="wborder"><div class="box"><div style="background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg);"><div class="slide"></div><div style="width: 80px; background-color: #71C385; color: #FFF; font-family: calibri, sans-serif; letter-spacing: 2px; font-size: 8px; text-transform: uppercase; line-height: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; position: absolute; bottom: 15px; left: 25px;">
JÉGVIRÁG2</div>
<div class="infocon"><div class="charst">JÉGVIRÁG2</div>
<div class="plotterstuff">
<div class="ptype">Friends</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.<p>
 
<div class="ptype">Enemies</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan. <p>
 
<div class="ptype">Loves</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.
</div></div></div></div></td></tr>
 
<tr><td class="wborder"><div class="box"><div style="background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg);"><div class="slide"></div><div style="width: 80px; background-color: #96B1D1; color: #FFF; font-family: calibri, sans-serif; letter-spacing: 2px; font-size: 8px; text-transform: uppercase; line-height: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; position: absolute; bottom: 15px; left: 25px;">
JÉGVIRÁG3 </div>
<div class="infocon"><div class="charst">JÉGVIRÁG3</div>
<div class="plotterstuff">
<div class="ptype">Friends</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.<p>
 
<div class="ptype">Enemies</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan. <p>
 
<div class="ptype">Loves</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.
</div></div></div></div></td>
 
<td class="wborder"><div class="box"><div style="background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg);"><div class="slide"></div><div style="width: 80px; background-color: #CABD7A; color: #FFF; font-family: calibri, sans-serif; letter-spacing: 2px; font-size: 8px; text-transform: uppercase; line-height: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; position: absolute; bottom: 15px; left: 25px;">
JÉGVIRÁG4</div>
<div class="infocon"><div class="charst">JÉGVIRÁG4</div>
<div class="plotterstuff">
<div class="ptype">Friends</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.<p>
 
<div class="ptype">Enemies</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan. <p>
 
<div class="ptype">Loves</div><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.
</div></div></div></div></td></tr></tbody></table></div>
 
 
 
 
 
 
 
 
 
 

(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

 


RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    Lakatos munka- Épületlakatos munka- Haidekker kerítés - Haidekker kapu- Teraszkorlát- Lakatos munka szerelés- Hullámrács    *****    Itachi Shinden második fejezet!! - ÚJ FEJEZET - Felkerült a könyv második harmada!! Konoha.hu - KATT!! KATT! KATT!! KATT    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség    *****    Itachi Shinden 1. kötet Magyarul elérhetõ a konoha.hu -n. Nézzetek be! *** Itachi Shinden 1. kötet Magyarul elérhetõ!!!    *****    ÁGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT    *****    Movie-