.
Annunci online

FORUM

Per una migliore gestione delle richieste ordinarie vi invitiamo a usare il nostro forum che offre una migliore visibilità ai thread di domande-risposte

Contattaci

Per comunicare con il cannocchiale labs (un'idea? un bug? qualcosa che non è chiaro?) puoi scriverci direttamente a questo indirizzo.

Link

Feed

Resta aggiornato con i feed
Feed RSS di questo blog Feed ATOM di questo blog

Glamware: la guida







Templates

pubblicato da impiegato il 14 maggio 2007 alle 11:28

Come personalizzare il "navigatore"

PREMESSA

Uno dei componenti piu' importanti di un template glamware è il "navigatore". Ossia quel pezzo di codice html che ci permette di spostarci da un mese all'altro e da una pagina all'altra dei nostri post. Lo si vede in fondo alla pagina del blog identificato dalla parola "Sfoglia".

Dentro i template è quasi invisibile, infatti la logica del navigatore è racchiusa dentro l'istruzione
<DOL:INCLUDE URL="/BLOGS/TOOLS/BLOG/NAVIGATOR.GW">

Lo scopo di questo post è quello di illustrare cosa si nasconde dentro questa istruzione e come modificare eventualmente l'aspetto del navigatore.

Prima di tutto, DOL:INCLUDE è una istruzione che serve principalmente a includere una serie di istruzioni standard all'interno del proprio template.

Se vogliamo modificare il navigatore, quindi occorre prima di tutto eliminare il DOL:INCLUDE che punta a NAVIGATOR.GW e sostituirlo con le istruzioni glamware che effettivamente ci servono per personalizzare la barra di navigazione.

Modificare il navigatore è una soluzione che ha i suoi pro e i suoi contro:
PRO: ho pieno accesso agli elementi di glamware e quindi ho maggiori possibilità di personalizzazione
CONTRO: ogni possibile modifica che gli sviluppatori del cannocchiale apporteranno al file NAVIGATOR.GW non si rifletterà sul nostro template

COME MODIFICARE IL NAVIGATORE:

1) inviduare nel proprio template l'istruzione
<DOL:INCLUDE URL="/BLOGS/TOOLS/BLOG/NAVIGATOR.GW">

2) sostituirla con il seguente codice

<DOL:IF PREVMONTH.EXIST=1>
<a href="http://<DOL:CONTEXT.DNSHOST>/
?yy=<DOL:PREVMONTH.YEAR>
&mm=<DOL:PREVMONTH.MONTH>">
<DOL:FORMATDATE PREVMONTH.DATEINS MM>
</a>
<DOL:ENDIF PREVMONTH.EXIST=1>

&nbsp;
<DOL:CODE NAVIGATOR>           
&nbsp;

<DOL:IF NEXTMONTH.EXIST=1>
<a href="http://<DOL:CONTEXT.DNSHOST>/
?yy=<DOL:NEXTMONTH.YEAR>
&mm=<DOL:NEXTMONTH.MONTH>">
<DOL:FORMATDATE NEXTMONTH.DATEINS MM>
</a>
<DOL:ENDIF NEXTMONTH.EXIST=1>

3) salvare il template e il gioco è fatto !

DENTRO IL CODICE
il codice del navigatore è composto di 3 parti
la prima stampa il link alla pagina dei post del mese precedente
la seconda stampa il codice per navigare le pagine del mese corrente
la terza stampa il link alle pagine dei post del mese successivo

la prima e la terza parte sono sostanzialmente simmetriche, cambiano le META ma la logica è la stessa.
Prima viene effettuato un test per verificare se esistono post nei mesi precedenti a quello attuale:
<DOL:IF PREVMONTH.EXIST=1>
...
<DOL:ENDIF PREVMONTH.EXIST=1>
all'interno del test (BLOCCO IF-ENDIF) viene scritto il link alla pagina che mostra i post del mese precedente.
<a href = "http://<DOL:CONTEXT.DNSHOST>/
?yy=<DOL:PREVMONTH.YEAR>
&mm=<DOL:PREVMONTH.MONTH>">
<DOL:FORMATDATE PREVMONTH.DATEINS MM>
</a>

METAVARIABILI
Le metavariabili utilizzate sono:
<DOL:CONTEXT.DNSHOST> l'indirizzo del blog
<DOL:PREVMONTH.YEAR> l'anno del mese precedente a quello attuale
<DOL:PREVMONTH.MONTH> il mese precedente a quello attuale
<DOL:FORMATDATE PREVMONTH.DATEINS MM> il mese precedente a quello attuale in lettere (es. aprile)

analogamente avremo le metavariabili per il mese successivo:
<DOL:NEXTMONTH.YEAR> l'anno del mese precedente a quello attuale
<DOL:NEXTMONTH.MONTH> il mese precedente a quello attuale
<DOL:FORMATDATE NEXTMONTH.DATEINS MM> il mese precedente a quello attuale in lettere (es. aprile)

l'ultima META, ovvero <DOL:CODE NAVIGATOR>  numera le pagine dei post del mese attuale. Vi ricordo che nel pannello di configurazione del vostro blog potete decidere quanti post visualizzare alla volta, per cui se la vostra impostazione è di 3 post per pagina e scrivete 6 post, il navigator vi mostrerà un indice con due pagine.

Buona templatizzazione !

Templates

pubblicato da kandinskii il 16 aprile 2007 alle 16:20

Ridimensionare le immagini

I template del Cannocchiale fanno uso dei CSS per definire layout e formattazione della pagina. Molti di questi layout hanno dimensioni fisse: significa che se la colonna principale dei post è larga 400 pixel, inserire una immagine larga 500 pixel ha l'effetto di scombinare il template, rovinando l'estetica della pagina.

Potete però ridimensionare le immagini usando l'editor HTML (sia nei post che nel dorso).

Metodo 1: Dopo aver inserito l'immagine, trascinate con il mouse i controlli sul bordo dell'immagine stessa, come mostrato in figura.



Metodo 2: cliccate con il pulsante destro del mouse sull'immagine e selezionate "Imposta le proprietà dell'immagine".



Nella finestra di dialogo che appare, impostate manualmente larghezza e altezza. Se volete che il ridimensionamento sia proporzionale (cioè l'immagine non risulti distorta) cliccate sull'icona "Mantieni".

Templates

pubblicato da il 25 gennaio 2007 alle 18:52

Le cose che vanno meno (per i betatester)

Ovvero, i templates.

Stiamo notando qualche lieve imperfezione nel rendering dei templates di libreria per i blog dei betatester della piattaforma. Nei prossimi giorni subiranno alcune modifiche per ovviare a tali difetti. 

Nel pratico non dovete fare nulla di particolare se non di aggiornare il codice dei vostri templates man mano che verranno affinati  quelli di libreria.

Pubblicheremo un annuncio per ogni variazione apportata con le relative spiegazioni per l'uso.

Grazie!