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 »

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 »

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 »

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 »

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.
Az ötlet az, hogy ne legyen egy statikus háttér, amiről lefuthat a szöveg, ha éppen hosszabb, mint a kép maga. Persze ezt elméletben ne lehet tökéletesen kiküszöbölni, még szerencse, hogy a gyakorlati világban élünk. A háttér dinamikus szélességét annak köszönhetjük, hogy a linkekbe nem a szöveget helyezzük, ahnem egy span elemet, ami tartalmazza a szöveget, így valójában két hátterünk van: egy nyitó, ami nyulni is fog, ahogy a szöveg egyre hosszabb (persze csak egy pontig, de mivel mi határozzuk meg, nem okoz gondot) és egy záró háttér, amely lezárja az első háttér végét, így egységes megjelenést biztosít.
Elolvasom a teljes bejegyzést »

Ahogyan azt a fórumon is írtam, pénteken (2007. december 7.) kapott helyet a negyedik Microsoft Academic Tour a Kolozsvári Műszaki Egyetem keretein belül. Minden elismerésem a szervezőknek. Ezúttal a fő hangsúly a webes technológiákon volt, de nem csak! Négy fő témára volt tragolva az egész: LINQ, Cornel Raţ előadásában, majd ezt követően az ASP .NET 3.5 és AJAX Adrian Mureşean közreműködésével. Ez után egy kis szünet, majd jöhetett a Microsoft büszkesége, amit a Macromedia (most Adobe) Flash ellenfelének szán: Silverlight 1.0 és 1.1 (2.0) Ioan Cretz Lazarciuc bemutatásában. A záró előadást Tudor Salomie tálalta: Project Astoria.
Elolvasom a teljes bejegyzést »

Beszéltem arról, hogy mi a megfelelő permalink struktúra, de azt nem írtam le, hogyan változtathatod meg az állandó linkek szerkezetét úgy, hogy az ne rontson az oldaladon. Nos, erre vannak pluginek, amelyekkel gond nélkül megteheted a változtatást.
Egy megoldást a Permalinks migration tool for WordPress biztosít. A nagy előnye a kiegészítőnek az, hogy az oldalad továbbra is elérhető lesz a régi linken, mi több, a Google PageRankodat sem rontja. A működési elv nagyon egyszerű és hasznos. A kért oldalon egy 301es újrairányítást talál a keresőrobot, ami annyit tesz, hogy permanent redirect (vagyis végleges átirányítás) és így a bot automatikusan kicseréli a linkedet az indexben. Ezáltal a PRed sem romlik és a SEO optimalizálást is véghez viszed.
Elolvasom a teljes bejegyzést »

Mostanság elég sokat van foglalkozva a keresőmotor optimalizálással. Olvasván egy ismerősöm blogját, találtam egy érdekes bejegyzést néhány jó Wordpress SEO tanáccsal. Ez adta az ötletet, hogy kicsit jobban körüljárjam a témát, így hát megszületett a top 10 SEO trükk a Wordpresshez (természetesen ez csak személyes vélemény, de az biztos, hogy hasznosak).

1. Az első helyet a permalink struktúra helyes megválasztása kapta. Alapból egy szám, az nagyon keresőmotor ellenes. A legtöbben ezt használják: %category%/%postname% A probléma az, hogy ez esetben két helyen is elérhető lesz ugyanaz a bejegyzés. Ennek kijátszása nagyon egyszerű, mégis nagy előnyt nyújt. A teendő, hogy kicseréled a permalink szerkezetet úgy, hogy az egy állomány kiterjesztésnek tűnjön: /%category%/%postname%.php A php helyett ajánlott az oldalad témájának legfontosabb kulcsszavát írni.
Elolvasom a teljes bejegyzést »

A feltételes tagokat arra használhatod, hogy eldöntsd, melyik oldalon mit jelenítsél meg, a látogató kérésének megfelelően. Egy egyszerű példa: bizonyára sokan látták, hogy van egy plugin, ami az admin felületen megjelenít különféle idézeteket Louise Armstrong / Hello Dolly című zeneművéből. Hogyan tudja a plugin, hogy az adminfelületről van szó? Megmondja neki az is_admin() függvény. Az is_függvények True vagy False értéket térítenek vissza, attól függően, hogy éppen teljesül a feltétel vagy sem. Az alábbiakban találsz egy listát, hogy mikor, mi térít True-t vissza, vagyis mikor igaz a feltétel.
Elolvasom a teljes bejegyzést »