FuckinWay Gportál -#FW-DESIGN :: Gondolkodj, higgy, álmodj és merj!

Ajánló:)

welcome

Szia! Üdv az oldalon. Az oldal az én hobbi oldalam, ezért is a legtöbb friss szinte mindig hétvégére várható az iskola miatt és az amelletti töménytelen elfoglaltságom miatt, ezért sincs hétköznaponként sok friss, csak ha időm van rá. Érezd jól magad, kommentálj a csetbe, akármi. ;) Frank

Gyorslinkek: Login RSS Xat Chat

chat

partner oldalak

Azok az oldalak, melyeket rendszeresen olvasok. Bátran jelentkezhettek, bárkivel szívesen cserélek. :)

Régi Csere oldalak:
A régi cseréket levettem, sokan le is vettetek, bezártatok, így a csere kérés újra indult. Ha nem látod kint magad és cserénk van akkor kérlek jelezd! Bocsi! :(

Lekerültél? Olvasd el ezt.

Kaphatok egy Lájkot?:)

Archívum

Friss bejegyzések

Boldog Új Évet! :)

2018.12.31. 14:52

Karácsonyi ikonszettek

2018.12.08. 16:58

Közelednek az ünnepek!:)

2018.11.30. 14:48

Újra itt vagyok!!

2018.03.04. 20:30

Újra itt vagyok!!

2018.03.04. 20:24

Ugrás a blogra

Friss hozzászólások

Daisy: Szia, én nem rég találtam rád, és először megörültem, hogy e…

nikkii: CSS-ben nincs // kommentelés ;) 2016.12.28 18:52Liliana&bdq…

Liliana: Nekem hibátlan lett. :) Annyit azért hozzátennnék, hogy a ko…

Virág: Szia.Örülök hogy viszatértél ebben a jó kis csapatba.Kelleme…

xXx: 6 jó válasz, 4 hiba. Pedig ez még csak az eleje. Van mit gya…

Archívum

információ

Az oldal szerkesztője: Frank
A css-t, designt készítette: Frank
Az oldal nyitott: 2009.03.12
Az oldalt ebben a témában ettől a dátumtól kezdve keztdtem el szerkeszteni: 2012.02.10.
Az oldal témája: html, css, design stb..
A szerkesztő email címe: charmedportal0@gmail.com

Régebbi frissítések

Az oldalon jelenleg 47 darab css kód leírás, 7 db html leírás, 8 db javascript, 2 yquery, 1 php és 11 darab egyéb leírás található.
A képre kattintva megtalálod az oldal Facebook oldalát. Érdemes belájkolni, mert néha oda is felkerül 1-2 grafika. ;)

Szavazás


Várod az ünnepeket?
Igen, erre várok egész évben! (144 / 67%)

Semleges (44 / 20%)

Nem szeretem... (27 / 13%)

Szavazatok száma: 215

Létrehozás időpontja:

2013-12-01 14:19:42

Szavazás lezárva:

2015-05-31 17:09:08

Lezárt szavazások

Css kód leirások

Css kód leirások : Képlapozó effekt

Képlapozó effekt

2013.01.20. 19:00

Disneyland
A kishableány
Oroszlánkirály

HTML kód:

<html>
<div class="slides">
    <ul> 
        <li><img src="kép URL címe" alt="image01" />
            <div>szöveg helye</div>
        </li>
         <li><img src="kép URL címe" alt="image01" />
            <div>szöveg helye</div>
        </li>
          <li><img src="kép URL címe" alt="image01" />
            <div>szöveg helye</div>
        </li>

    </ul>
</div>
</html>

CSS kód:

<style>
*{
    margin:0;
    padding:0;
}
body {
    color:#fff;
    font:14px/1.3 Arial,sans-serif;
}
header {
    background-color:#212121;
    box-shadow: 0 -1px 2px #111111;
    display:block;
    height: 215px;
    position:relative;
    width: 528px;
    z-index:100;
}
header h2{
    font-size:22px;
    font-weight:normal;
    left:50%;
    margin-left:-400px;
    padding:22px 0;
    position:absolute;
    width:528px;
}
header a.stuts,a.stuts:visited{
    border:none;
    text-decoration:none;
    color:#fcfcfc;
    font-size:14px;
    left:50%;
    line-height:31px;
    margin:23px 0 0 110px;
    position:absolute;
    top:0;
}
header .stuts span {
    font-size:22px;
    font-weight:bold;
    margin-left:5px;
}

/* fade slider */
.slides {
    height:215px;   /*képed magassága!*/
    margin:50px auto;
    overflow:hidden;
    position:relative;
    width:528px; /*képed szélessége!*/
}
.slides ul {
    list-style:none;
    position:relative;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* css3 delays */
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slides ul li:nth-child(4), .slides ul li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}
.slides ul li img {
    display:block;
}

/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}

.slides ul li div {
    background-color:#000000;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#FFFFFF;
    font-size:26px;
    left:10%;
    margin:0 auto;
    padding:20px;
    position:absolute;
    top:50%;
    width:200px;

    /* css3 animation */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}
</style>

Dryvit, hõszigetelés! Vállaljuk családi házak, lakások, egyéb épületek szigetelését kedvezõ áron! Hívjon! 0630/583-3168 ***** Ha te is könyvkiadásban gondolkodsz, ajánlom figyelmedbe az postomat, amiben minden összegyûjtött információt megírtam. ***** 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