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="//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!

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

✘ 

 
---NYÁRI MENÜ---

(Ha  a képekre kattíntasz ,a ŐSZI menühöz vissz.Amiben megtalálsz mindent 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

 


ANELIATH - varázslat és sárkányvér- Te ki leszel ebben a csavaroS Történetben? - SZEREPJÁTÉK    *****    ANELIATH - varázslat és sárkányvér- Te ki leszel ebben a csavaroS Történetben? - SZEREPJÁTÉK    *****    Gyere és csatlakozz a -Karstjäger- magyar airsoft csapatába!    *****    Szoba gyerekkel kiadó film meg tekinthetõ gportálon klikk ide!    *****    Simonyi ingatlan Debrecen Eladó luxus lakások, házak, telkek, üzletek, lakóparki ingatlanok. Simonyi ingatlan Debrecen    *****    Ajándékozz Horoszkópot! Lepd meg szeretteidet egy Személyre szóló asztrológiai elemzéssel és 1 éves elõrejelzéssel.    *****    A horoszkóp a lélek tükre,egyszer mindenkinek bele kell néznie, ehhez adok én,sok segítséget. Fordulj hozzám bizalommal!    *****    Az asztrológia sok segítséget ad az élet minden területén, de képzett, tapasztalt asztrológus kell hozzá, keress meg!    *****    Születési horoszkóp,3 év elõrejelzés,párkapcsolati elemzés,konzultáció.Tájékoztatás az oldalon! látogass,meg!!!    *****    | WATTPAD | Egy neves gimnázium, egy gazdag, arrogáns srác és egy ösztöndíjas lány nem mindennapi szerelme | WATTPAD |    *****    Bérkalkulátor    *****    Infrashape Horizontal fitness stúdió Debrecen    *****    Infrashape Horizontal fitness stúdió Debrecen    *****    too young and innocent | an aegyo queen | twice | neo culture technology    *****    LÉGY A MAGAD ASZTROLÓGUSA! Regisztrálj oldalamra és én segítelek elsajátítani az asztrológia tudományát!    *****    Tanuld nálam az asztrológiát teljesen ingyen, vagy kérj részletes asztrológiai elemzést &#8222;BECSÜLET KASSZÁS&#8221; alapon!    *****    Új lovas szerepjáték! * Új lovas szerepjáték! * Lépj be a lovak csodálatos világába! Nevelj te is nálunk!    *****    Születési horoszkóp,3 év elõrejelzés,párkapcsolati elemzés ingyenes konzultáció,tájékoztatás az oldalon! kattints ide!!!    *****    Bûbájos Boszorkák - Charmed - Hírek - Extrák - Érdekességek - Charmed - Bûbájos boszorkák - Sok - sok infó - Charmed -    *****    Pénzkeresés az Interneten! Csak is kipróbáld, tesztelt módszerekkel, melyek tényleg fizetnek!