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: [email protected]

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 : Vízszintes kerek menü (szürke)

Vízszintes kerek menü (szürke)

2013.11.09. 21:15

HTML kód:

<ul class="ca-menu">

<li>

<a href="#">

<span class="ca-icon">Főoldal</span>

</a>

</li>

</ul>

<ul class="ca-menu">

<li>

<a href="#">

<span class="ca-icon">Kódok</span>

</a>

</li>

</ul>

<ul class="ca-menu">

<li>

<a href="#">

<span class="ca-icon">Design</span>

</a>

</li>

</ul>

CSS kód:

<style>

@font-face {

font-family: 'WebSymbolsRegular';

src: url('websymbols/websymbols-regular-webfont.eot');

src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),

url('websymbols/websymbols-regular-webfont.woff') format('woff'),

url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),

url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');

font-weight: normal;

font-style: normal;

}

.ca-menu{

padding:0;

margin:20px auto;

width: 400px;

}

.ca-menu li{

width: 100px;

height: 100px;

border: 5px solid #f6f6f6;

overflow: hidden;

position: relative;

float:left;

background: #fff;

margin-right: 4px;

-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

-webkit-border-radius: 125px;

-moz-border-radius: 125px;

border-radius: 125px;

-webkit-transition: all 400ms linear;

-moz-transition: all 400ms linear;

-o-transition: all 400ms linear;

-ms-transition: all 400ms linear;

transition: all 400ms linear;

}

.ca-menu li:last-child{

margin-right: 0px;

}

.ca-menu li a{

text-align: left;

width: 100%;

height: 100%;

display: block;

color: #333;

position: relative;

}

.ca-icon{

font-family: georgia;

font-size: 15px;

color: #939393;

line-height: 35px;

position: absolute;

width: 100%;

height: 80px;

left: 0px;

top: 30px;

text-align: center;

-webkit-transition: all 400ms linear;

-moz-transition: all 400ms linear;

-o-transition: all 400ms linear;

-ms-transition: all 400ms linear;

transition: all 400ms linear;

}

.ca-sub{

text-align:center;

color: #000;

font-size: 26px;

position: absolute;

height: 80px;

width: 170px;

left: 70%;

margin-left: -85px;

top: 130px;

opacity: 0;

-webkit-transition: all 400ms linear;

-moz-transition: all 400ms linear;

-o-transition: all 400ms linear;

-ms-transition: all 400ms linear;

transition: all 400ms linear;

}

.ca-menu li:hover{

background: #f7f7f7;

border-color: #fff;

-webkit-transform: rotate(360deg);

-moz-transform: rotate(360deg);

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

transform: rotate(360deg);

}

.ca-menu li:hover .ca-icon{

color: #555;

font-size: 60px;

}

.ca-menu li:hover .ca-main{

display: none;

}

.ca-menu li:hover .ca-sub{

opacity: 0.8;

}

</style>