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

 
Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    Gigágá! Márton napján is gyertek a Mesetárba! Nemcsak libát, de kacsát is kaptok! Játsszatok velünk!    *****    A Nintendo a Nintendo Music-kal megint valami kiváló dolgot hozott létre! Alaposan nagyító alá vettem, az eredmény itt.    *****    Leanderek, Parfümök, Olajok, és Szépségápolási termékek! Használd a LEVI10 kupont és kapj 10% kedvezményt!Megnyitottunk    *****    Megjelent a Nintendo saját gyártású órája, a Nintendo Sound Clock Alarmo! Ha kíváncsi vagy, mit tud, itt olvashatsz róla    *****    Megnyílt a webáruházunk! Parfümök, Szépségápolási termékek, Olajok mind egy helyen! Nyitási akciók, siess mert limitált!    *****    Az általam legjobbnak vélt sportanimék listája itt olvasható. Top 10 Sportanime az Anime Odyssey-n!    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Megnyílt a webáruházunk! NYITÁSI AKCIÓK! Tusfürdõ+Fogkrém+Sampon+Izzadásgátló+multifunkcionális balzsam most csak 4.490!    *****    Új mese a Mesetárban! Téged is vár, gyere bátran!    *****    Veterán anime rajongók egyik kedvence a Vadmacska kommandó. Retrospektív cikket olvashatsz róla az Anime Odyssey blogban    *****    Parfümök, Olajok, Párologtatók mind egy weboldalon! Siess mert nyitási AKCIÓNK nem sokáig tart! Nagy kedvezmények várnak    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Aki érdeklõdik a horoszkópja után, az nem kíváncsi, hanem intelligens. Rendeld meg most és én segítek az értelmezésben!    *****    A Múzsa, egy gruppi élményei a színfalak mögött + napi agymenések és bölcseletek    *****    KARATE OKTATÁS *** kicsiknek és nagyoknak *** Budapest I. II. XII.kerületekben +36 70 779-55-77    *****    Augusztus 26-án Kutyák Világnapja! Gyertek a Mesetárba, és ünnepeljétek kutyás színezõkkel! Vau-vau!    *****    A horoszkóp elemzésed utáni érdeklõdés, nem kíváncsiság hanem intelligencia. Rendeld meg és nem fogod megbánni. Katt!!!    *****    Cikksorozatba kezdtem a PlayStation történelmérõl. Miért indult nehezen a Sony karrierje a konzoliparban?