Janoszen weboldalán találtam rá egy érdekes leírásra, ami ötletet adott a leíráshoz. A téma: Wordpress sablon készítése. Ahhoz, hogy egy sablon tudjál készíteni, kell tudjál HTML-t, CSS-t és PHP-t is. Ajánlott olvasmány a WP dokumentációja és a Wordpress codex is.
A Wordpress sablonok két fő részből állnak: a programozási része, PHP fájlok, és a design része, CSS fájl(ok) és a hozza tartozó képek. A sablon a wp-content/themes/ mappaban kell legyen. Pontosabban a megadott mappában kell létrehozd a sablon nevével annak mappáját. A sablon mappájában két fájl a kötelező: style.css és index.php. A többi rád van bízva, hogy mit is csinálsz és hogyan csinálod. Ha plusz függvényeket is szeretnél használni, amiket te definiálsz, akkor használnod kell a functions.php állományt is. Az említett fájlban kell definiáld a függvényeket és szükség szerint megírd azokat.
Elolvasom a teljes bejegyzést »

A web 2.0 világában élünk és sok szép, úgynevezett glossy effektes dolog létezik, minden csillog villog. Valamelyest ebben jelentkezik, grafikai szinten a web 2.0. A következő leírásban egy, a Windows Live navigációs menüjéról mintázott, üveges hatású menü elkészítését fogod elsajátítani.

Kezdésnek hozzunk létre egy új, fehér hátterű dokumentumot, lehetőleg téglalap alakút (500×60px). Hozz létre egy új réteget a menü alapjának elkészítésére. Válaszd a Rectangular Marquee eszközt és készíts egy kijelölést, amekkorára a menüt akarod készíteni, pl. 480×40px, majd színezd ki a következő színnel: #005b95. A kellő effektelés érdekében végezd a következőket: Layer / Layer Style / Gradient Overlay a következő színekkel (balról jobbra, vagyis a világosabb szín legyen felűl): #2473a5, #005b95, #3585b9, #7eb1d2. Egy Stroke effekt is kell, a következő paraméterekkel: 1px széles, outside, opacity (láthatóság) 100%, a szín pedig #003150.

Elolvasom a teljes bejegyzést »

Végleges, legalábbis amíg nyomós okok nem lesznek annak módosítására, az uFal vendégkönyv adatbázis szetkezete. Gondolva a lehető legtöbb dologra, a következő lesz a felépítése: lesz egy tábla a beállítások tárolására, options néven. A messages táblában lesznek majd tárolva az üzenetek, míg a tiltást a banlist tábla fogja intézni.

Az options tábla:

1
2
3

'row_id' (INT) AUTO_INCREMENT -- az egyedi sorazonosító
'field' (VARCHAR(64)) -- a mező megnevezése
'val' (TEXT) -- az érték

Elolvasom a teljes bejegyzést »

A leírásban Aero Vista stílusú gombokat fogunk elkészíteni. Több okból is érdemes elsajátítani ezt a fajta stílust: aránylag egyszerű az elkészítése és a weben is jól néz ki, afféle web2.0 stílusnak is megfelel. Vágjunk is bele, hozz létre egy új dokumentumot, majd válaszd a Rounded Rectangle eszközt. A radius paramétert állítsd 5 képpontra, majd rajzolj egy ehez hasonló méretű lekerekített sarkú téglalapot.
Ha készen vagy, akkor kezdődhet a nagy átalakítás. Néhány effektet használva, hamarosan befejezed a képet és megtanulod a Photoshop néhány, leggyakrabban használt, effektét is. Kattints duplán a rétegen és válaszd a Stroke egységet, vagy Layer/Layer style/Stroke. Állítsd be a következő értékeket: size 1, position outside, blend mode normal, opacity 100%, fill type color, color fekete.
Elolvasom a teljes bejegyzést »

Azért született ez a bejegyzés, mint a webdesignerek hét bűne, mert rengeteg idegesítő weboldalt lát az ember nap, mint nap. Ezen lehet segíteni, mindössze oda kell egy kicsit figyelni, hogy mik az esztétikum határai. Nem akarok most minden apró hibát felsorolni, éppen ezért összegeztem a, szerintem, legnagyobb bakikat.
.1. A leggyakoribb hiba a rossz színek választása. A nem jól összeválasztott szín paletta, főleg az éles színek, ?szétverik? a weboldal kinézetét, sértővé vállnak a szem számára és olvashatatlan oldalt eredményeznek. Persze a hasonló oldalakon nem is időznek sokáig a látogatók.
.2. A második leggyakoribb hiba a fontok nem megfelelő összeválasztása. Maradjunk meg az alap betűtípusoknál, vagy legalább a legeltrejettebeknél. Ha nem ezt tesszük, akkor a látogató egy csúnya oldalt fog látni, annak ellenére, hogy a mi gépünkön gyönyörű. Mi erre a magyarázat? Az, hogy mi nem az alap fontot méretezzük, hanem a sajátunkat. Más és más fontok, más és másként méreteződnek, ezért szétnyomhatja az oldalt, vagy éppen olvashatatlanul picik lesznek a betűk. Ha a Photoshoppos tervezésre gondolunk, ott ne használjunk anti-alias effektet, mivel valóságban nem azt fogjuk kapni, amikor lekódoljuk az oldalt.
Elolvasom a teljes bejegyzést »

Sokan emlékezhetnek a régi weboldalról (is) letöltehető vendégkönyvre. Az oldal költözésekor úgy éreztem, hogy nincs szükség a csomag áthozására, töröltem is. Bár igaz, a legtöbbször letöltőtt script volt, nem voltam megelégedve vele. Miért is? Több okom volt rá: nehezen beágyazható, az eredeti oldal szövegkörnyezettől elütő, statikus formázás, nehézkes mysql kezelés, és még sok-sok egyéb zavaró tény. Persze nem mondom azt, hogy nem volt használathó, volt emoticon és kód támogatása is, azt használtam az oldalon, csak nem volt az igazi.

Miről is szól ez a bejegyzés? Bizonyára vakarod a fejed és gondolkodsz az oldal elhagyásán. Ne tedd, választ kapsz! Igényt véltem felfedezni a vendégkönyvre (furán hagzik ). A fórumon el is indúlt a fejlesztés, készül az uFal (sajnos a görög mü betüt nem tudja a wordpress menteni, annak ellenére, hogy UTF-8 a kódolási beállítás ) Miért pont ez lesz a neve? Miért ne? Szerintem jól hangzik és még nem találkoztam hasonló elnevezésű vendégkönyvel. A logója a fentebb látható kép lesz.
Elolvasom a teljes bejegyzést »

Bizonyára sokunkat foglalkoztat a tény, hogy mit kell tenni az oldallal és, hogy mit nem ajánlott ahoz, hogy az sikeres legyen. Ebben az írsában összegyűjtöttem néhány ötletet és tanácsot azok számára akik szintén ezen törik a fejüket.
Első sorban a látogató igényeire kell koncentrálni. Ki kell deríteni, hogy az adott témában mit is szeretnek a látogatók. Nem arról van szó, hogy csak a látogatóért készül az oldal, nem, de főleg! Éppen ezért, egy weboldal készítésének az első lépése nem más, mint az adott téma lazább, illetve szűkebb behatárolása.Erre azért van szükség, hogy a jövőbeli látogatók, akik vagy referált oldalakról vagy a keresőmotorból jönnek nagyrészt, találják meg azt, amit keresnek. Ha egy megfelelően a témába illő oldalra bukkanak, több mint valószínű, hogy visszatérő vendégekké válnak.
Elolvasom a teljes bejegyzést »

Ahogyan azt a cím is sugalja, nem egy szokványos leírás következik, hanem inkább egy személyesebb jellegű bejegyzés. Az utóbbi időben több helyen is találkoztam olyan emberekkel, akik nem tudtak valamit. Fura? Nem, szerintem senki sem tud mindent. A probléma nem is itten kezdődik. Akkor fajul problémává a dolog, amikor X személy nem talál valamit, ha egyáltalán kereste, és a kényelmes utat választva egy fórumon keres megoldást. Valójában ez sem probléma önmagába. A kérédés ami foglalkoztat viszont az, hogy miért keres valaki választ kérdésére, ha azt úgysem hallgatja meg.
Elolvasom a teljes bejegyzést »

Egyik barátom ma felkeresett a következő problémával: - Alpár, sok féle képpen próbáltam már, de nem sikerűlt ikon tenni a weboldalamnak. Hogyan lehet? Nem túl nehéz, de mégis elterjedt probléma. Úgy gondoltam, készítek egy leírást, ami alapján bárki, könnyedén kiteheti saját oldala ikonát? Itt is van a kód, ahogyan be tudod illeszteni a megfelelő képet az oldaladba:

<link href="http://webpillango.org/favicon.ico" rel="icon" />
<link href="http://webpillango.org/favicon.ico" rel="shortcut icon" />

A href paramétert a te ikonod elérési útjára kell cseréld Azért írtam két verziót, mert nagyon jó, szinte tökéletes, a böngészők közti összeférhetőség. A kódot az oldal fejlécébe kell beilleszteni, vagyis a head tagok közé.
Elolvasom a teljes bejegyzést »

A leírásban megtanuljuk kiválasztani a nekünk megfelelő adatbázist, a táblázatok kezelését parancsok lefuttatásával, adatok kinyerését és az eredmény által elfoglalt memória kiürítését. Mi a metodológia? Először is kell csatlakozzunk az sql szerverhez, majd kiválasztani a megfelelő adatbázist. Létre kell hozzuk a parancsunkat és le kell futtasuk azt. Majd a visszatérített adatokat lekezeljük. Utolsó lépésekként, űrítjük a használt memóriát, majd lezárjuk a kapcsolatot. A csatlakozást és a kapcsolat lezárását már leírtam, most a köverkező függvényekkel foglalkozunk: mysql_select_db, mysql_query, mysql_fetch_assoc, mysql_free_result.

Elolvasom a teljes bejegyzést »