WebSite X5Help Center

 
Giovanni Rusconi
Giovanni Rusconi
User

Background semi-trasparente per una colonna di una tabella  it

Auteur : Giovanni Rusconi
Visité 2515, Followers 1, Partagé 0  

Buongiorno,

utilizzo website x5 v11. Ho una tabella con sfondo trasparente, e vorrei evidenziare una colonna (tipo "best deal") cambiandole il colore di sfondo. Vorrei però lasciare in semitrasparenza l'immagine di sfondo, quindi vorrei che il riempimento fosse un colore semitrasparente. Altrimenti potrei farlo mettendo un'immagine png di 1x1px semistrasparente come background per la cella, ma non so come fare nemmeno questa cosa. Chi mi sa aiutare?

Posté le
3 RéPONSES - 2 UTILE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... non ho il programma, né esempi del programma da vedere, però, se non riesci via codice, perché non fai la cosa più semplice...?...
... crei la tua immagine PNG in trasparenza sul canale ALFA, di misura adeguata alla cella contenitore della quale ne sarà lo sfondo; ...potrebbe essere una immagine a tutta luce, oppure una tile da ripetere verticalmente...
... esempi così su due piedi su pagina libera per un'idea :
http://www.zspace.it/kolasim/tabelle/tabella_sfondo4.html
http://www.zspace.it/kolasim/tabelle/tegolinablugiallak.png
http://www.zspace.it/kolasim/tabelle/tegolinablugialla2k.png

... oppure guarda il TAG STYLE (però in CSS3), qui:   http://www.zspace.it/kolasim/tabelle/tabella_sfondo5.html   ...magari prova ad incollarlo in ESPERTO | HEAD allegando anche le immagini...
...
... altrimenti, semplicissimo da quel che mi ricordi degli esperimenti di oltre quattro anni fa, realizzi la tabella con OO.o per come vuoi, ne copi il TAG TABLE e lo incolli in un Oggetto Codice HTML; ...più facile a farsi che a dirsi...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Esse Di
Esse Di
User

Indicazioni valide per la versione 11.

Voglio assegnare un colore giallo opaco al 30% (trasparente al 70%) alla seconda colonna di una tabella.

  1. Attribuisco un'àncora alla tabella (esempio tabella02)
  2. In "Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD" inserisco questo codice

            <style>
                #tabella02 + div tr > td:nth-child(2)  {
                    background-color: rgba(255, 255, 0, 0.3) !important;
                }
            </style>

Da personalizzare colonna, colore e opacità

Tenere presente che con IE :nth-child() è supportato a partire dalla versione 9.

Lire plus
Posté le de Esse Di
Esse Di
Esse Di
User

Variante valida a partire dalla versione 7 di IE

            <style>
                #tabella02 + div tr > td:first-child + td  {
                    background: url("files/giallo30.png") !important;    
                }
            </style>

Rispetto alla versione precedente:

  • la notazione rgba per lo sfondo (anch'essa valida solo a partire dalla versione 9 di IE) è stata sostituita dall'immagine semitrasparente giallo30.png di 1x1 pixel
  • In luogo di td:nth-child(2), è stata utilizzata la formula td:first-child + td: la pseudo-classe first-child è supportata già a partire dalla versione 7 di IE.

Per selezionare una colonna della tabella si può utilizzare:

  • td:first-child per la prima colonna
  • td:first-child + td per la seconda colonna
  • td:first-child + td + td per la terza colonna
  • e così via.

Come al solito, l'immagine giallo30.png deve essere caricata nella cartella files tramite il comando Aggiungi in "Impostazioni Avanzate – Statistiche, SEO e Codice – Esperto – File allegati al codice"

Ribadisco che le indicazioni fornite sono rivolte a chi vuole inserire del codice in un progetto sviluppato con X5 Evolution 11.

Lire plus
Posté le de Esse Di