Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : digiart 11 Nov 2011, 13:10:07
-
Ciao a tutti,
sono di nuovo qua a rompere con questo sito..
Il template di partenza é il Larrens2, poi ho aggiustato un po' il CSS..
Mi piaceva l'idea che il div del contenuto principale avesse gli angoli rotondi ed il fondo leggermente trasparente e ci sono riuscito.. solo che mi succede il seguente problema:
http://www.canerdeli.es/index.php/cafeteria/mechadas (http://www.canerdeli.es/index.php/cafeteria/mechadas)
Come vedete il CSS rende trasparente TUTTO IL CONTENUTO del div, comprese le foto.. e quindi anche il testo ma quello non si nota xché é gia abbastanza scuro di suo.
Come faccio ad escludere le foto dall'azione del CSS sul div dei contenuti?
Grazie a tutti per le info.
DigiART ;)
-
Questa guida affronta esattamente il tuo problema:
Elementi non trasparenti all'interno di elementi trasparenti. (http://css-tricks.com/384-non-transparent-elements-inside-transparent-elements/)
-
Ok, ottimo, ho letto e ho piú o meno capito.. ma come lo applico al mio caso?
Sembrerebbe che devo agire sia sull'HTML che sul CSS o solo sul CSS?
E dove aggiungo il "class=ontop" al mio oggetto IMG ?
Non capisco.. sono un po' lento con sta cosa dei CSS.. ;)
Grazie per l'ulteriore aiuto..
DigiART ;)
-
ciao
perchè usi css per fare quello che stai facendo?
si lo so che molto piu semplice , solo che in ie quel css che usi non viene letto esempio border-radius
in ie non avrai angoli tondi .
allora visto che stai costruendo un sito fallo come dovrebbe . angoli tondi e sondo con trasparenza si fanno con immagini , e non avresti problemi di trasparenza .poi fai tu.
-
Ciao.. non é che con i CSS sia piú semplice. almeno x me.. io sono un grafico pubbliciatrio da 15 anni e il mio mondo é la carta ed i supporti tangibili.. mi do al web solo in pochissime occasioni e quando non posso farne a meno.. quindi per me creare uno sfondo in immagine ed angoli stondati in grafica, sono 5 secondi.. farlo con i CSS sono 5 giorni.. Ma siccome non so neanche come mettere le mani nel template profondamente, perché anche se uso immagini e grafica queste vanno poi posizionete e "montate" usando i CSS, allora preferisco fare solo pochissime modifiche fino a dove arrivo nei CSS ed in HTML..
Se cé la possibilitá di farlo aggiungento 2 righe di codice da qualche parte lo preferisco, per non toccare la struttura del template, che se faccio casino poi non so dove mettere le mani.
Torniamo a noi, dall'editor di Joomla nelle opzioni avanzate di ogni immagine io posso definire una "stylesheet class", che penso sia il mio "ontop" di cui ho bisogno... ho fatto una prova ed a una foto ho dato tale attributo.. come lo richiamo adesso da CSS e gli dico "opacity: 1"?
Poi non ho capito l'esempio del posizionamento.. xché devo riposizionare la foto?
Grazie ancora se vorrete continuare a darmi una mano ad uscire da sto fango ;)
-
ciao
appunto se x creare l'immagine non hai problemi , xche non lo fai ?
con 3 div e 3 css fai tutto esempio
<div class="wc_alto"></div>
<div class="wc_center">
qui in mezzo ci saranno tutti i div gia esistenti
</div>
<div class="wc_basso"></div>
ora crei i tre css
.wc_alto{}
.wc_center{}
.wc_basso{}
l'immagine la tagli in tre parte img alto , parte centrale , e parte basso
cosi facendo hai lo sfondo fatto ad immagini e non hai problemi
5 minuti fai l'immagine e altri 5 x creare i div e css totale 10 minuti .
-
Linko la risoluzione del problema, trovata su un'altro FORUM, magari puó servire a qualcuno:
http://forum.html.it/forum/showthread.php?s=f67fa38c0583515a6b199afb22a3950e&postid=13481094#post13481094
Grazie lostesso a tutti per l'impegno.
DigiART ;)