Web-design csere fájldalommentesen
Már jó ideje fontolgattam, hogy ki kéne cserélni az opendir.hu grafikai megjelenését, vagy a komplett rendszert ami hajtja, de egy porcikám sem kívánta azt a sok hekkelést ami ezzel járna.
Miért nem komplett blog rendszer csere?
A sok tartalom újra feldolgozása rengeteg időt igényelne.
Az opendir.hu egy korábbi rendszerem egyik régi változata hajtja (Mya5 BlogSys). Bár menet közben az éppen aktuális verzió szintjére húztam, de azért ez hagy maga mögött némi kívánnivalót, mivel a legújabb verzió és az opendir.hu-t kiszolgáló változat között óriási a különbség.
Van új blog rendszerem is, de ott meg a tartalom és a fájlok átvitele okozna komoly időt, így ez sem jöhet számításba.
Miért a Design csere?
Az utolsó lökést ez a cikk adta, ahol tipográfiailag helyes ingyenes sablonokról olvashatunk. A bemutatott sablonok közöl, Alexander Dahlberg Svéd Designer munkája tetszett meg a legjobban. Megtekintheted Smash My Typo, és letöltheted.
- olvashatósági szempontok
- felhasználói, használhatósági szempontok
- kevesebb grafikai elem használata
- megjelenítésből adódó hibák javítása
- felhasználó barátabb legyen
- Aktuális trend
- Egyszerű megvalósíthatóság
- A régi tartalmak ha lehet alapból férjenek el benne
- Egyszerű alakíthatóság
- Saját jövőbeni elképzeléseid
- Licenc, ha másét használjuk
Szóval az átalakítás röpke egy nap alatt meg is lett:
Tippek az egyszerűbb átalakításhoz Smarty-val:
Egy működő weboldal új grafikát kap éles körülmények között. De a látogatók csak a régi oldalakat látják, mivel nekik nincs meg (nincs beállítva) az a munkamenet változó amire a rendszer egy másik sablont használ.
A Smarty Sablon helyének a meghatározásakor egy változó értékét ($_SESSION["DESIGN">) vesszük figyelembe és ez alapján állítjuk be a sablonok helyét. Ez alapján külön választhatjuk a sablon mappákat. A teljes elkülönítés nem árt, mert így nagyobb eséllyel nem írunk felül olyan fájlokat amit nem szeretnénk.
<?php
//smarty template mappa beállítás részélet
//sablon helyek meghatározása
$template_dir = ($_SESSION['DESIGN']=="alma") ? "alma_templates/" : "templates/";
//lefordított sablonok helye
$compile_dir = ($_SESSION['DESIGN']=="alma") ? "alma_templates_c/" : "templates_c/";
//mappák meghatározása smarty-nak
$smarty->template_dir = $template_dir;
$smarty->compile_dir = $compile_dir;
?>
Hozzunk létre egy PHP fájlt, amiben beállítjuk a SESSION["DESIGN"> értéket:
ha ezt a PHP fájlt meghívjuk a _SESSION értéket cseréli annak megfelelően mi volt a tartalma.
<?php
//hiba ki
error_reporting(0);
session_start();
//session érték beállítás
$_SESSION['DESIGN'] = (empty($_SESSION['DESIGN'])) ? "alma":"";
//vissza a főoldalra
header("location: /"); exit;
?>
A továbbiakban annyi dolgunk van, hogy a sablon amire az adatokat felcuccoljuk azonos fájlnevűek legyenek. pl.: (template/akarmi.tpl). Ha a két sablonunk különböző néven fut akkor ebbe a fájlba {include file="regisablon.tpl"} utasítással hívjuk be.
A megjelenítést végző fájlunkban:
<?php
//smarty-val kiküldött tartalom a display-re
$smarty->display("template/akarmi.tpl");
?>
Az opendir.hu-nél még annyiban bonyolódik a helyzet, hogy egy saját memcache van használva és ezeket is külön kellet szedni, mert voltak letárolva szerkesztett tartalmak is, eltérő CSS és XHTML megjelenítéssel futnak az új sablonon.
Ha a régi jobban tetszett írd meg!
Bejegyzés küldése
zsgyuris
Jobb mint az előző
A másik a felső menüben sokkal jobb, hogy nem piktogramokkal ábrázoltad a Szótár, Lorem generátor stb. alkalmazások linkjeit. Bár a Lorem generátort elég gyakran használom, mindig keresni kellett, hogy pontosan melyik is az. A másik dolog, ami kicsit problémás az előző designhoz képest, az hogy a kategória listához a nyitó oldalon scrollozni kell egy kicsit lefelé. Amúgy mindent összevetve elég jól sikerült az oldal vizuális frissítése. Gratulálok hozzá és további jó munkát.
---------------------
Opendir:
Köszi Zsolt!
Bár mint olvashattad nem az Én érdemem. Nekem csak sikerült elkú..ni a profi munkát, hogy beleférjen az oldal.
Tetszik ez a nyomasztó duma, kicsit Én (azt az oldalsáv türkizes 50+-10 évek színét nagyon eltaláltam) is így voltam vele, de ezt dobta a GIMP.
Ez a kategóriák dolog megfontolandó, merész húzásom de majd kiderül.
További kapcsolódó oldalak
- jQuery Loader V2
- Mysql Ajax Table Editor
- Grafikon készítése egyszerűen
- NetBeans IDE használata FTP,SFTP-n keresztül
- Adminer alternatív PHPMyAdmin
- KFM webes fájlmenedzser
- Php Framework CodeIgniter alapok
- Videó letöltés és átalakítás PHP-vel
- Memcache használata
- NetBeans IDE gyorsbillentyűk
- Smarty Editor NetBeans Plugin
- PHP MYSQL Smarty Online CRUD generátor
- Webfejlesztési eszközök Linuxon
- NetBeans IDE 6.5 telepítése Ubuntura
- Aptana Stúdió telepítése Linuxra
- Html to PDF álom
- PHP forrás formázás
- JavaScript programozás PHP utasításokkal
- Ügyfélnyilvántartó demó
- Zend Framework és Doctrine
- Fájlok tárolása MySQL adatbázisban, PHP segítségével
- SQL Insert teszt
- Regexp Vagy Like, melyiket szeressem
- Webes kódtöredék kezelés Ubuntura WCS
- Website uptime monitoring
- PHP,Zenity,ImageMagick képmanipuláció Ubuntu Linuxon
- Smarty AJAX függvények
- Zenity GTK+ GUI PHP-vel
- Parancssoros képmanipuláció Linuxon
- PHP array, String CheatSheet
- Alapvető műveletek PHP és MySQL adatbázis kapcsolatához
- $Smarty puska 1.
- Virtuálhost létrehozása localhoston
- Dokumentumok konvertálása
- kód optimalizálás tömböknél
- Curl funkciók telepítése XAMPP webszerverre
- Barátságos URL átirányítás
- PHP MySQL cheatSheet
- Forrás összehasonlítás, eltérés felderítés
- PHP, SQLite CheatSheet
Blogmarkok
Simple Chat
Egyszerû szöveges fájl alapú PHP chat progi.
Showcase of Interesting Navigation Designs
Érdekes menü, navigáció megvalósítások.
Több mint 306 magyar Linkgyûjtemény
Érdekes gyûjtemény magyar katalógusokról, linkgyûjteményekrõl, cikk katalógusokról. PR érték és alkalmazás szerinti megjegyzéssel. Igényes munka és használható forrás, weblap népszerûsítéshez. Az egyik legjobb hazai publikus SEO lista.
AdMax SEO Toolbar
Firefox kiterjesztés SEO eszközként.
Identica PHP
Identi.ca mikroblog szolgáltatáshoz PHP class, egyszerû használattal.
Twitter OAuth PHP
PHP Oauth részletes leírás, avagy hogyan használhatod távolról a Twittert.
Lightweight PHP Picasa API Version 3.0
PHP osztály Picasa képgaléria elemeinek a kezelésére. RSS-bõl feldolgozza az albumokat és képeket.
Blogmark felhő
- Új, jquery, php, plugin, css, gfx, seo, tools, javascript, online, menu, tipp, ui, mysql, google, class, framework, lib, html, flash, gallery, firefox, pdf, js, ajax, web-design, speedup, form, codeigniter, template, oop, joomla, table, maps, linux, upload, security, book, color, cheatsheet, mvc, web, font, api, fejlesztes, gimp, zend framework, editor, php5, input, generator, slider, ubuntu, design, wordpress, lightbox, css3, effekt, free, sql, netbeans, test, snippet, leiras, zf, drupal, tanulas, twitter, python, tooltip, html5, newsletter, db, graph, open source, grafikon, wysiwyg, tarhely, jqueryui, cms, memcache, ide, smarty, photos, gyujtes, theme, browser, json, file, firebug, link, canvas, gyujtemeny, pattern, xhtml, scroll, xml, gui, tutorial, foto, rss, icons, player, image, code, grid, url, orm, gd, php oop, chrome, apache, ftp, regexp, extension, programozas, docs, website, video, kereso, basic
Top5 webes fájlmenedzser
A gyűjtésben szereplő elemek weben keresztül valósítanak meg fájlkezelést. A kiválasztásnál kiemelt szempont volt az egyszerű deszktop jellegű szoftverektől megszokott kényelem, a biztonság és a többfelhasználós beállítási lehetőség, egyszerű integrálhatóság és a felhasználhatósági (licenc) szempontok.
2009-5 kedvenc jQuery pluginje
2009-ben is vannak kedvenc jQuery plugin-jeim. Ezt szeretném veletek megosztani.
Úgy érzem kicsit változtam, a plugin választás a funkcionalitáson túl egy picit a parasztvakítás is bejátszik.
(Parasztvakítás (PW): olyan effektek aminek a gyakorlatban szinte semmi haszna nincs, de szemet gyönyörködtető)
Nem..
10 hasznos FireBug kiterjesztés
Hasznos FireBug képességeit kiterjesztő pluginek. Bár a FireBug önmagába is egy rendkívül jól használható Firefox kiterjesztés. De elérhető hozzá néhány nagyon profi kütyü, ami sokszor önálló funkciót valósít meg, de az esetek nagyobb részében a FirBug képességeit combosítják ki.
Ha még nem ismernéd a
50 Hasznos Firefox kiterjesztés Linuxra
Kedvenc Linuxon is működö Firefox kiterjesztések, mindennapos felhasználásra és webfejlesztőknek.
A addon-ok működnek Windows-os rendszereken is, de a cikk kifejezetten a Linuxra elérhető és hasznos Firefox kiterjesztésekből szemezget.
A Firefox 3.0 megjelenésekor már volt egy
350 hasznos Gimp effekt, Plugin, Script-Fu
Hasznos pluginek, Script-fu-k, effektekkel, technikai megoldások gyűjteménye Gimp 2.6.X verziójához.
A cikknek célja az, hogy egyszerű megoldást adjon Gimp-hez, pluginek beszerzésére.
Szerencsére vannak olyan önzetlen projektek ahol összegyűjtik számunkra ezeket a nélkülözhetetlen eszközöket. Így sikerült összehozni 5 bejegyzésben..
Szoftverek
ArtH2O Blog tartalmából:
PHP Twitter Codeigniter OAuth
2010 Augusztus végétől már csak OAuth-on keresztül lehet bejegyzéseket küldeni a Twitterre illetve a hitelesítés ezen keresztül megy. Sok megoldás létezik a dologra, de mindegyik eléggé nyakatekert és nem igazán akarnak működni.Érdemes elolvasnod a cikket, ha néhány óra kísérletezés meg szeretnél úszni!
10 hasznos új Codeigniter lib
- Több okból is szeretem a Codeigniter keretrendszert. Az egyik oka, hogy ezt választottam keretrendszerül az nem más mint az egyszerűség. A másik az, hogy nem kell feltalálni a kereket, mert szinte minden tud, amire nekem egy alap alkalmazásnál szükségem lehet. Biztonságos, gyors és egyszerűen tanulható, jól dokumentált, szerethető rendszer. De a bejegyzés nem erről szól, hanem néhány 2010-es hasznos Codeigniter Lib-ről.
Stílusos űrlap elemek
Nem egy
szerű minden űrlap elemnek stílust adni. Gyakorlatilag checkbox, select, radio, file elemeknek nagyon nem is lehet, vagy csak részben. Erre találtak ki egy érdekes technikát, ami a működés közben az eredeti HTML elemet elfedi és azt egy grafikai elemmel helyettesíti. pl.: Egy checkbox, vagy radio esetében 2 állapota van bekapcsolt és kikapcsolt. Ha lehet kerüljük ezeket a technikákat, mert nagyon böngészőfüggő a működésük. Ha lehet maradjunk az eredeti űrlap elemeknél és azt csinosítsuk.
Térképes cég-és weblapkatalógus
Már régóta szerettem volna egy olyan oldalt, ami weblapkatalógusként működik, de kicsit másképpen közelíti meg a dolgokat, mint a jelenleg piacion lévő katalógusok. Egy ilyen újszerű kezdeményezésem volt a szintén Codeigniter alapú Twitt.hu, ami egyben linkrövidítő szolgáltatás is. De a sok jó tulajdonsága mellet, még mindig hiányoltam benne valamit. Ezt a plusz dolgot sikerült beleplántálnom a RegionalisBank.info cég-és weblapkatalógusba.
Kép átméretezés és cache
Van néhány hasznos Smarty plugin, ilyen a Thumb nevű bővítmény is. Nagyon sokáig nem fejlesztették, már azt gondoltam kihalt alóla a fejlesztés, de 2010-ben egy újabb változat jelent meg belőle. Smarty 2.6.X és PHP 5.X.Y verzióhoz.A bővítménnyel a sablonon tudunk képméreteket legyártani és gyorsítótárazni.
Archívum:
Letöltések:
Hasznos holmik: