Category: kódolás

Függő bekezdés CSS-sel

Nyomtatott anyagoknál gyakori megoldás az olyan, két hasábosnak tűnő tördelés, ahol egy rövidebb infohoz (pl. évszám) egy hosszabb szöveg tartozik úgy, hogy az egymáshoz tarozó párok első sorai egy vonalban vannak (ún. behúzás). Netoldalaknál ezt általában táblázatokkal szokták megoldani, de egy egyszerű css kóddal is el lehet érni ezt a hatást.

Resizable tabbed navigation with CSS, avagy méretezhető füles menü

A minap olyan megoldásra volt szükség, hogy egy felső navigációs menüt fülekkel kellett megoldani az alábbi kikötésekkel: – legyen rugalmas (a fül szövege határozza meg a fül szélességét) – ne kelljen minden fülhöz külön háttérképet készíteni (hover, active stb.) – legyen a képállomány a lehető legkisebb – árnyék, körvonal és hasonló grafikai “bonyolítások” ne okozzanak […]

Legördülő menü CSS-sel

css alapú legördülő horizontális menü készítését sajátíthatod el a leírás segítségével.

E-mail ellenőrző JavaScript

Az alábbi javascript kód segítségével könnyedén ellenőrizhetjük, hogy a megadott e-mail cím formailag helyes-e. A function TRUE vagy FALSE értékkel tér vissza. (Értelemszerűen TRUE, ha helyes az e-mail cím, FALSE, ha helytelen)

Initializálás – Harder

A css-ek elején szoktam ezt a kódot használni ahhoz, hogy minden böngésző alatt az egyébként másként megjelenített részeket azonos kinézetre formázzam.

CSS layout negatív margókkal

CSS layout negatív margókkal

Célunk, hogy három fix szélességű oszlopból álló weboldalt készítsünk, ahol a tartalmat css stíluslapokkal formázzuk. A webtartalom megformázásához “sima” float-olást fogunk majd használni, de mindenekelőtt vessünk egy pillantást a következő ábrára, amely megmutatja, hogy a HTML oldalunkon mely DIV elemek lesznek majd használatosak.

ExtJS Howto – magyarul

“Az Ext egy elsőrangú javascript könyvtár, tele olyan komponensekkel, melyek minden fejlesztésben központi szerepet kapnak. Aztán vannak még effektek, a jelenleg leggyorsabb DOM lekérdező könyvtár, szóval van itt minden, ami szem-szájnak ingere. Azt hiszem, ha egy közel tökéletes javascript keretrendszert keresel, az Ext-ben nem fogsz csalódni.” ExtJS Howto – magyarul

Egyszerűbb képmanipuláló függvények, filterek

Ha php-GD-vel készítesz képeket és egyszerűbb filtereket (szürkeárnyalatosítás, blur, színárnyalat-eltolás) szeretnél használni jól jöhet ez a kód. Ezen kívül a negyedik függvénnyel meghatározhatod két RGB színkóddal megadott szín távolságát.

Eltelt idő

A minap belefutottam abba a problémába, hogy nem a dátumot kellett kiíratnom, hanem az azóta eltelt időt. Nos itt van rá egy script.

Aktív tab a navigációs menüben PHP nélkül

A navigációnál használt tab-os/füles megoldások egy problémája szokott lenni, hogy hiába állítjuk be a css-ben, hogy az aktív tab-nak hogy kellene kinéznie, kattintás után mikor újratöltődik a lap, nyoma sincs a kívánt formázásnak. Persze php segítségével könnyű, de most az lenne a cél, hogy ezt kihagyva is működjön a dolog.

initializálás – tantek

A böngészők alapértelmezett tulajdonságait már a css fájlok legelején érdemes egységessé tenni, így a későbbiekben elég sok bosszúságot meg lehet spórolni.

Hibakezelés dinamikus képekhez

Amennyiben olyan php kódot írunk, amelynek kimenete egy képfájl, érdemes egy a következőhöz hasonló hibakezelőt beiktatnunk, mert a generált hibaüzenetek tönkretehetik a képünket, egy esetleges megszakításnál pedig egyáltalán nem kerülne kép a kimenetre. A kód bármilyen hiba esetén (az E_NOTICE és E_STRICT hibákat leszámítva) azonnal kiküld egy üres, 1*1 pixeles GIF fájlt, így biztosan nem […]