Mérei Tamás webdesigner

HTML, CSS

HTML, CSS tutorial, oktatóanyag.

Tutorial: HTML + CSS image sprite menü

Tutorial: HTML + CSS image sprite menü

2011-02-1732 hozzászólás

Már megint egy menü :) Viszont most egy olyan módszer amiről még nem volt szó a blogon. Meg lehetne oldani úgy is, hogy egyetlen képet használunk a menühöz, pl. úgy, hogy egymás alá tesszük a menu.png és a menu_on.png-t egyetlen képbe. Ilyenkor viszont használunk kellene a függőleges pozíció eltolást is.

Tutorial: jQuery – képgaléria

Tutorial: jQuery – képgaléria

2011-02-1665 hozzászólás

Dinamikus képgaléria, mely kiírja képek számát és azt, hogy éppen hányadik képnél tartunk. A galérián belül lehet lépkedni jobbra-balra, ha elértük az utolsó elemet, utána visszaugrik az első képre.

Tutorial: HTML + CSS menü készítés almenükkel

Tutorial: HTML + CSS menü készítés almenükkel

2011-02-1246 hozzászólás

Megpróbálkoztam egy almenüs menüt készíteni tisztán CSS-el, javascript nélkül. A videóhoz nem készültem elő, úgyhogy van benne egy nagy adag bénázás, de az eredmény működőképesnek tűnik. Ha valaki megcsinálja és teszteli Opera alatt, majd számoljon be az eredményről.

Tutorial: jQuery – toggle használata

Tutorial: jQuery – toggle használata

2011-02-1021 hozzászólás

A toggle lehetővé teszi egy elem eltüntetését illetve megjelenítését kattintástól függően. Itt is a click eseménnyel startolunk, majd első kattintásra előhozzuk a tartalmat, másodikra eltüntetjük.

Tutorial: jQuery – egyszerű képváltó

Tutorial: jQuery – egyszerű képváltó

2011-02-0456 hozzászólás

Egyszerű képváltogató megoldás jQuery-vel. Megint belefutottam a jó öreg IE last-child problémába, úgyhogy erre is mutat megoldást a videó. Felejtsétek el amit a toggle-ról mondtam, ehhez a feladathoz nem jó megoldás, ki is vettem a videóból. Majd csinálok erre is egy értelmes példát.

Tutorial: őszi hangulatú weboldal 2.rész

Tutorial: őszi hangulatú weboldal 2.rész

2011-01-0486 hozzászólás

Elkészült a mindenki által annyira várt videó, ahol a korábban Photoshopban elkészített weboldal mintából megírjuk a HTML és CSS kódot.

Tutorial: HTML + CSS az alapoktól 9.rész

Tutorial: HTML + CSS az alapoktól 9.rész

2010-12-2233 hozzászólás

A kilencedik és egyben utolsó részben a CSS3 újdonságaival foglalkozunk, illetve kapunk egy kis betekintést, hogy miért nem kedvelik a webdesignerek az Internet Explorert. :) A videóban bemutatott dolgok többsége egyébként a 9-es verzióban már működik. Megint sikerült mást gépelnem, mint amit mondok, 6:10-nél értelemszerűen border-radius-t kellene írni :)

Tutorial: HTML + CSS az alapoktól 7.rész

Tutorial: HTML + CSS az alapoktól 7.rész

2010-12-1115 hozzászólás

A hetedik részben a DIV-ekkel foglalkozunk. Ez az utolsó amiben új tag-et veszünk, a következőben már csak ismétlés lesz, illetve még van a fejemben egy bónusz anyag is :)

Legújabb hozzászólások