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-2025 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 
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-    *****    Játssz a színekkel keress szebbnél szebb képeket, építs, szépítsd a portálod, hogy szebb és színesebb legyen a világod!    *****    Debrecen Huszti Lakóparki napelemes családiház eladó. 06209911123 Debrecen Huszti Lakóparki napelemes családiház eladó.    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél színes 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    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati hõszigetelését!