Dopo l’articolo sui pulsanti per condividere su Facebook, Twitter o Google Buzz usando immagini personalizzate, si è presentato il solito problema (sollevato questa volta da Enrico) di dover togliere i bordi alle immagini (in questo, alle icone dei social network). Piuttosto che la solita risposta mirata al problema, ho deciso di scrivere questo post per invitarvi a ricorrere a una soluzione radicale: eliminare i bordi da tutte le immagini del template, per sempre.
D’altra parte è un’operazione che molti blogger fanno subito appena cambiato template perchè nella maggior parte dei casi si rivela antiestetico, e farlo in maniera specifica per ogni nuova modifica è una cosa che complica il lavoro a tutti.
Togliere i bordi alle immagini nei vecchi template
Andate in Design –> Modifica HTML e cercate questa riga di codice:
]]></b:skin>
Subito sopra incollate:
img {
border: none !important;
}
Salvate il template ed è fatta. Bordi scomparsi.
Togliere i bordi nei nuovi template
Se state utilizzando template realizzati col nuovo designer, non dovrete ricorrere al codice HTML. Andate in Designer modelli e dalla voce Avanzato scegliete Immagini:
Nella sezione “Colore del bordo” scegliete trasparente:
Applicate le modifiche al blog (pulsante “Applica al blog” in alto a destra) e l’operazione è conclusa.
Altre operazioni sui “bordi”:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!
10 commenti:
io uso un template creato con il designer dei modelli, avevo già fatto quell'operazione ma i bordi ci son sempre.
io vorrei un consiglio da te tenebre allora il mio blog e questo http://iphone25.blogspot.com/ parla dell iphone e cetera vorrei sapere come e la grafica se e bella o brutta e vorrei sapere anke dei consigli apparte i tre social network se esistono altri modi per avere piu visite al blog..... ciao ....
Grazie per questo tutorial!
Ho provato, appunto, a modificare il bordo delle immagini seguendo le indicazioni. Il bordo viene effettivamente eliminato, purtroppo però, rimane un'ombra attorno. Per togliere definitivamente anche questa, ho lavorato sul codice html.
Sono andata nella parte di CSS dove compare questo codice:
.post-body img {
ho cancellato tutto ciò che seguiva fino all'altra } ed ho sostituito con
padding: 0px;
border: none;
Grazie, perchè senza le tue preziose indicazioni (in questo post, ma nel blog in generale!) non ci sarei riuscita.
Ho voluto condividere questa piccola informazione in un commento, spero che questo non crei disturbo. :)
Che onore un articolo "dedicato" a me ;)...grazie mille
ciao Orazio,
non so se accetti i premi che girano per la blogosfera, cmq se ti fa piacere passa da Casa Lellella c'è un premio che ti aspetta ;)
@nickycino: c'è qualcosa che non va allora, forse sono stati forzati da una precedente modifica?
@iphone25: la grafica è ottima, a parte quell'annuncio in testa che non credo faccia molto e che stona tantissimo
per avere più visite, soprattutto dai motori di ricerca, prova a dare un'occhiata qui e qui
@marzia: hai fatto benissimo. i suggerimenti non sono mai abbastanza :)
Ancora grazie per le informazioni che ci dai. Sono anche riuscita a mettere per bene il tuo link sul mio blog :)
Grazie per il tuo blog.
Nel mio blog ho provato a togliere i bordi ma non ho la sezione IMMAGINI.
Ciao Sonia
Neanche nel mio c'è la sezione immagini. Come fare?
Pare che la voce "Immagini" non esista, evidentemente è stata rimossa. Come si può risolvere adesso?
Prima di lasciare un commento, leggete qui
Posta un commento