‘css’ cimke archívum

Tündéri manócskák avagy CSS Sprites

, ,

css_spritesHallottál már a tündéri CSS manócskákról? Érted őket igazán? A manók igazából nem is olyan picikék, hanem nagyok, pont ez a lényeg. Ezzel a technikával több kisebb képet egy nagyobbal tudsz helyettesíteni és ezután annak csak bizonyos részeit használni épp ott és úgy ahogy a weblap egyes részein kell. A CSS manók legegyszerűbb példája amikor egy gomb normál és benyomott állapotban másképpen néz ki és nem két külön képként, hanem egy képként használjuk őket. Persze ebben az esetben kell egy kis varázslat. »»

Minden, amit a CSS-ről tudsz, az rossz

, ,

Jóideje nem hallani újdonságokat CSS ügyben. A trükkök ismertek, mindenről minden infó megtalálható a weben. A CSS3 specifikáció még csak nem is közelít a befejezés felé, így az egyes böngészők CSS3 támogatása is igen gyatra. De mégis van új a nap alatt. »»

A CSS és a cache

, ,

Amikor egy élő weboldalon módosítjuk a CSS fájlt akkor jó eséllyel a látogatók egy ideig a régi CSS-sel fogják látni az oldalt. Ez oda vezethet, hogy bizonyos linkek nem látszanak, a szinek nam passzolnak vagy az oldal teljesen szétesik – attól függően, hogy mit módosítottunk a CSS-ben. »»

Design implementálás képekben

,

Szeretnék írni egy bejegyzést arról, hogy egy design tervet hogyan implementáljunk tetzzőleges tartalomkezelőbe. Arról már írtam, hogy hogyan lesz design tervből kész oldal, de akkor arról nem írtam, hogy ha már összeraktuk a CSS-t és az oldalfelépítést akkor azt, hogyan implementálhatjuk. »»

Szobatiszta webalkalmazások

, , ,

MouseEgyre gyakrabban beszélnek a webfejlesztők a JavaScript és a CSS diszkrét alkalmazásáról és annak kétségtelen előnyeiről. Az érem másik oldaláról viszont nem sokat lehet hallani, vagyis ennek a megközelítésnek a korlátairól, hátrányairól. »»

Opera input background bug

,

operaAz Opera lehet, hogy csont nélkül viszi az acid tesztet, de ettől függetlenül okozhat pár meglepetést css tekintetében. »»

CSS meztelen nap

,

vezerkepÁprilis 5-e már nem a béke ünnepe utáni nap, hanem a meztelen weblapok ünnepe :) A CSS naked day tavaly indult nagy sikerű kezdeményezés, és minden valamirevaló magát valminek tartó webes embernek illik követnie… »»

Formok táblázatok nélkül

, ,

tablelessBevallom őszintén mér rég a tableless élharcosának számítottam, amikor még vissza – visszanyúltam a jó öreg táblázatokhoz amikor a formjaim megjelenését akartam megzabolászni. Biztos voltam benne, hogy az a probléma, hogy alapból az input mezők különböző hosszúak és emiatt függőlegesen egymás alatt girbegurbán helyezkednek el orvosolható tisztán CSS-sel táblázat beiktatása nélkül. »»

Oldalhasábok magassága

, ,

3Kaptam pár e-mailt ami ezt a kérdést feszegette, így gondoltam megér egy külön cikket. Most egy dologra koncentrálok, mégpedig arra, hogy egy három hasábos weblapon meddig érnek az oldalhasábok illetve, hogy hogyan érhető el, hogy ezek háttere más színű legyen mint a lap tartalmi részének, de lelógjanak a lap aljáig. »»

Design tervből kész oldal

, ,

tegla

Oldalépítés design tervből lépésről lépésre

Kap az ember egy design tervet, ami egy rajzot, egy photoshop vagy egy gimp filet jelent. Vagy esetleg nem kapja, hanem saját maga készíti el. Nagyon szép és csiribiri, de hogy lesz ebből egy weblap? Egyáltalán megvalósítható teljes pontossággal egy design terv? Hát lássuk! »»

Az Internet Explorer (6) css bugjai 2.

, ,

iebugFolytassuk a listát további pár finomsággal amivel az Internet Explorer (6) meglephet bennünket css ügyben. Mint az előző cikkben is itt is transitional dtd melett előbukkanó css bugokról lesz szó. Ha valakinek van alkalma strict doctype melett letesztelni az itt bemutatott bugokat akkor örömmel várom a tapasztalatait! »»

3 oszlopos weblapok kialakítása

, ,

33 oszlopban minden elfér. Balra mehet a vezérlő rész (a menü), középre a mondanivaló, a tartalom, jobbra meg a többi. Persze lehet máshogy is, de ez egy kényelmes elosztás. Persze nem akarunk az oldal designhoz táblázatokat használni (brrr…), így marad a css. De hogy is lássunk hozzá? »»

Az Internet Explorer (6) css bugjai 1.

, ,

iebugBöngészőprogramnak nevezünk minden olyan programot amely képes weboldalakat megjeleníteni. Ha ezt a definíciót vesszük alapul, akkor sajnos az Internet Explorert (6) nem nevezhetjük böngészőnek. Ennek ellenére sokan használják weblapok nézegetésére. Itt kezdődnek a css programozók hányadtatásai. »»

Css nyalánkságok 2.

,

lepkeValahol az interneten bandukolva láttam egy oldalt ahol a keresésre, vagy a user beléptetésére szolgáló input mező a fejlécként szolgáló képre volt rátéve. Rendkívül helytakarékos és praktikus ötletnek látszott, de kíváncsi voltam, hogy egy ilyen input elemet bele lehet-e ágyazni a designba. »»

Css nyalánkságok 1.

,

szamocaEgy olyan menüt szerettem volna készíteni, ahol a menü elemeit egy szakács sapkáján lévő szamócák jelzik, melettük a menü szövege. Azt is szerettem volna ha a user az egérrel rámutat a menüre akkor a szamóca elfordul. »»

CSS a gyakorlatban

, ,

lalEz a cikk Manorama prabhu blogjának, a lal.freeblog.hu oldal táblázatos verziójáról egy tableless css alapra való áthelyezését írja le. A cikk megjelent 2005. december 4-én a Weblaboron is. »»