Post Tagged with: "css"

Lusta PHP programozó – kódgenerátorok

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

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.

rendezett css, globális white space reset

Amikor elkészítünk egy site-ot, a legfontosabb, hogy a kódunk minél rendezettebb, átláthatóbb legyen. Ez különösen érvényes, amikor css-t kódolunk. Sok féle rendezési módot kipróbáltam már. Az egyik az amikor minden elemet, osztályt logika szerint kommentekkel választunk el egyetlen css fájlban:

Azonos magasságú hasábok táblázat nélkül (Project7)

A szabványok és a trendek egyaránt arra irányulnak, hogy oldalaink layoutja ne táblázatokon alapuljon. Egy dolgot azonban táblázattal kétségtelenül nagyon egyszerű volt elérni: azt, hogy egymás melletti hasábjaink hossza mindig a leghosszabbhoz igazodjon. A táblázatnál ez automatikus, a DIV-es szerkezetben viszont az egyik DIV nem tudja, mit csinál a másik. A különböző hackek helyett megoldá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.

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.

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.