Virág Design
template93

template93:

Demó:

Virág Design
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!
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!

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! 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!

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!

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!

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!

Kód:

<link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700" rel="stylesheet">
 
<center><div class="baptism">
 
 <img src="http://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1504689613_97.jpg">
 
 <div class="bar">
 <div class="title">Virág Design</div>
 <div class="words">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>
 
<div class="box"><div class="scroll">
   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!<p>
   <b>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!</b> 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!<p>
  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!<p>
   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!<p>
   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>
</div>
</center>
 
<style>
 
/*** ACCENT ***/
 .baptism { background: #C2A583; }
 .baptism .title { border-color: #C2A583!important; }
 .baptism .box b { color: #C2A583; }
 
 .baptism {
   width: 400px; text-align: left; padding-top: 15px;
   border: solid 1px #C2A583;
   height: 210px; overflow: hidden;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 
 .baptism img {
   width: 120px; height: 120px; padding: 10px;
   background: #fff; border: solid 1px #C2A583;
   border-radius: 50%; margin: 20px;
   position: relative; z-index: 200;
   transition: .8s; transition-delay: .2s;
 }
 
 .baptism .title {
   font: bold 30px/26px karla; letter-spacing: -1px;
   margin-top: 0px; text-transform: none;
   transition: .5s; transition-delay: .5s;
   border-bottom: solid 3px;
   display: inline-block; 
 }
 
 .baptism .bar {
   background: #fff; padding: 50px 20px; text-align: right;
   margin-top: -90px; margin-bottom: 0px; text-transform: uppercase;
   height: 100px;
 }
 
 .baptism .words {
   font: 9px karla; color: #222; letter-spacing: 1px; padding-top: 5px;
   transition: .5s; transition-delay: .7s; 
 }
 
 .baptism:hover .title {
   opacity: 0;  transition: .5s; transition-delay: 0s;
 }
 
 .baptism:hover .words {
   opacity: 0; transition-delay: 0s;
 }
 
 .baptism:hover img {
   transform: rotate(360deg) scale(.8,.8); margin-left: 240px;
   transition-delay: 0s;
 }
 
 .baptism .box {
   width: 170px; padding: 20px; margin: 10px 13px;
   border: solid 1px #C2A583; background: #fff;
   margin-top: 0px; transition: .5s;
 }
 
 .baptism .box b {
   font-size: 12px; letter-spacing: -1px;
 }
 
 .baptism .scroll {
   height: 155px; overflow: auto;
   font: 10px/11px karla; color: #000; 
   text-align: justify; padding-right: 5px;
 }
 
 .baptism .scroll::-webkit-scrollbar {
   width: 4px!important; background: #fff!important;
 }
 
 .baptism .scroll::-webkit-scrollbar-thumb {
   width: 4px!important; background: #C2A583!important; border-radius: 5px!important;
 }
 .baptism:hover .box {
   margin-top: -295px; transition-delay: .5s;
 }
</style>

 

 

 

 

 

 

 

 

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

Ellenorítve:2017.11.03.

Copyright  © 2005-2018 Virág Design

 

 
-Oldal  info-
JégVirág
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!
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
Szerkesztõ/Design:Virág
✘ ✘ ✘ ✘

 
-Partnercsere -
Cserét kérhetsz aVendégkönyvbe és aChatbe is.
•Cserét bárkitől elfogadok,bátran jelentkezz!
•Ha egyszer felkerültél akkor csak pár okbol kerülsz le:Ha leveszel,én is leveszlek.
Ha az oldalad megszűnik,leveszlek..Senkit nem veszek le ha nincs ideje frissíteni!
LINKCSERE

  

 
-ŐSZ MENÜ-

(Ha erre a képre rákatintasz egyből az ősz menühöz vissz.Amiben megtalálsz minden amihez egy weboldalon szükség lehet.Kellemes weboldalszerkesztést!)

 
-BLOG PLUSZ-
 
-google hírdetés-
 
-SZÁMLÁLÓ-
Indulás: 2005-04-12
 
-BELÉPÉS-
Felhasználónév:

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

 

 

 

 

 

 

 

   

Copyright  © 2005-2018 Virág Design / jegvirag.gportal.hu / virag-78@gportal.hu / online

 


Karácsonyra szép AJÁNDÉK egy Személyre szóló asztrológiai elemzés! Kinyomtatva és bekötve örök emlék marad!    *****    ***MUNKALEHETÕSÉG!*** Új cég, új lehetõség, ingyenes regisztráció! Ugye tudod, mit jelent elsõk között lenni...?!    *****    A legfrissebb videojátékokról olvashatsz híreket! Elemezzük a Call of Duty sorozat legújabb részét World War II    *****    A RENDKÍVÜLI horoszkóp akciók Karácsonyig tartanak,most rendelj saját illetve szeretteid részére elemzéseket. Kattints    *****    Blog, Videojátékok, Szórakozás, Technika! Call of Duty: WWII és sok más!    *****    Légy te is egy Új Márka Elsõ tagjai között ahol Azonnali 28%haszonhoz juthatsz!Részletek:huncalifeandme@gmail.com    *****    Nyerj akár 1 millió forint értékû bitcoint. A játék ingyenes.    *****    Tudtátok, hogy a Csiga-biga gyerekdalban eredetileg szó sincs tûzrõl?    *****    LEGYÉL FARMASI TANÁCSADÓ VAGY VEZETÕ! OTTHONI MUNKA, MAGAS KERESETI LEHETÕSÉGGEL! HA MOST CSATLAKOZOL, MÉG NYERHETSZ IS!    *****    Mi mennyi 2018 - Árak, változások 2018 - minimálbér, családi pótlék, adókedvezmények 2018    *****    Légy te is a Farmasi csapaom tagja!!!    *****    Születési,baba,hold horoszkóp,elõrejelzés,párkapcsolati elemzés,fogamzási képlet! Ingyenes tanácsadás!Várlak!Kattints!    *****    A Dynasty és a TVD 8.évadából megismert színésznõ, Nathalie Kelley elsõ hazai rajongói lapja. KATT! KATT! KATT!    *****    WISE-VOGUE | SZISSZ ÉS KLAU BEAUTY-FASHION BLOGJA TERMÉKTESZTEKKEL, TIPPEKKEL, ÖTLETEKKEL A MINDENNAPOKRA // WISE-VOGUE    *****    Charmed - Új külsõ - Még több tartalom - Még több információ, érdekesség - CHARMED - Bûbájos boszorkák - Varázslat - Cha    *****    Karácsonyra AJÁNDÉKOZZ szeretteidnek, barátaidnak SZEMÉLYRE SZÓLÓ HOROSZKÓP ELEMZÉST 3 ÉVES ELÕREJELZÉSSEL!    *****    Szerinted melyik könyvet kellene elolvasnom? Melyik film érdemes arra, hogy megnézzem? - Mementoim.Blogspot.hu    *****    Születési horoszkóp + 3 év elõrejelzés + Felszálló holdcsomópont,Chiron, Lilith 2000 Ft. + ingyenes konzultáció. Most!    *****    Szerinted melyik könyvet kellene elolvasnom? Melyik film érdemes arra, hogy megnézzem? - Mementoim.Blogspot.hu    *****    Exkluzív Karácsonyi Ajándékok - Exkluzív Karácsonyi Ajándékok - Exkluzív Karácsonyi Ajándékok