Planeta Srbija

Već duže vreme razmišljam da u administrativnom delu bloga totalno izmenim ono dosadno grafičko rešenje WordPressa. Naravno, vreme je razlog zbog koga još uvek to nisam uradio, a verovatno nikada ni ne bih da sinoć nisam naleteo na plugin WP Tiger Administration.

Znam da rešenje nije originalno, ali ipak je osveženje posle stalnog gledanja u onaj plavkasti. Na kraju krajeva, niko drugi ga ni ne vidi osim mene :)) Evo kako mi trenutno izgleda BackOffice na ovom blogu:

Znači procedura je totalno jednostavna, kao i instalacija najprostijeg plugina. Baciš ga na server, aktiviraš plugin i odjednom.. Buummm !! U ekranu ti se odjednom pojavi totalno novi look administracije. I voziš sve dok ti i ovaj ne dosadi :))

Eh da, da ne zaboravim da kažem da plugin ima i par začkoljica. Prva stvar je da je adaptiran za Firefox, Safari i Operu. Ako kojim slučajem pokušaš ući u administraciju sa skalamerijom zvanom Internet Explorer (bilo 6 ili 7) nećeš primetiti nikakve promene u BackOfficu :)) Plugin je nasetovan da čim detektuje ove primitivne spravice prikaže stari look administracije (sorry za ovaj totalno subjektivan Anti-IE ton u pisanju). Pa eto, ukoliko si kojim slučajem još uvek na IE skalameriji, a želiš da uživaš u “čarima” ovog plugina, jedino rešenje je da se napokon prebaciš na neki normalan browser (Firefox npr.) :))

Druga stvar je da plugin nije još doživeo update za WordPress verziju 2.3 :( Tako da ima par bugova koji nisu strašni, ali mogu da iritiraju. Malo sam se poigrao CSSom i pronašao par linija koda koje se lako promene i sve lepo funkcioniše i u poslednjoj WP verziji.

1. Otvori fajl wp-admin-tiger/wp-admin-tiger_files/tiger.css sa textualnim editorom. 2. Pronađi ID na samom početku fajla pod imenom #wphead i umesto linije font-size:86% ; stavi ovo font-size:225% ; 3. Pronađi ID #footer i u njemu dodaj samo liniju margin:0 ; 4. I to je sve, plugin je sada kompatibilan i sa verzijom 2.3, enjoy.. ;)

Neka prava na ovaj tekst su zadržana, 2007 Blogowski. Svi objavljeni radovi na Blogowski.eu su njegovo vlasništvo, osim ako nije drugačije napisano, i nalaze se pod Creative Commons Attribution 2.5 Licencom. Ukoliko koristite RSS kanale sa ovog bloga, proverite da li se slažete sa uslovima korištenja. Uslovi korištenja RSS kanala

Nova verzija WordPressa 2.3 je izašla pre desetak dana. Kako se radi o ozbiljnijim izmenama u softwareu, vidim da se ljudima pri upgrade-u stare verzije dešavaju sranja. Iz razloga što će ovaj blog u veoma kratkom roku menjati kompletan template nisam hteo da ovde još uvek migriram na novu verziju WP-a. Ali sam zato u lokalu kao i na drugom serveru isprobao ceo proces nadogradnje. Evo ovde moje iskustvo..

Važno !!

Pre početka pravljenja upgrade-a Vašeg bloga on line, najozbiljnije Vam preporučujem da uradite prvo:

Exportujte Vašu bazu podataka kao i sve podatke sa servera u lokal i sačuvajte u arhivi !! Prvi upgrade uradite u lokalu. Tako ćete na najbezbolniji način proveriti da li su plugini i template koje koristite kompatibilni.

Kada ste sigurni da imate u arhivi jednu kopiju Vašeg bloga (kako bazu podataka tako i sve fajlove sa servera), možete krenuti sa procesom nadogradnje WP softwarea.

Skinite poslednju verziju WordPressa. Prva i važna stvar je da dezaktivirate sve plugine pre bilo kakvog čačkanja ispod haube. Savetujem da ugasite Vaš template i aktivirate template deafult. Naravno, ukoliko baš njega koristite onda preskočite ovu tačku ;) Obrisati sve podatke na serveru OSIM: fajl wp-config.php folder wp-content/ (ako ste čačkali template default pregazite sa novim samo njega u ovom folderu) fajl .htaccess fajl robots.txt (ako koristite) fajl sitemap.xml (ako koristite) fajl sitemap.xml.gz (ako koristite) Prebacite sve fajlove nove verzije WordPressa na server osim foldera wp-content/ i fajla wp-config-sample.php. Idite na adresu http://www.adresa-vašeg-bloga.com/wp-admin/upgrade.php i sledite još par koraka kroz koja će Vas WP provesti. (skoro pa goootovo :)) et Voilà … :)) upgrade je gotov !!

Sa time ste verovatno završili uspešno prelazak na WP 2.3, ali da li baš..? Da Vam život ne bi bio dosadan, možete sigurno ćete naleteti na razne probleme kada budete poželeli da vratite stari look (template) Vašem blogu. Ovde navodim dva na koja su šanse da naletite dosta velike..

Prvi mogući problem je za sve one koji pre ove 2.3 verzije su imali instaliranu verziju stariju od 2.2. Njima je zagarantovano iznaneđenje u vidu da su svi naši karakteri tipa š, ć, ž, đ, š “mutirali” u razne bizarne znakove tipa %$//**ù^^ … Eto čisto da Vam ne bude dosadno.. Nešto više o problemu (kao i rešenju) možete na engleskom pronaći recimo ovde, a ovde prenosim samo rešenje.

Stavite rukice pod haubu (u www folder) i u tekst editoru otvorite fajl wp-config.php u kome pronađete sledeći deo koda:

define(’DB_CHARSET’, ‘utf8′); define(’DB_COLLATE’, ”);

Rešenje je da te dve linije jednostavno obrišete (što sam ja testirao i radi) ili da ih izmenite da izgledaju ovako: define(’DB_CHARSET’, ”); define(’DB_COLLATE’, ”);

Posle toga refrešujte stranicu Vašeg bloga i čudo bi trebalo da se desi.. Svi naši karakteri su na svom mestu ;)

Drugi mogući problem ćete imati verovatno sa pluginima koje ste do sada koristili. Jedan deo plugina koje postoje su kompatibilni sa novom verzijom WP 2.3, ali jedan dobar deo još uvek nije. Najbolje da pogledate ovde spisak plugina koji možete koristiti na novom WPu kao i da ih odmah preuzmete i zamenite sa onim starim. Jednom kada ste updateovali sve plugine, počnite da ih palite JEDAN PO JEDAN. Posle svakog upaljenog plugina bacite pogled na Blog da li funkcioniše. To će Vam olakšati posao da znate gde je tačno problem ukoliko nešto ipak ne funkcioniše ;)

Ukoliko plugin koji ste koristili nije na spisku to znači da verovatno nije još uvek kompatibilan i da funkcije na blogu koje Vam je radio ne možete koristit. Rešenje je da ili pronađete neki similaran plugin ili daizbacite tu funkciju sa bloga dok se plugin ne updateuje.

Isto tako može da se desi da Vam ni template nije kompatibilan sa novim 2.3. Na ovom spisku možete pronaći svežu listu templatea koji funkcionišu bez problema sa ovim novim blogwareom.

Eto.. možda nekome ovo moje malo iskustvo pomogne. Želim Vam ugodan prelazak na novi WordPress 2.3… ;)

Neka prava na ovaj tekst su zadržana, 2007 Blogowski. Svi objavljeni radovi na Blogowski.eu su njegovo vlasništvo, osim ako nije drugačije napisano, i nalaze se pod Creative Commons Attribution 2.5 Licencom. Ukoliko koristite RSS kanale sa ovog bloga, proverite da li se slažete sa uslovima korištenja. Uslovi korištenja RSS kanalaPlugin by Taragana

Henri Matisse je jednom rekao nešto ovako: “Dessiner, c’est préciser une idée, le dessin est la précision de la pensée…” što bi u mom slobodnom prevodu bilo: “Crtanje je jasno definisati neku ideju, a crtež tačno definisano mišljenje “…

Pored jako puno slobodnog vremena, jako me zanima šta je ovaj lik imao na umu kada je radio ovaj crtež u HTMLu :) Kako je ovaj video imao relativno veliki uspeh na YouTubeu (oko 170K pregleda), tip je napravio još jedan crtež gde nam nudi i preuzimanje koda (desni klik i “Save as”). Pažnja!! fajl ima celih 420kb čistog HTMLa :D I pazite da vam je zvuk na minimumu pre startovanja videa, audio pratnja je isto tako luda kao i sam rad na videu :))

Neka prava na ovaj tekst su zadržana, 2007 Blogowski. Svi objavljeni radovi na Blogowski.eu su njegovo vlasništvo, osim ako nije drugačije napisano, i nalaze se pod Creative Commons Attribution 2.5 Licencom. Ukoliko koristite RSS kanale sa ovog bloga, proverite da li se slažete sa uslovima korištenja. Uslovi korištenja RSS kanalaPlugin by Taragana

Ajax tehnologija osvaja internet, pa je sve više sajtova koji koriste ovu naprednu tehnologiju. Miniajax je kolekcija ajax odličnih ajax skripti i tutorijala. U ovoj kolekciji možete naći Ajax StarRating, Bubble Tool-tips, Heatmap-u za web stranice, Ajax skriptu za on-line glasanje, Progress bar za upload fajlova. U listi su i kvalitetne aplikacije kao sto su ActiveCollab - planer za projekte, Relay - file manager i druge.

MiniAjax - Najbolje ajax skripte.

Često mi se dešavalo da tragam za rešenjem kako da dva diva koja su pritom nezavisna (nisu u odnosu otac - dete) jedan od drugog uvek imaju istu visinu. Div može imati ili fiksnu ili automatsku, ako je automatska ona se menja u zavisnosti od sadržaja ili inline elemenata koji se nalaze u njemu. Ono što generalno predstavlja problem jeste što jedan div ne može da zna kolika je visina drugog diva.

Jedini slučaj kad jedan div “zna” visinu drugog je kada su u odnosu “otac-dete” i pritom “dete” div nasledi visinu od “oca”. Pošto to nije slučaj u primeru o kojem govorimo, moramo se poslužiti css hackovima ili JavaScriptom. U css-u ne postoji elegantno rešenje ili rešenje koje radi u svim browserima, i još se pri tome moraju koristiti css hakovi sa kojim css kod neće biti validan. Ovoga puta prednost dajem JavaScript-u.

Najčešći slučaj kada ćete želeti da divovima izjednačite visinu jeste kada sidebar tj. leva ili desna kolona treba da “prati” glavni div u kojem je sadržaj.

Evo JavaScripte koju sam napisao a može vam pomoći u prevazilaženju ovog problema.

Code (javascript)   /*   ————————————————   Izjednaciti dva diva (html elementa) 1.1.0   Copyright (c) 2005 Djurdjevac Ivan   http://www.rednetcat.com   e-mail: djurdjevac@gmail.com   Version: 1.1.0   ———————————————— */     function getElementHeight(Elem) {                 if(document.getElementById) {                         var elem = document.getElementById(Elem);                 } else if (document.all){                         var elem = document.all[Elem];                 }                 xPos = elem.offsetHeight;                 return xPos; }     function setElementHeight(id, elementHeight) {         var vid = document.getElementById(id);         vid.style.height = elementHeight + ‘px’; }   function IzjednaciElemente(imediva1, imediva2) {         var v1 = getElementHeight(imediva1);         var v2 = getElementHeight(imediva2);         var nv;         if (v1>=v2) nv=v1;         if (v1<v2)  nv=v2;         setElementHeight(imediva2, nv);         setElementHeight(imediva1, nv); }  

Samo ne zaboravite da funkciju IzjednaciElemente(imediva1, imediva2) pozovete prilikom kreiranja HTML stranice.

Code (html) <!– pre bodi-ja –> <body onload="IzjednaciElemente(’imediva1′, ‘imediva2′)"> <!– posle bodija –>  

Na mnogim sajtovima ste videli meni koji ima mogućnost da širi i skuplja svoje podkategorije. Sa nekoliko linija JavaScript-a i meni na vašem sajtu ili blogu može da dobije ovu funkcionalnost. Svaki pod-meni u vašem meiju će moći da se skuplja i širi, tj da se vidi ili da ne bude vidljiv, što daje utisak da se vaš meni može “razvlačiti”.

Primer menija u HTML jeziku:

<ul> <li>Muzika <ul> <li>Pop</li> <li>Rok</li> <li>Dance</li> <li>Hip-Hop</li> </ul> </li> <li>Sport <ul> <li>Basket</li> <li>Atletika</li> <li>Vaterpolo</li> <li>Tenis</li> </ul> </li> <li>Ostalo</li> </ul>

Klasičan meni izgleda ovako:

Muzika Pop Rok Dance Hip-Hop Sport Basket Atletika Vaterpolo Tenis Ostalo

Javascript funkcija koja će praktično da menja stil liste, tako da kada je stil display==”none” podkategorije te liste neće biti vidljivi, a kada je stil display=”block” podkategorije će se prikazati.

<script type="text/javascript"> function razvuci(list){ var listElementStyle=document.getElementById(list).style; if (listElementStyle.display=="none"){ listElementStyle.display="block"; else { listElementStyle.display="none"; } } </script>

Klasičnom meniju treba da dodelimo neke CSS identifikatore, i to svakom li tagu koji u sebi ima podmeni tj. ul tag. Pre li taga sa identifikatorom, dodaćemo još jedan li tag koji će da poziva JavaScript funkciju razvuci koju smo prethodno napisali. Tako da će izmenjena meni lista izgledati ovako:

<ul> <li><a href="javascript:razvuci('muzika')">Muzika</a></li> <li style="display: none;" id="muzika"> <ul> <li>Pop</li> <li>Rok</li> <li>Dance</li> <li>Hip-Hop</li> </ul> </li> <li><a href="javascript:razvuci('sport')">Sport</a></li> <li style="display: none;" id="sport"> <ul> <li>Basket</li> <li>Atletika</li> <li>Vaterpolo</li> <li>Tenis</li> </ul> </li> <li>Ostalo</li> </ul>

Još je ostalo da JavaScript funkciju povežemo sa identifikatorima. Sledeća linija koda će da poveže identifikatore sa JS funkcijom: document.getElementById(’muzika’).style.display=”none”;

<script type="text/javascript"> document.getElementById('muzika').style.display="none"; document.getElementById('sport').style.display="none"; function razvuci(list){ var listElementStyle=document.getElementById(list).style; if (listElementStyle.display=="none"){ listElementStyle.display="block"; else { listElementStyle.display="none"; } } </script>

Da dodamo da li tagovi sa identifikatorima muzika i sport imaju stil: style=”display: none;” što znači da se pri učitavanju stranice ti tagovi neće prikazati, pa će meni biti “skupljen”. Tek kada korisnik klikne na linkove Muzika ili Sport koji pozivaju JavaScript funkciju li tagovi sa identifikatorika će se prikazati.

Besplatan download Ako želite da savladate vizuelno programiranje na platformi .NET knjiga “Tehnike vizuelnog prigramiranja c#”, može biti odličan uvodnik u svet .Net-a. Autori knjige su Zoran Ćorovoć i Ivan Dunđerski, profesori na Višoj Elektrotehničkoj Školi.

Knjigu možete potpuno besplatno skinuti na mojoj download stranici. Ova elektronska verzija ima samo šest poglavlja od sedamnaest (17) iz kompletne pisane verzije.

Ovo je odličan način da vidite da li vam odgovara stil pisanja ove knjige, a ujedno može biti korisno za početnike koji se mogu upoznati sa C# jezikom.

Zamislite da možeze da dizajnirate baze podataka, a da ne morate da skidate nikakav softver, već da vam je za to dovoljan samo internet browser. Već nagađate da je u pitanju AJAX aplikacija koja vam omogućava on-line dizajniranje baza podataka.

Aplikacija vam omogućava da kreirate tabele i atribute kroz web interfejs, što je mnogo lakše i zabavnije od klasičnog kreiranja tabela. Primarni i sekundarni ključevi se povezuju jednostavnim prevlačenjem mišem(drag & drop).

Tabele se mogu isvesti u XML, MS SQL and SQL Server formate. Isto tako možete da uvezete tabele iz neke već postojeće baze podataka.

Isprobajte SQL Dizajner koji se nalazi na mom serveru, a možete ga skinuti sa oficijelnog sajta. Autor ove odlične web aplikacije je Ondřej Žára.

Technorati tagovi: ajax, database, mysql, sql

Želite da vaš blog prikazuje trenutne vremenske uslove i temperaturu u vašem gradu, i da to izgleda veoma fensi? Collin Grady je napisao php skriptu koja vuče informacije sa weather.com sajta. Ona koristi GD Freetype pakete, a ako imate Apache i mod_rewrite može da prevari URL slike, tako da izgleda kao da imate statičku sliku. Ovo je odlična skripta koja će ulepšati vaš blog.

Skriptu možete da skinete na Collin-ovom blogu.

Ovako će izgledati slika koju generiše Coolinova skripta.

Želite da vaš blog prikazuje trenutne vremenske uslove i temperaturu u vašem gradu, i da to izgleda veoma fensi? Collin Grady je napisao php skriptu koja vuče informacije sa weather.com sajta. Ona koristi GD Freetype pakete, a ako imate Apache i mod_rewrite može da prevari URL slike, tako da izgleda kao da imate statičku sliku. Ovo je odlična skripta koja će ulepšati vaš blog.

Skriptu možete da skinete na Collin-ovom blogu.

Ovako će izgledati slika koju generiše Coolinova skripta.

Na Internetu sam pronašao ovu fantastičnu PHP klasu za iscrtavanje grafikona, dijagrama i šema. Ono što je impozantno jeste da sa nekoliko linija php koda možete dobiti kvalitetan grafikon kao i u Exelu. Grafikoni mogu biti 2D ili 3D, mogu crtati isprekidane linije, strelice ili krugove. Imate mogućnost da postavite naslov grafikona kao i horozantalne ili vertikalne ose. Svaka vrednost grafikona može biti obojena posebnom bojom ili prelazom boje iz jedne u grugu. Sve što može Microsoft-ov Exel može i ova php klasa.

Ova klasa kao svoj izlaz daje png sliku. Da pogledamo neki primer korišćenja php klase graph.

Primer 1.

<?php $graph = new graph(); $graph->setProp("showkey",true); $graph->setProp("type","pie"); $graph->setProp("showgrid",false); $graph->setProp("key",array('alpha','beta','gamma','delta','pi')); $graph->setProp("keywidspc",-50); $graph->setProp("benchmark",true); $graph->setProp("keyinfo",2); $graph->demoData(5,1,10); $graph->graph(); $graph->showGraph('images/exa19.png'); ?>

Primer 2.

<?php $graph = new graph(); $graph->demoData(); $graph->setColor('color',0,'orange'); $graph->setProp('title','Programming - Sleep Relation'); $graph->setProp('titlesize',18); $graph->setProp('xlabel','Sleep'); $graph->setProp('ylabel','Programming Ability'); $graph->setProp('scale',array('Kinda Tired','Really Tired','Very Tired')); $graph->graph(); $graph->showGraph("http://www.zackbloom.org/graph/exa10.png"); ?>

Primeri korišćenja php klase graph.Download i detaljnije informacije o ovoj klasi.

Predstaviću vam odličnu JavaScript skriptu koja će slike na vašem sajtu ili blogu, prikazivati u punoj veličini, slika će “lebdeti” iznad sadržaja vašeg sajta, bez potrebe za otvaranjem pop-up prozora da bi slika bila prikazana u punoj veličini. Lokesh Dhakar, programer ove skripte kaže da će vam Lightbox JS raditi u svim modernim browserima. [...]