Lewis Hamilton kézzel aláírt baseball sapkáját lehet megyerni

pitlane

A Pitlane.hu hétfőn indított egy nyereményjátékot, ahol a fődíj egy ajándékcsomag, benne Lewis Hamilton, a Forma1 jelenlegi világbajnoka, által kézzel aláírt baseball sapkája, két könyv meg egy DVD! További nyeremények is vannak, MotoGP-s és Forma1-es könyvek és DVD-k, illetve a különdíj Alexander Wurz szintén saját kezűleg aláírt tűzálló felsője.

Részletek és jeletkezés: itt.

Pitlane optikai tuning

pitlane

Most, hogy vége mind a Forma1 mind a MotoGP szezonnak, úgy gondoltuk szánunk egy kis külön figyelmet benzingőzös közösségi oldalunknak.

Ennek eredménye, néhány apróbb grafikai megjelenítésen kívül, két komolyabb változás:

pitlane.hu cimkefelhő A csúnyácska és butuska saját készítésű cimkefelhő nem tudott rendszern megbírkózni az egyre növekvő cimkék számával. Úgy döntöttem, hogy a további javítgatás helyett inkább egy már jól bevált megoldást fogok alkalmazni, a Tagadelic modul képében. Nagyon elégedett vagyok a modullal, mert jól testreszabható a megjelenés és stabilnak tűnik a kódbázis.

pitlane.hu szavazó widget A másik változás már komolyabb munkát igényelt a részemről, méghozzá olyat amihez nem is vagyok hozzáaszokva :) A Fivestar modulhoz készítettem teljesen egyedi grafikát. Nem vagyok egy nagy grafikai zseni, ez látszik, de nekem azért tetszik, feldobja az oldalt. Mondjuk az átlátszó PNG fájlok elkészítésével, és az autók pozicionálásával megküzdöttem picit, de szerintem megérte. Az autót a www.vistaicons.com-ról töltöttem le.

Pitlane widget

Nemrég összedobtam a Pitlane.hu-hoz egy weboldalakba beilleszthető JS alapú widget-et. Ilyet még nem csináltam, jó szórakozás volt összehozni: a feladatban volt egy kis JavaScript, némi CSS és persze PHP is.

Tehát, a beépítendő kód valahogy így néz ki:

<script type="text/javascript"><!--
var pitlane_widget_items = 7;
var pitlane_widget_width = 510;
var pitlane_widget_border = "617D1F"; 
var pitlane_widget_background = "EEEEEE"; 
var pitlane_widget_link = "D17921";
var pitlane_widget_link_hover = "975719"; 
var pitlane_widget_font_size = "10";
//-->
</script>
<script type="text/javascript" src="http://pitlane.hu/widget/widget.js"></script>

A widget.js mindössze annyit tesz, hogy beállítja a meg nem határozott változók default értékeit, majd egy újabb javascript-et emel be. Ezt az új JS-t viszont már szerver oldalon, egy PHP szkript generálja, amely GET paraméterként megkapja a fent beállított adatokat. Ez a PHP által generált JS nem tartalmaz mást, mint egy nagy document.write()-ot.

A kimenet pedig egy SCRIPT tag és néhány egymásbaágyazott DIV. Tehettem volna IFRAME-be is, de akkor kötött lenne a magassága a doboznak, én pedig mindenképpen dinamikus magasságú dobozt szerettem volna. Így viszont volt egy kis gond a karakterkódolásokkal, de a PHP htmlentities függvénye megoldotta ezt is.

Nem maradt más hátra, mint egy demó:

Pitlane.hu - Tiéd a pálya!

Az F1világ.hu kapott egy újabb kistestvért, Pitlane.hu néven.

Eredetileg csak egy modult akartunk a híroldalra, ahova a felhasználók feltölthetnek vicces képeket, vagy a képek alá humoros megjegyzéseket írhatnak. Majd kitaláltunk, hogy a videókat sem kéne kihagyni a dologból. Persze mindezt hozzászólásokkal és szavazással fűszerezve. Itt már látszott, hogy nem modul lesz, hanem önálló közösségi website.

A háttérben természetesen a Drupal 6-os verziója fut, hiszen ez roppant testehzálló feladat neki. A szavazórendszert a VotingAPI és a Fivestar modulok adják, az URL-ek olvashatóságát a Pathauto biztosítja, a tartalomtípusok pedig egyedi fejlesztésűek. Itt-ott használunk Views-t is, de ezeket jobb szeretem saját kóddal megoldani.

A látványtervből a drupal theme-et, ZEN alapokon, Ámon Tamás követte el. Köszönet érte!

A "Tiéd a pálya!" szlogent pedig én találtam ki :)

Lényeg a lényeg, elkészült az oldal és tegnap rajtolt, a fogadtatás pedig jobb, mint amire számíthattunk. Kiváncsi vagyok, hova fejlődik majd az oldal.