Magazine Informatica

Rimuovere i bordi dalle immagini nei post (cornice)

Creato il 30 maggio 2012 da Vincicoppolas @vincicoppolas
Nei blog realizzati su Blogspot quando si carica un immagine al interno dei post appare una cornice intorno al immagine (vedi sotto).
Rimuovere i bordi dalle immagini nei post (cornice)
Per rimuovere da tutte le immagini nei post la cornice ci sono varie opzioni non tutte compatibili perche' dipende dalla struttura del vostro template ,quindi bisogna trovare quella giusta al vostro caso .La prima opzione compatibile con la maggior parte dei template forniti da Blogger e' cercare nel vostro modello template la seguente stringa evidenziata in rosso :
Rimuovere i bordi dalle immagini nei post (cornice) Il risultato che si otterra' sara' questo 
.post img {
padding:4px;
border:1px solid $bordercolor;
}
Nel caso non trovi questa stringa cerca :
img{
padding: 4px;
border:1px solid $bordercolor;}

Trovata la stringa di codice sostituire 1px con 0px , oppure eliminare l'intera stringa
Seconda opzione utilizzando la nuova interfaccia di Blogger "prima di fare questa operazione scaricate una copia di backup del modello con l'opzione scarica modello completo"; selezionate Modello ,cliccate su personalizza ,nel pannello selezionare Avanzato aggiungi Css e' incolla questo codice :
img{
box-shadow: none !important;
padding: 0px !important;
border: 0px !important;
}

Premi invia e seleziona applica al blog
Terza opzione per rimuovere la cornice solo da alcune immagini :
Dopo aver caricato la foto nel post passare in Html (il pulsante si trova a destra dopo Scrivi ) e inserire il parametro in img border= 0 come si vede nel esempio sotto :
<a href="http://4.bp.blogspot.com/-dMB3U9GAVh8/T79_UltuLVI/AAAAAAAABSY/WoU8vsEY92A/s1600/Rimuovere+bordi+immagine+blogger_mini.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-dMB3U9GAVh8/T79_UltuLVI/AAAAAAAABSY/WoU8vsEY92A/s1600/Rimuovere+bordi+immagine+blogger_mini.JPG" /></a></div>
The original post is on Blogger Tips and Tricks | Blogspot utility
© copyright, 2011. Share it freely, but must be link back to this source.
Vincicoppolas blogspot utilty
Best Regards!

Potrebbero interessarti anche :

Ritornare alla prima pagina di Logo Paperblog

Possono interessarti anche questi articoli :