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>

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