Articoli in trasparenza su background

[glamhell78]

Un saluto a tutti.
Da un po' di giorni ho aperto un sito Joomla (è su Altervista e non so se posso linkarlo) e sto imparando pian piano ad utilizzarlo.


Avrei però bisogno di qualche aiutino...
ho installato questo template: [size=78%]http://grandiose.pixelpointcreative.com/[/size]
e ho usato Background Styler per cambiare l'immagine dello sfondo.
ora vorrei ottenere un effetto trasparenza tipo quello che si vede qui: [size=78%]http://www.joomlacsszengarden.com/joomla16/index.php/background-styler[/size]


Il fatto è che non so come fare.
qualcuno può aiutarmi?
grazie.

[adottauncane]

Ciao glamhell78,
benvenuto nel forum 

la trasparenza la metti così:

opacity: 0.7; (1 è colore pieno, vai a diminuire).

dove hai il colore di background.

Se vuoi una mano metti pure il link al sito.

[glamhell78]

ciao e grazie per la risposta e il benvenuto.
allora,
il sito è questo: [size=78%]http://glamhell78.altervista.org/joomla/[/size]
quel comando dove dovrei inserirlo?
nel file .css del template che uso o direttamente in Background Styler?

[adottauncane]

Dove hai il background che devi rendere trasparente
Es.

#main {
background: #FFF;
opacity: 0.7;
}sul tuo sito non capisco dove lo vorresti. È per lo più trasparente...

[glamhell78]

praticamente vorrei che tutti gli articoli e i vari moduli abbiano uno sfondo con trasparenza in modo da essere più leggibili e non sovrapporsi direttamente all'immagine come adesso.
non so se sono riuscito a spiegarmi...
ps.qualcosa tipo l'immagine che ho linkato nel post precedente dove si vede l'articolo scritto su uno sofondo bianco con trasparenza che lascia intravedere l'immagine che c'è sotto.

[adottauncane]

Dove non hai background devi inserirlo e poi renderlo trasparente. Es.

Codice: [Seleziona]

div.yjsg-newsitems .yjsg-leadingarticles {    overflow: hidden;    background: #fff;    opacity: 0.7;}
newsitems.css riga 162

però, visto il tipo di effetto che vuoi ottene forse ti conviene farti un'immagine traparente, anche piccola che poi ripeti e vai ad inserirla nel background.

Perché opacity ti rende traparenti anche i contenuti...

Per trovare i css che ti interessano usa firebug per firefox.

[glamhell78]

leggendo qui:
http://www.joomlacsszengarden.com/joomla16/index.php/main-rosa
mi viene da pensare che sia stato realizzato tutto duplicando il modulo Background Styler creando così il colore di sfondo con la trasparenza.è possibile o ho detto na cazzata?
cmq proverò a fare quello che dici tu (sperando di riuscirci... ).
grazie ancora per la disponibilità!

[adottauncane]

Lì parla della possibilità di duplicare il modulo per avere sfondi diversi in diverse pagine. Invece il backgroun della parte che sta sopra, il content è fatto con opacity, che però ha il "difetto" che ti dicevo.

[glamhell78]

nel frattempo ho trovato questa discussione:
http://forum.joomla.it/index.php?topic=170443.0
quasi quasi provo ad installare uno di quei template e vedo se la cosa mi viene più facile...

[glamhell78]

non ci sono riuscito.
mi sa che è una cosa troppo complicata per me...
per creare un'immagine di background trasparente come suggerivi cosa dovrei fare?

[glamhell78]

ok,
ho cambiato template (si chiama Motion) e sono quasi riuscito ad ottenere quello che volevo...
ora il problema è che non riesco ad inserire i moduli o i banner nella colonna a destra che resta vuota.
come mai?

[adottauncane]

Non lo so. Non sembrano esserci posizioni sulla destra del content. Prova a vedere dal backend se sia possibile attivarle. Però, se hai altri problemi, apri un nuovo topic con un titolo adeguato.

[glamhell78]

e come dovrei fare?
ti chiedo scusa ma io di Joomla e codici vari fino alla settimana scorsa ne avevo giusto sentito parlare.
sto imparando le cose strada facendo.  
guardando questa immagine sembrerebbe possibile inserire contenuti a destra: http://glamhell78.altervista.org/joomla/templates/motion/template_preview.png
ps.ok, per i prossimi dubbi/problemi aprirò un nuovo thread.

[adottauncane]

Se vuoi mandami in PM user e pass da superadmin, provvisorie, e ci do un'occhiata.

[glamhell78]

non per qualcosa ma preferirei che mi spiegassi cosa dovrei fare giusto perchè vorrei capire e imparare a usare meglio questo software.

[adottauncane]

Il fatto è che non lo so, ogni template è fatto a modo suo e non so dirti perché quello non ha posizioni sulla destra e se invece le ha come si attivano...

[glamhell78]

domani proverò a dare un'occhiata al css del template per vedere di capirci qualcosa oppure proverò a cercare qualche info in rete.
intanto ti ringrazio di nuovo per la disponibilità.

[glamhell78]

allora...
praticamente la posizione a destra è chiamata sidebar(top-middle-bottom).[/size]non mi venivano visualizzati gli elementi perchè il modulo articleslideshow (che avevo posizionato in alto)è troppo largo e andava ad invadere il campo.almeno credo fosse questo il problema...
ora sono riuscito ad inserire un banner a destra.
devo verificare se riesco a rimettere il modulo slide, magari ridimensionandolo.