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

 
Elkészítem születési horoszkópod és ajándék 3 éves elõrejelzésed. Utána szóban minden kérdésedet megbeszéljük! Kattints    *****    Könyves oldal - egy jó könyv, elrepít bárhová - Könyves oldal    *****    20 éve jelent meg a Nintendo DS! Emlékezzünk meg ról, hisz olyan sok szép perccel ajándékozott meg minket a játékaival!    *****    Ha érdekelnek az animék,mangák,videojátékok, japán és holland nyelv és kultúra, akkor látogass el a személyes oldalamra.    *****    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!    *****    Könyves oldal - Ágica Könyvtára - ahol megnézheted milyen könyveim vannak, miket olvasok, mik a terveim...    *****    Megtörtént Bûnügyekkel foglalkozó oldal - magyar és külföldi esetek.    *****    Why do all the monsters come out at night? - Rose Harbor, a város, ahol nem a természetfeletti a legfõbb titok - 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    *****    Mindig tudnod kell, melyik kiköt&#245; felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    Akad mindannyijukban valami közös, valami ide vezette õket, a delaware-i aprócska kikötõvárosba... - FRPG    *****    boroszkány, vérfarkas, alakváltó, démon és angyal... szavak, amik mind jelentenek valamit - csatlakozz közénk - FRPG    *****    Why do all the monsters come out at night? - Rose Harbor, a város, ahol nem a természetfeletti a legfõbb titok - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    CRIMECASESNIGHT - Igazi Bûntényekkel foglalkozó oldal    *****    Figyelem, figyelem! A második vágányra karácsonyi mese érkezett! Mesés karácsonyt kíván mindenkinek: a Mesetáros    *****    10 éves a Haikyuu!! Ennek alkalmából részletes elemzést olvashatsz az anime elsõ évadáról az Anime Odyssey blogban!    *****    Ismerd meg az F-Zero sorozatot, a Nintendo legdinamikusabb versenyjáték-szériáját! Folyamatosan bõvülõ tartalom.    *****    Advent a Mesetárban! Téli és karácsonyi mesék és színezõk várnak! Nézzetek be hozzánk!