[Risolto] aggiungere bordo immagine in un template...

[seahorse79]

Salve ragazzi, vorrei che di default il mio template avesse l'opzione di aggiungere un bordo( con le caratteristiche border: 3px double #BBBBBB ) ad ogni immagine senza dover intervenire manualmente ogni volta che inserisco un'immagine sulla pagina del mio sito.
Qualcuno potrebbe indicarmi il punto esatto nel .css del template dove inserire lo script necessario per tutto ciò? In quale voce sottocartella andrebbe ricercato il file da modificare ?(sto utilizzando un template classico free di Jommla...)
Grazie a tutti!!!

[tonicopi]

Siamo felici di vedere che ci immagini dotati di poteri paranormali ma siamo dipsiaciuti di informarti che senza un link al sito non possiamo mostrarteli... 

[seahorse79]

grazie tonicopi....   scusa ma non immaginavo servisse il sito
www.vincenzodinuzzo.it
ogni volta mi tocca intervenire manualmente per aggiungere il bordo....ebbene vorrei evitarlo, modificando il .css per quanto riguarda le immagini.


Grazieeeee per ogni chiarimento.

[tonicopi]

Proviamo a mettere questa regola in fondo al file nexus.css che trovi nella cartella css del template:

Codice: [Seleziona]

img {
  border: 3px double #bbbbbb !important;
 
}

[seahorse79]

grazie tonicopi


fatto, come dicevi....ma il bordo viene applicato su tutto qualunque immagine caricata sul sito, incluso loghi, thumbnail della gallery etc.... come puoi vedere
http://www.vincenzodinuzzo.it/it/itinerari-nascosti/145-villa-san-michele.html


Mi chiedevo se era possibile soltanto per le immagini inserite negli articoli ( e non tutto il resto...)

[tonicopi]

prova a sostituirla con questa:

Codice: [Seleziona]

.maincontent img {
  border: 3px double #bbbbbb !important;
}

[seahorse79]

fatto!...e noto che questa volta il bordo si applica a tutto ciò che è inserito nell'articolo ( quindi anche thumbnail, eventuali loghi, icone social etc....). E' limitato all'articolo quindi, ma continua ad applicare il bordo ad ogni immagine si trovi in esso..
Forse è inevitabile, non saprei....
E se conservassi lo script ed andrei invece a modificare quello della Simple Gallery joomla e delle Icone Social, in modo da annullare qualunque bordo qui?

[tonicopi]

Ma guarda che sei tu che vuoi applicare i bordi alle immagini. La regola non può distinguere a quali immagini. Salvo appunto scriverene altre che la annulli. Per esempio per escludere le icone incolla sotto questa:

Codice: [Seleziona]

.itp-social-buttons-box img  {    border: none;}

[tonicopi]

e togli  !important e sparisce anche dalle thumbs...

[seahorse79]

grazieeeeeeeeeee togliendo !important....funziona!!!!!!   adesso ho i bordi solo su immagini principali inserite in articolo! grazie mille!

[tonicopi]

Ehi, tutto questo entusiasmo per una regoletta css?
Fossi una femmina almeno...