Tiddlers transparents mais pas leur contenu


#1

Bonjour,

Je sèche depuis ce matin et je sens que je vais y passer la journée sans aide :rage:

Comme sur le site Natura de @yan

Comment obtenir les tiddlers transparents sans que leur contenu le devienne aussi ?

Merci


#2

Hello,
Tu as essayé avec le style qu’il utilise ?

.tc-tiddler-frame {
    background-color: rgba(255,255,255,0.8);
}

Avec l’inspecteur de code, tu peux ainsi jouer directement avec la palette de couleur et affiner la transparence que tu souhaite avant de copier/coller le code rgba.

image


#3

Hello,

Je tag le tiddler d’une certaine façon (exemple: DarkSlateGrey).

Ensuite, j’édite un bout de CSS de la façon suivante:

.tc-tagged-DarkSlateGrey{
background-color:rgba(47,79,79,1);
}

Donc, avec deux-trois tags différents et le morceau de CSS relatif, tu obtiens le résultat sur le site http://natura-lien.fr.

Pour la transparence, c’est ça:

tu tag “semi” et colles le CSS suivant dans un tiddler css.

.tc-tagged-semi{
background-color:rgba(255,255,255,0.1);
}


#4

@sylvain, @Yan,

Merci :star_struck:

Alors pour tout vous dire, j’étais bien dans la direction de Yan (sans l’usage d’un tag parce que je testais sur la totalité des tiddler

MAIS!

1- Je n’avais aucune idée de ce que sont les codes RGBA !!!

Alors,évidemment j’aurais pu tester encore longtemps vu que les code couleurs standard ne gèrent pas l’opacité

2- J’en ai même oublié d’utiliser l’inspecteur de code, tellement j’étais obnubilé par une solution que je n’arrivais pas à trouver.

J’ai des jours avec et des jours sans :sweat:

Ben aujourd’hui je viens d’apprendre quelque chose.

Merci encore à tous les deux


#5

Et merci à @svink qui m’avait soufflé l’idée dans le topic sur mon site.