Toujours problème de fond sur skin

[Jean-Michel P]

Bonjour L'autre jour, Hugues m'a dit ceci pour faire un fond transparent =

Group description="Post Background" selector=".column-center-inner">

     <Variable name="post.background.color" description="Background Color" type="color"

         default="transparent" value="transparent"/>

     <Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"/>

   </Group>

on met ceci pour un noir transparent skin non responsive :

post-outer {
background-color: rgba(17, 17, 17, 0.7);
}

je comprends que la description, background color et repris en background-color (avec trait d'union pk mystère)   mais comment déduire le "post-outer" ???

par exemple sur ma nouvelle skin responsive j'ai 

<Group description="Sidebar" selector="div.sidebar_feed">

<Variable name="sidebar.background.color" description="Background color" type="color" default="$(body.background.color)" value="transparent"/>

(couleur du fond de la barre latéral de menu gauche)

pour le rendre noir transparent  on écrit quoi ? 

.post-outer {
sidebar-background-color: rgba(17, 17, 17, 0.7);
}

si vous m'expliquer le principe ce serait génial, car j'en ai trois autres à  rendre noir transparent  Merci d'avance votre aide .

[Jean-Michel P]

Je me réponds à moi-même faute de spécialistes sur ce forum,  pour ceux qui comme moi veulent adapter leur skin (leur thème) à loisir... cette réponse-là, vous sera donc forcément utile. Je vous invite à me joindre directement sur mon blog pour plus de précisions....

Donc voici une explication simple :

Important à se rappeler : Gardez juste en mémoire ceci , si vous modifiez manuellement votre thème en direct dans le html. Ne touchez plus aux divers menus du menu "personnaliser" car, si vous le faites, ne serais-ce que pour une rubrique, au moment d'enregistrer, il effacera toutes vos modifications au profit de ce qu'il y a dans toutes ses rubriques personnalisables au moment de l'enregistrement.

Voici donc l'astuce si  vous désirez rendre semis-transparent certain fond comme pour le menu horizontal qu'ils appellent "tabs" par exemple . (Visible ici : https://a7mpa.blogspot.com/)

Repérer dans le html :

<Variable name="tabs.background.color" description="Tabs background color" type="color" default="transparent" value="transparent"/ (ou exemple de couleur #ffffff à la place de transparent

et remplacer transparent ou la couleur par exemple : rgba (17, 17, 17, 0.5) 17 étant la couleur noir et 0,5 la transparence voulue : 0,8 étant moins étant moins transparent que 0,3 par exemple.(A vous de faire vos essais de couleurs et de transparences

<Variable name="tabs.background.color" description="Tabs background color" type="color" default="transparent" value="rgba(17, 17, 17, 0.5)"/>

Après l'enregistrement vous obtiendrez... voir l'image jointe ....

Sachez que j'ai un fichier texte qui explique pour les principales rubriques à rendre transparente et j'ai aussi trouvé le moyen de virer le flou en haut de la deuxième page, que je trouve perso plutôt moche.