Címke ‘css’

Méretezhető CSS doboz készítése: 9-slice CSS Box

A feladat olyan méretezhető css Box/Panel készítése, ami:
- scriptmentes
- a kerete rugalmasan paraméterezhető
- a magassága lehet fix méretű vagy tartalomhoz igazodó
- a felhasznált képek mérete legyen minimális
- pixelpontosan legyen tervezhető, felhasználható
- valid CSS/(X)HTML
- táblázatmentes megoldás legyen (tableless)
- böngészőfüggetlenség (ie6, ie7, ff2, ff3, safari3, opera9, chrome)

Bevillanó menügomb kiküszöbölése állapotváltozásnál

Legtöbb esetben a sitebuilderek a menügombokat úgy oldják meg, hogy a gomb minden állapota egy-egy külön kép. A probléma az, hogy például egy a:hover vagy a:active állapotváltozásnál, ha a felhasználó a gomb fölé viszi az egeret, eltűnik a háttere amíg a hover állapothoz kapcsolódó képet le nem tölti.

The Art & Science of CSS könyv ingyen letölthető

A “The Art & Science of css” című könyvet még 8 napig ingyenesen le lehet tölteni a Twitaway: The Art & Science of CSS — FREE Download/ honlapról.
Aki fent van Twitteren, az @sitepointdotcom-ra feliratkozva szerezheti be, de közvetlenül e-mailre is lehet kérni.
Bővebb információkat a könyvről itt szerezhetsz be: he Art & Science Of CSS

E-mail cím elrejtése CSS-sel

A spamáradattal már mindenkinek tele a kis hócipője, itt a lapon is volt már róla szó, hogy lehet ellene védekezni. A minap egy külföldi blogban láttam pár – számomra új és ötletek – megoldást ami tetszett és css-re alapul a használatuk, lássuk őket:

15 hasznos CSS és HTML leírás honlapkészítéshez

15 olyan leírás következik, amelyek mindenki számára hasznosak lehetnek honlapkészítés közben. A leírások demo-kat és komplett mintakódokat is tartalmaznak, úgyhogy kezdők számára is is könnyen kivitelezhetőek.

50+ CSS alapú, tab-os navigáció

Aki szereti a TAB-os (füles) navigációt és nem idegenkedik a css alapú megoldásoktól, valószínűleg hasznos találja az alábbi gyűjteményt, ahol több mint 50 megoldást kínálnak mindehhez:
50+ Nice Clean CSS Tab-Based Navigation Scripts

Honlapkészítéshez top gyűjtemények

Nézzünk olyan cikkeket, listákat, melyek címe is már azt sugallja, hogy az adott témában legjobb (top) oldalakat, forrásokat és egyéb anyagokat gyűjtötték össze. :)

Hírek honlapkészítés témakörben

Eltelt a múltkori linkkavalkád óta már egy kis idő és megint számtalan hasznos vagy épp érdekes linket találtunk, amit most megosztanánk veletek. Mindegyike valahogy kapcsolódik a webszkerkesztéshez/honlapkészítéshez, úgyhogy remélem mindenki fog magának hasznosat találni benne.

Lusta PHP programozó – kódgenerátorok

A mai világban annyi mindent elvégeznek helyettünk a gépek, miért pont a programozást ne tennék?
Itt van rögtön pár klasszikus ebben a témában:

Boxmodellek – toxin új blogja

Toxinnal már több évre nyúlik vissza az ismeretségünk, még anno a fórumon kezdődött aztán egy ideig együtt is dolgoztunk távmunkában. Most örömmel láttam a fórumon az egyik bejegyzését, amiben felhívta a figyelmünket az újonnan indított, boxmodelekkel, css-sel foglalkozó blogjára, remélem ígéretéhez híven gyakran fogja frissíteni. :)

Rugalmasan nyúló, kerekített sarkú gombok CSS-sel

Nem számít egy nagyon új dolognak a css segítségével megvalósított gomb, viszont a dinamikus szélességgel bíró gomb igenis új távlatokat nyit a weblapkészítésben. A következő leírásban egy ilyen szerű gomb elkészítéséről lesz szó. Először elmondanám, hogyan is működik a gomb, milyen elmélet alapján, majd a szükséges kódot is közzéteszem.

Stíluslap váltás képernyőfelbontás alapján Javascripttel

Ebben az ismertetőben azt próbálom bemutatni, hogyan igazíthatjuk weblapunk kinézetét a felhasználó által használt képernyőfelbontáshoz és böngészőhöz.
javascriptünk érzékeli a felhasználó képernyőfelbontását és az általa használt böngészőprogramot, és más-más stíluspapokat tölt be a kapott értékeknek megfelelően.