Biztos vagyok benne, hogy már többetek fejében megfordult a gondolat, hogy bizonyos elemeknek új méretet kellene adni az ablak újraméretezése esetén. Nem nagy szó, CSS. Igen ám, de mi van abban az esetben, hogyha egyes elemek, mint például egy űrlap elemei dinamikusan fix egy százalékban kifejezett értékből kivont képpontokban meghatározott mérték szélességű.

Példa

Az oldal dinamikusan váltja a szélességét az ablakmérettől függően. Ráadásként, az oldal tartalmi része dinamikus szélességű, míg az oldaléc fix értékkel rendelkezik. A tartalmi részben van egy űrlap, ami dinamikusan kell változtassa a méretét a tartalmi rész szélességétől függően.
Elolvasom a teljes bejegyzést »

Ez egy rövid példa arra, hogy miként lehet egy háttérképre, például a fejléc hátterére, linket tenni, pl. a logóra. Természetesen ebből az következik, hogy nem szükséges a kép felvágása, csupán XHTML és CSS segítségével kivitelezhető. A megoldás egyaránt valid és cross-browser.

1. lépés

Helyezzünk egy linket a kérdéses helyre. Én a fejlécben szeretnék egy kattintható felületet a logónak, ami visszamutat a főoldalra.

1
2
3

<div id="header">
  <a href="index.html" title="" id="logoLink"> </a>
</div>

Elolvasom a teljes bejegyzést »

Az elmúlt néhány napban több blogon is nagy érdeklődés tört fel az internetes, illetve a blogetikett ügyében. Ezen blogok közt van xSolutions és pazzo blogja is. Az én reakcióm nem a blogon van, hanem egy külön projekt, amihez bárki segítségét szívsen fogadom.

A Netikett elsődleges célja:

A Netikett egy internetes illemlista. Célja segíteni a könnyebb kommunikációt és visszaszorítani az online viselkedésmódról alkotott téves elképzeléseket, például a szabad szitkozódás elvét.

A Netikett semmiféle módon nem korlátozza a szabad véleménynyilvánítást. A Netikettben egybefoglaltak be nem tartása semmiféle jogi megrovással nem jár. Ahogyan azt az előző bekezdés is szemléteti, a cél az illem megismertetése. Annak betartása csakis Rajtad áll: betartod vagy sem.

A WebPillangó eddigi bő féléves pályafutása alatt született néhágy olyan bejegyzés, ami iránt szépen gyarapodott az érdeklödők száma. A bejegyzés célja egy helyen összegezni ezeknek a bejegyzéseknek a krémét, témától függetlenül, legyen az photoshop, webdesign, web programozás vagy bármi egyéb kiegészítő, mint például a Magyar-Angol, Angol-Magyar Photoshop szótár program formájában megvalósítva.

A csemegézést a legtöbbet értékelt és a legjobb értékelést szerzett bejegyzésekkel kezdem. Az értékelést a bejegyzések alján lehet elvégezni a csillagokat használva. A legtöbb szavazatot a Retró kép készítése segédlet kapta. A legjobb értékelést pedig a WebPillangó Photoshop szótár.

A Google Analytics szerinti, a WebPillangón, a top tartalom (top content) a következőkből áll:

• WebPillangó Photoshop szótár
• Jó minőségű Youtube
• Retró kép készítése
• PHP weboldal motor
• Top 10 Wordpress sablon

Elolvasom a teljes bejegyzést »

Benjamin blogján olvastam, hogy végre egyszerübb formában is elérhető a jó minőségű Youtube a Firefox felhasználói számára. Eddig is tudott trükk volt, hogy a link végére ha odaírjuk, hogy &fmt=18, vagyis megadjuk a fmt (gondolom ‘format’) változót a kellő értékkel, egy más minőségű Youtube jelenik meg. Pl. http://www.youtube.com/watch?v=656sY5KYTpQ&fmt=18 A felhasználói felületen talán mindössze az változik, hogy a videó alatt megjelenik egy link a régi videoformátumban való megtekintéshez, a gyorasabb videóbetöltés érdekében.
Elolvasom a teljes bejegyzést »

Egy, a tutorialblogon olvasott, bejegyzés felkeltette az érdeklődésem. Éppen ezért a WebPillangó is megpróbálkozik néhány vendég írás befogadásával. Bár akit komolyabban érdekel a téma, az eddig is megtalálhatta az impressszumban, hogy miként tudja bárki bővíteni saját backlink tárát és egyben a WebPillangó tartalmát is, most egy egyszerűbb és szembetűnöbb lehetőséget biztosítok Neked, hogy segíts magadon és segíts a WebPillangón is!
Elolvasom a teljes bejegyzést »

Mit keres itt? Egy Wordpress blogon az EllisLab Expression Engineről írni? Nos, remélem nem így állsz hozza! Veerle blogját olvasva megláttam az Expression Engine logóját. Gondoltam, ha már hallottam róla, közelebbrol is megnézem. Tudni kell, hogy van fizetős és ingyenes változata is. Az ingyenes változatot csak bizonyos körülmények közt tudod használni viszont, ha jól beválik, lehet megérdemli az árát. A követlező képpen jellemezném a rendszert (csak az ingyenes változatát próbáltam, másról nem tudok véleményt mondani): rugalmas és sajnos komplikált. Remélhetőleg erre nyújt majd megoldást az Expression Engine második generációja, az EE 2.0. Egy kis bemutatóvideó (a jövőben) a komplett és felhasználóbarát web(log)rendszer megismeréséhez: EE 2.0 bemutató.
Elolvasom a teljes bejegyzést »

Hosszabb kimaradás után ismét van egy kevés időm, amikor a WebPillangóval is tudok foglalkozni. Sajnálom, a kissebb-nagyobb szüneteket, nem szánédkosak. A bejegyzés azért született, mert ismét azon találtam magam, hogy dinamikusan ki kell cseréljek egy vagy több változót a _GET szuperglobális tömbben. A mellékelt függvény kicseréli és kiírja a kívánt eredményt. Az első paraméterben azt adjuk meg, hogy melyik változót szeretnénk cserélni a második paraméter értékére.
Elolvasom a teljes bejegyzést »

Mivel még nem volt alkalmam készíteni sablont az oldalra, fogtam magam és összeválogattam 10 nagyon jó Wordpress sablont. Remélem te is jónak fogod találni a templateokat. Sok szöveget nem is fűznék hozza, hiszen ebben az esetben a látszat a lényeg.

Elolvasom a teljes bejegyzést »

A minap felkerült egy írás, ahol dinamikusan lehet gombot készíteni CSS segítségével. DeX hozzászólása kapcsán:

Ha a gombon nyomvatartod az egeret, majd lehúzod róla, és ott engeded el, akkor beragad a lenyomott állás?

arra gondoltam, ha már az active-ot hover-re cserélem, használhatom menünek is az egész CSS kódot, a minimális modosításokkal. A CSSben mindössze annyi a tennivaló, hogy az active modosítókat kicseréljük hoverre. Így a link fölé görgetéskor aktíválodik az új kinézet és nem a link lenyomásakor. Miután készen vagyunk a CSS résszel, nyugodtan használhatjuk weboldalainkban.

Mi van akkor, ha a kódot nem mi írjuk? Én arra az esetre gondoltam, amikor a WordPress által kilistázott oldalakat/kategóriákat formázom menüként. A megoldás egy kis ügyesség, okosság. A probléma orvoslását keresve az alábbi megoldást találtam a legmegfelelőbbnek.
Elolvasom a teljes bejegyzést »