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 😉

11 commenti

  1. grazie 1000 oggi ci provo sei stat@ veramente gentile.che ne dici se mettiamo queste istruzioni sul forum???perchè prima di chiedertelo ho cercato un pò lì ma non c’era niente…..buona giornata pollon

  2. ci ho provato da stamattina….finalmente ora ci sono in parte riuscita….ma perchè la parte centrale dove ci sono i post non mi è rimasta come a te???ho scritto così.che cosa ho sbagliato??

    /* Basics */

    body {
    margin: 0;
    padding: 0;
    background: url(http://leribellule.noblogs.org/…epattern2bis.png) repeat;
    color: #333;
    font-size: 78%;
    font-family: “Lucida Sans Unicode”, Tahoma, Geneva, sans-serif;
    text-align: center;
    }

  3. cosa altro dovevo modificare?se metto withe mi fa diventare tutto lo sfondo bianco,invece voglio solo la parte centrale come te….se mi mandi la copia di tutta la tua pagina style.css cerco di capire cosa correggere…che casino html e css.grazie

  4. ehnnò pollon, l’unica cosa che ti consiglio di fare e’ di ripristinare il file style.css dal template originale semplicemente copiandolo su un semplice editor di testo e poi vai a modificare soltanto la stringa del background.
    controlla che non ci siano i puntini di sospensione nel link al pattern….

  5. non ci sono no i puntini, altrimenti perchè a te funziona e a me no???cmq grazie per la pazienza e ci riprovo….

  6. non so che cosa ho combinato precedentemente…ma adesso ci sono riuscita grazie mille!!!!!!!

  7. invece non è vero,non ho risolto nulla.per caso è questa la parte che mi serve per non avere il centro trasparente???
    input, textarea, select {
    background-color: #FFF;
    color: #333;
    font-size: 1em;
    font-family: “Lucida Sans Unicode”, Tahoma, Geneva, sans-serif;

  8. pollon scrivimi su espanz@inventati.org
    ho visto che praticamente ti e’ saltato il corpo del testo, forse nel post.template, per quello ti dicevo di ripristinare il template originale.

I commenti sono chiusi.