A ‘Programozás’ kategória arhívuma

Darabolás mentes hivatkozás képeken

Írta: | 2008. május 03. | kategóriák: (X)HTML, Alapok, CSS, Design | 2 megjegyzés

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 »

Webdesigner csemege

Írta: | 2008. április 20. | kategóriák: Adatbázis kezelés, Photoshop, Programozás, Web | Nincs megjegyzés

Top tartalom, csillagot érdemel :)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:

parseGETintoString PHP függvény

Írta: | 2008. február 27. | kategóriák: Blogolok, PHP, Web | 13 megjegyzés

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 »

WordPress menu span hack

Írta: | 2008. január 15. | kategóriák: Blogolok, CMS, CSS, Design, PHP | 2 megjegyzés

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 »

Dinamikus gomb készítése CSSt használva

Írta: | 2008. január 13. | kategóriák: (X)HTML, CSS, Design | 16 megjegyzés

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 »

Microsoft Academic Tour 4.0

Írta: | 2007. december 09. | kategóriák: Adatbázis kezelés, Blogolok, Hírek, Programozás, Web | Nincs megjegyzés

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 »

WordPress SEO: permalink változtatás

Írta: | 2007. november 04. | kategóriák: Biztonság, CMS, PHP, SEO | 4 megjegyzés

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 »

Top 10 WordPress SEO tipp

Írta: | 2007. november 02. | kategóriák: (X)HTML, Alapok, CMS, SEO, Web | 22 megjegyzés

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 »

WordPress kondicionális függvények

Írta: | 2007. október 27. | kategóriák: CMS, PHP, Programozás, Web | 2 megjegyzés

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 »

Speciális WordPress sablon fájlok

Írta: | 2007. október 24. | kategóriák: CMS, Design, Programozás, Web | Nincs megjegyzés

Ebben a bejegyzésben egy listát találsz azokkal a fájlokkal, amelyeknek speciális értékük van a WordPress számára. Miért fontos ez? Azért, mert ha egy jó sablont akarsz készíteni, akkor pontosan tudnod kell, melyik fájlt, milyen esetben használd a legmegfelelőbb eredmény elérése érdekében.
A legfontosabb fájl a style.css. Ezt kötelező módon tartalmaznia kell a sablonnak a megfelelő fejléccel, mivel ez az a fájl, amely a sablon definícióját végzi. Ha nem tartalmazza a fejlécet, akkor is működik, de van eset, hogy egyéb történik, mint amit elvárunk (pl. egyes esetekben a Default sablont hozza be, ha nincs fejléc).

Elolvasom a teljes bejegyzést »