BLOG PENNA CALAMAIO®
La piazzetta dei blogger, un'agorà virtuale, un luogo d'incontro e, soprattutto, una pagina infinita da scrivere insieme!
Tre Stelle sono poche! D'accordo?
|
||
Tante risorse gratuite per te! Clicca qui per Emoticons - Gif Animate - Gancetti - Icone Rss - Cronometri personalizzabili e finalmente gli OROLOGI per il Tuo blog!
|
||
|
Solidarietà per Red Lady e la Locanda Almayer
« Formattiamo con classe i... | Musica non invasiva nei ... » |
Post n°728 pubblicato il 06 Marzo 2010 da redazione_blog
A bbiamo visto nel post precedente come inserire un capolettera all'interno del nostro testo, in modo che la prima lettera del post sia evidenziata con un carattere diverso ed eventualmente con uno sfondo, ma comunque si estenda in altezza su diverse righe del post. Vediamo ora di aggiungere una ulteriore personalizzazione ai nostri post, per le ipotesi in cui dobbiamo fare una citazione, oppure per quando vogliamo evidenziare una frase all'interno del testo. Mi riferisco al cd. "quote" che compare ad es. di default nei blog di blogger. Non avendo accesso al foglio di stile dei nostri template, noi, a differenza dei blogger di altre piattaforme, non possiamo rendere automatico nè l'inserimento del capolettera nè la formattazione specifica per le citazioni. Dovremo di volta in volta agire manualmente inserendo il relativo codice nell'editor del post. E' comunque possibile ottenere nei nostri post lo stesso effetto dei blog di Blogger. Vediamo cosa possiamo ottenere e poi andremo ad esaminare le modifiche da apportare al codice e come inserirlo nei nostri post. Poniamo il caso che questa sia una citazione. L'ho inserita in un box con il bordo colorato e tratteggiato. Trattandosi di una citazione è buona norma che il carattere sia formattato in corsivo e che il testo sia racchiuso tra virgolette. Le virgolette sono delle semplici immagini, che vi darò il modo di salvare insegnandovi anche a modificarne il colore per adattarle al vostro blog. Il testo potete formattarlo a vostro piacimento tramite l'editor, cambiando dimensioni e colore ed eventualmente inserendo il grassetto. Possiamo modificare ovviamente il colore del bordo ma soprattutto possiamo applicare al bordo un diverso stile assegnando degli attributi al tag border-style. Se infatti per il primo box io ho utilizzato all'interno del codice l'attributo "dashed" che identifica il bordo tratteggiato, in questo secondo esempio ho utilizzato l'attributo "solid" per ottenere un bordo con la linea continua. Gli stili da attribuire al tag border sono infatti diversi. Li qualifico e ve ne mostro il terzo lasciando a voi il compito di testare anche gli altri, fermo restando che alcuni di essi non sono compatibili con tutti i browser e quindi potreste non riuscire a visualizzarli. dashed è l'attributo che identifica il bordo tratteggiato, Vi mostro allora l'effetto grafico del box destinato alle citazioni se applico al tag border-style l'attributo dotted. Potete notare che il bordo del box non è più costituito da una linea continua bensì da una sequenza di puntini. Come fare per riprodurre questi effetti nel vostro post? Se non avete un programma di grafica recatevi a questo indirizzo http://www.lunapic.com/editor/ Cominciate a scrivere regolarmente il vostro post. Quando è giunto il momento di inserire la citazione, cliccate il solito link dell'editor "visualizza html" ed aggiungete il codice che trovate qui dopo aver applicato le vostre personalizzazioni e, come per magia, nel vostro post apparirà il box che evidenzia le citazioni! Nel prossimo post, per chi ancora non lo sapesse, vi spiegherò come inserire un player audio nei nostri blog senza ricorrere ai video di you tube o di Libero Video lanciati in auto-play. Per oggi mi fermo qui ed aspetto di vedervi all'opera.
|
quasi due giorni senza nuove istruzioni.
...vabbé, pazienza... mettiamoci al lavoro!
Buon 8 marzo!! (clicca)!
virgola
secondo me nel codice c'è una scritta che può generare confusione:
"INDIRIZZO WEB IMMAGINE VIRGOLETTE CHIUSE" alt="NOME IMMAGINE"
io ho messo semplicemente l'URL dell'immagine importata (ovviamente chiuse o aperte) tra le virgolette estreme della frase che ho scritto in grassetto.
Non dimentichiamo che molti blogger non sanno ancora come si inseriscono le immagini dal web.L'attributo "alt" per le immagini dovremmo inserirlo sempre anche se io stessa non sono ligia nell'osservare la regola. Serve per i motori di ricerca.
Adesso sono io in difficoltà.
Perchè l'attributo "alt" serve per i motori di ricerca?
Cos'è la descrizione alternativa dell'immagine? Ovvero, nel caso specifico, come si descrive?
Qualificare l'immagine con Alt ha anche altri scopi. Se passi sulla immagine col mouse, ove tu abbia inserito il tag alt, si visualizzerà la sua definizione. Se l'immagine non è visibile per problemi di caricamento o di browser, apparirà quanto tu hai scritto nel tag alt.
Grazie.