ocadia: un template sconosciuto

E visto che in un po’ di persone me lo hanno chiesto, vi spiego come mettere mani nel temibile template OCADIA. Pollon mi ha chiesto in un commento come modificare il fondo. Come prima cosa consiglio di duplicare il template, rinominarlo e applicare il nuovo template su cui andremo a spippolare, giusto per evitare di arrivare ad un punto in cui tutto si sfalda fra le nostre mani e non avere la soluzione b, ovvero tornare al template cosi’ come era di default. Poi se entrate nel pannello del blog template editor, nel centro di controllo della fantastica interfaccia di admin di nostra signora di noblogs, trovate una serie di files che compongono tutta la schermata del template. Nel file style.css ci sono diverse indicazioni fra cui anche il colore di sottofondo o l’immagine che vogliamo dare come pattern x il fondale.

nel campo /* Basics */ io ho impostato il mio background cosi’:

background: url(http://espanz.noblogs.org/resource/generale/download/shimizu_pois.png) repeat;

ovvero ho prima caricato fra le risorse il pattern dell’immagine di sfondo, e poi nel file style.css ho dato l’indirizzo esatto del pattern in questa dicitura, repeat permette a quel pattern di essere ripetuto x tutta la superficie della pagina. In un vechio post avevo inserito dei pattern. Dai, usate quelli!!!!

Se invece volete cambiare l’immagine dell’header,  nel campo
/* Layout */ dovrete modificare ancora il background ma del #header. Il mio e’ stato modificato cosi’:

background: url(http://espanz.noblogs.org/resource/generale/download/header_PG.png) no-repeat;

anche qui ovviamente avevo caricato prima l’immagine dell’header come risorsa.

Altra questione interessante e’ come modificare il pannello laterale.  Per cominciare dobbiamo uscire dal file style.css ed entrare in modalita’ editing del file panel.template

Oltre a ridefinire l’ordine dei box che compaiono sulla barra laterale, o eliminarli (io per esempio trovo del tutto inutile il calendario, prima o poi lo togliero’), possiamo anche aggiundere qualcosa, ad esempio io in questo momento ho aggiunto il box "campaign", che figura in cima del testo del panel.template ed e’ cosi’ composto:

<ul>
<li><h2>campaign</h2><ul><div align="center">
<a href="http://ogo.noblogs.org"><img align="center" WIDTH="%70" HEIGHT="%70" src="http://ogo.noblogs.org/gallery/4590/99723-Immagine%201.png"></a>
</ul></li>

ovviamente ci si puo’ mettere quello che si vuole, sto cercando di sciacallare altri tempalate per capire come inserire i commenti recenti nel panel (help required!), dal momento che la mia capacita’ di modificare procede a tentativi "copia e incolla", la definirei una strategia stroia e ripara. Vi consiglio di fare cosi’ anche voi: spippolate, modificate e vedete un po’ cosa succede 😉