Back to top

Autore Topic: Funzione CSS Opacity..  (Letto 3146 volte)

Offline digiart

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Funzione CSS Opacity..
« il: 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


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 ;)

Offline .:Fox:.

  • Appassionato
  • ***
  • Post: 330
  • Sesso: Maschio
    • Mostra profilo
Re:Funzione CSS Opacity..
« Risposta #1 il: 11 Nov 2011, 13:38:04 »
Questa guida affronta esattamente il tuo problema:
Elementi non trasparenti all'interno di elementi trasparenti.

Offline digiart

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Funzione CSS Opacity..
« Risposta #2 il: 11 Nov 2011, 13:54:03 »
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 ;)

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Funzione CSS Opacity..
« Risposta #3 il: 11 Nov 2011, 23:12:56 »
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.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline digiart

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Funzione CSS Opacity..
« Risposta #4 il: 11 Nov 2011, 23:58:30 »
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 ;)



Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Funzione CSS Opacity..
« Risposta #5 il: 12 Nov 2011, 09:56:28 »
ciao
appunto  se x creare l'immagine  non hai problemi  , xche  non lo fai ?
con 3 div  e 3 css fai tutto  esempio
Codice: [Seleziona]
<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

Codice: [Seleziona]
.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 .
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline digiart

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
[RISOLTO] Funzione CSS Opacity..
« Risposta #6 il: 12 Nov 2011, 20:11:52 »
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 ;)

 



Web Design Bolzano Kreatif