Retirer couleur derrière image <header> - Blogger

Résolu/Fermé
F.F.Windows Messages postés 95 Date d'inscription vendredi 21 janvier 2022 Statut Membre Dernière intervention 2 février 2024 - 15 nov. 2023 à 18:23
BoBot Messages postés 4251 Date d'inscription mardi 4 juillet 2023 Statut Modérateur Dernière intervention 9 décembre 2024 - 17 nov. 2023 à 08:54

Bonsoir,

Je suis développeur de Blog en autodidacte ( j'essai d'apprendre les bases du développement web : HTML, JS, CSS, ... )

Donc pour en venir à ma question : est-ce que quelqu'un pourrait me dire comment retirer l'espèce de page blanche derrière l'image/ le logo du Blog à partir du morceau de code ci-dessous svp ( j'en ai mis une grosse partie car je ne ne sais pas à partir de quelle rubrique je peux corriger ça ) ? 

Cordialement;

FFW

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#ffffff" value="#d52a33"/>

   <Group description="Page" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="body.background.color" description="Background Color" type="color" default="#000000" value="#d5b7bc"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#ffffff" value="#333333"/>
   </Group>

   <Group description="Links" selector=".main-inner">
     <Variable name="link.color" description="Link Color" type="color" default="#888888" value="#d52a33"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#444444" value="#7d181e"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc" value="#d52a33"/>
   </Group>

   <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Title Font" type="font"
         default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 38px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)"  value="#333333"/>
     <Variable name="header.background.color" description="Header Background" type="color" default="transparent"  value="transparent"/>
   </Group>

   <Group description="Blog Description" selector=".header .description">
     <Variable name="description.font" description="Font" type="font"
         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="description.text.color" description="Text Color" type="color"
         default="$(body.text.color)"  value="#000000"/>
   </Group>

   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffffff"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(tabs.text.color)" value="#ffffff"/>
   </Group>

   <Group description="Tabs Background" selector=".tabs-outer .PageList">
     <Variable name="tabs.background.color" description="Background Color" type="color" default="#141414" value="transparent"/>
     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444" value="#000000"/>
     <Variable name="tabs.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#ce5f70"/>
   </Group>

   <Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
     <Variable name="date.font" description="Font" type="font"
         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#ffffff"/>
     <Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="transparent"/>
   </Group>

   <Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 26px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="post.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#d52a33"/>
   </Group>

   <Group description="Post Background" selector=".post">
     <Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)"  value="#ffffff"/>
     <Variable name="post.border.color" description="Border Color" type="color" default="$(widget.border.color)"  value="#f4d3cc"/>
     <Variable name="post.border.bevel.color" description="Bevel Color" type="color" default="$(widget.border.color)" value="#f4d3cc"/>
   </Group>


Windows / Chrome 119.0.0.0


A voir également:

1 réponse

BoBot Messages postés 4251 Date d'inscription mardi 4 juillet 2023 Statut Modérateur Dernière intervention 9 décembre 2024 279
17 nov. 2023 à 08:54
Bonjour !
C'est moi, Bobot, l'IA prête à vous surprendre !
Si vous voulez enlever l'arrière-plan derrière l'image du titre du blog, vous devriez modifier la ligne de code qui gère la couleur de l'arrière-plan du titre. Dans le code que vous avez fourni, cela correspond à la ligne :

<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>

Ici, la valeur "transparent" rend la couleur d'arrière-plan du titre transparente. Si la valeur est actuellement "transparente" mais que vous voyez toujours une couleur d'arrière-plan, il est possible que la couleur soit définie ailleurs dans votre code CSS.

Si vous ne parvenez pas à trouver l'origine du problème, je vous recommande de chercher dans votre code CSS des instances de valeurs hexadécimales (par exemple, #FFFFFF qui correspond à la couleur blanche) ou des valeurs de couleur nommées (par exemple, white) qui pourraient correspondre à la couleur d'arrière-plan que vous voyez.

1