Back to top

Autore Topic: come inserire immagine Png in un Suffix  (Letto 1336 volte)

Offline Bux

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
come inserire immagine Png in un Suffix
« il: 21 Set 2012, 11:46:22 »
ho provato per ore a capire come inserire un logo in un Suffix come si vede qui:



in Sidebar C

sto provando a fare la stessa cosa sul mio sito: http://www.graficadesignbox.com/grafica/

come fare? grazie per l'aiuto  ;)
« Ultima modifica: 21 Set 2012, 11:49:32 da Bux »

Offline xplosion

  • Global Moderator
  • Instancabile
  • *****
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:come inserire immagine Png in un Suffix
« Risposta #1 il: 21 Set 2012, 12:05:03 »
Siccome si tratta dei titoli dei moduli, potresti assegnare una classe per il modulo nelle opzioni avanzate e poi aggiungere nel tuo css le istruzioni tipo:
Codice: [Seleziona]
.classeprima h2{background: url("../images/immaginescelta.png") no-repeat scroll 50% 0 transparent;padding-left:20px;}Dove:
classeprima > e il nome della tua classe
h2 > il tag del titolo
immaginescelta.png > l'icon da mostrare
20px > larghezza della tua immagine + 3 o 4 px

E solo un'esempio al volo...

P.S. Dimenticavo, perché utilizzi la vecchia versione di gantry invece di iniziare con la serie 4 ?

Offline Bux

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:come inserire immagine Png in un Suffix
« Risposta #2 il: 21 Set 2012, 12:09:28 »
Siccome si tratta dei titoli dei moduli, potresti assegnare una classe per il modulo nelle opzioni avanzate e poi aggiungere nel tuo css le istruzioni tipo:
Codice: [Seleziona]
.classeprima h2{background: url("../images/immaginescelta.png") no-repeat scroll 50% 0 transparent;padding-left:20px;}Dove:
classeprima > e il nome della tua classe
h2 > il tag del titolo
immaginescelta.png > l'icon da mostrare
20px > larghezza della tua immagine + 3 o 4 px

E solo un'esempio al volo...

P.S. Dimenticavo, perché utilizzi la vecchia versione di gantry invece di iniziare con la serie 4 ?

ho la serie 4 questo è solo un template free che sto usando con la v.4
« Ultima modifica: 21 Set 2012, 12:17:10 da Bux »

Offline xplosion

  • Global Moderator
  • Instancabile
  • *****
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:come inserire immagine Png in un Suffix
« Risposta #3 il: 21 Set 2012, 12:12:53 »
mi sembrava la 3.x ...

Offline Bux

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:come inserire immagine Png in un Suffix
« Risposta #4 il: 21 Set 2012, 12:17:17 »
asd ci sono riuscito il template stesso aveva gia degli icon bastava mettere la parola "icon1" nelle impostazioni avanzate Suffisso classe CSS modulo però mi piacerebbe aggiungere le mie di immagini nessuno sa se c'è una guida in giro con screen che spieghi il procedimento? sono ancora un principiante dei coding e joomla in generale...
« Ultima modifica: 21 Set 2012, 12:26:45 da Bux »

Offline xplosion

  • Global Moderator
  • Instancabile
  • *****
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:come inserire immagine Png in un Suffix
« Risposta #5 il: 21 Set 2012, 12:25:23 »
è quella la guida!
più di così... per approfondire l'argomento devi avere delle conoscenze base di html e css (almeno), se cerchi troverai un sacco

 



Web Design Bolzano Kreatif