template 79

temlpate 79:

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

KÓD:

<center><style type="text/css"> 
.ch-grid {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-grid:after,
.ch-item:before {
content: '';
   display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 380px;
height: 200px;
display: inline-block;
margin: 20px;
}
.ch-item {
width: 100%;
height: 100%;
/*border-radius: 50%;*/
overflow: hidden;
position: relative;
cursor: default;
box-shadow: 
 inset 0 0 0 16px rgba(255,255,255,0.6),
 0 1px 2px rgba(0,0,0,0.1);
transition: all 0.4s ease-in-out;
}
.ch-img-1 { 
background-image: url(https://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1647266967.jpg);
 width: 380 px;
}
.ch-info {
position: absolute;
background: #f4f4f4;
width: inherit;
height: inherit;
overflow: hidden;
opacity: 0;
transition: all 0.4s ease-in-out;
transform: scale(0);
}
.ch-info h3 {
color: #000000;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
margin: 0 10px;
padding: 40px 0 0 0;
height: 40px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow: 
 0 0 1px #fff, 
 0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
color: #000000;
padding: 1px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255,255,255,0.5);
opacity: 0;
transition: all 1s ease-in-out 0.4s;
 position: relative;
 bottom: -10px;
}
.ch-info p a {
display: block;
color: #000000;;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
font-family: 'Open Sans', Arial, sans-serif;
 position: relative;
 bottom: -60px;
 left: 160px;
}
.ch-info p a:hover {
color: rgba(255,242,34, 0.8);
} 
.ch-item:hover {
box-shadow: 
 inset 0 0 0 1px rgba(255,255,255,0.1),
 0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
transform: scale(1);
opacity: 1;
}
.ch-item:hover .ch-info p {
opacity: 1;
}
</style>
<center>
<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'><div style=background-color: #F1F1F1; width: 420px;">
 <ul class="ch-grid">
<li>
 <div class="ch-item ch-img-1">
  <div class="ch-info">
   <h3>Virág Design</h3>
   <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!<a href="//jegvirag.gportal.hu">virag</a></p>
  </div>
 </div>
</li>
 </ul>
 
<ul class="ch-grid">
<li>
 <div class="ch-item ch-img-1">
  <div class="ch-info">
   <h3>Virág Design</h3>
   <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!<a href="//jegvirag.gportal.hu">virag</a></p>
  </div>
 </div>
</li>
 </ul>
 

 

 

 

 

 

 

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

Ellenorítve:2017.04.18.

Copyright  © 2005-2017 JégVirág Design

<center><style type="text/css"> 
.ch-grid {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-grid:after,
.ch-item:before {
content: '';
   display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 380px;
height: 200px;
display: inline-block;
margin: 20px;
}
.ch-item {
width: 100%;
height: 100%;
/*border-radius: 50%;*/
overflow: hidden;
position: relative;
cursor: default;
box-shadow: 
 inset 0 0 0 16px rgba(255,255,255,0.6),
 0 1px 2px rgba(0,0,0,0.1);
transition: all 0.4s ease-in-out;
}
.ch-img-1 { 
background-image: url(https://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1647266967.jpg);
 width: 380 px;
}
.ch-info {
position: absolute;
background: #f4f4f4;
width: inherit;
height: inherit;
overflow: hidden;
opacity: 0;
transition: all 0.4s ease-in-out;
transform: scale(0);
}
.ch-info h3 {
color: #000000;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
margin: 0 10px;
padding: 40px 0 0 0;
height: 40px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow: 
 0 0 1px #fff, 
 0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
color: #000000;
padding: 1px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255,255,255,0.5);
opacity: 0;
transition: all 1s ease-in-out 0.4s;
 position: relative;
 bottom: -10px;
}
.ch-info p a {
display: block;
color: #000000;;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
font-family: 'Open Sans', Arial, sans-serif;
 position: relative;
 bottom: -60px;
 left: 160px;
}
.ch-info p a:hover {
color: rgba(255,242,34, 0.8);
} 
.ch-item:hover {
box-shadow: 
 inset 0 0 0 1px rgba(255,255,255,0.1),
 0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
transform: scale(1);
opacity: 1;
}
.ch-item:hover .ch-info p {
opacity: 1;
}
</style>
<center>
<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'><div style=background-color: #F1F1F1; width: 420px;">
 <ul class="ch-grid">
<li>
 <div class="ch-item ch-img-1">
  <div class="ch-info">
   <h3>Virág Design</h3>
   <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!<a href="//jegvirag.gportal.hu">virag</a></p>
  </div>
 </div>
</li>
 </ul>
 

 

 

 
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
Bolyongó effekt (85db)
Cursor effekt (170db)
Egérkövető effekt(104)
Eső effekt (86 db)
Felszálló effekt (74 db)
Kép effekt (47 db)
Link effekt (38 db)
Naptár és Óra kód (25 db)
Navigációs menü (34 db)
Nyomda effekt ( 81 db)
Sidebar (9db)
ScrollBars (8 db)
StatusBar (5db)
Szöveg effekt(15 db)
Tábla CCS kód (81 db)
Trash effekt (63 db)
Template Css kód (86db)
Tűzijáték effekt (76 db)
Vegyes kód(ok) (36 db)
 
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-2024 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 
Nyereményjáték! Nyerd meg az éjszakai arckrémet! További információkért és játék szabályért kattints! Nyereményjáték!    *****    A legfrissebb hírek Super Mario világából, plusz információk, tippek-trükkök, végigjátszások!    *****    Ha hagyod, hogy magával ragadjon a Mario Golf miliõje, akkor egy egyedi és életre szóló játékélménnyel leszel gazdagabb!    *****    A horoszkóp a lélek tükre, nagyon fontos idõnként megtudni, mit rejteget. Keress meg és nézzünk bele együtt. Várlak!    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését!    *****    rose-harbor.hungarianforum.com - rose-harbor.hungarianforum.com - rose-harbor.hungarianforum.com    *****    Vérfarkasok, boszorkányok, alakváltók, démonok, bukott angyalok és emberek. A világ oly' színes, de vajon békés is?    *****    Az emberek vakok, kiváltképp akkor, ha olyasmivel találkoznak, amit kényelmesebb nem észrevenni... - HUNGARIANFORUM    *****    Valahol Delaware államban létezik egy város, ahol a természetfeletti lények otthonra lelhetnek... Közéjük tartozol?    *****    Minden mágia megköveteli a maga árát... Ez az ár pedig néha túlságosan is nagy, hogy megfizessük - FRPG    *****    Why do all the monsters come out at night? - FRPG - Why do all the monsters come out at night? - FRPG - Aktív közösség    *****    Az oldal egy évvel ezelõtt költözött új otthonába, azóta pedig az élet csak pörög és pörög! - AKTÍV FÓRUMOS SZEREPJÁTÉK    *****    Vajon milyen lehet egy rejtélyekkel teli kisváros polgármesterének lenni? És mi történik, ha a bizalmasod árul el?    *****    A szörnyek miért csak éjjel bújnak elõ? Az ártatlan külsõ mögött is lapulhat valami rémes? - fórumos szerepjáték    *****    Ünnepeld a magyar költészet napját a Mesetárban! Boldog születésnapot, magyar vers!    *****    Amikor nem tudod mit tegyél és tanácstalan vagy akkor segít az asztrológia. Fordúlj hozzám, segítek. Csak kattints!    *****    Részletes személyiség és sors analízis + 3 éves elõrejelzés, majd idõkorlát nélkül felteheted a kérdéseidet. Nézz be!!!!    *****    A horoszkóp a lélek tükre, egyszer mindenkinek érdemes belenéznie. Ez csak intelligencia kérdése. Tedd meg Te is. Várlak    *****    Új kínálatunkban te is megtalálhatod legjobb eladó ingatlanok között a megfelelõt Debrecenben. Simonyi ingatlan Gportal    *****    Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!