Blog d'aide de Blog4ever

Coucou J'aimerai styliser le premier script --- éphéméride personnalisé --- de mon bloc Agenda, mais pas moyen, Pourtant, j'y suis arrivé avec le second --- A savoir qu'il ne s'affiche que lorsqu'il y a un anniversaire --- J'avais attribué une div à mon premier script pour lui joindre un css, mais ça ne fonctionne pas, Si besoin, je peux inventé une date d'anniversaire pour que tu puisses voir le résultat du second script, Merci pour ton aide, 

coucou

Regardes le code en place puis corriges selon tes gouts.

 pour commencer j'ai enlever l'image dans le code....
<*IMG src="https://static.blog4ever.com/2020/03/857029/imageedit_10_6905743639--1-.jpg" vspace=5 border=0*>

La partie css:

.annif  {
 background-position:right 5px;
  background-repeat:no-repeat;
  background-image: url("https://static.blog4ever.com/2020/03/857029/imageedit_10_6905743639--1-.jpg");
font-family: georgia, palatino;
width:210px;  
 height:335px;
 margin-left: 5px;
font-style: italic;outline: 1px solid;
 
}

dt {
  color: #1B5161;
  border-radius:15px;
  padding: 15px 0;
  margin: 5px 0 2px -10px;
  width:220px;
  outline: 1px solid pink;
  border: 5px double #6f6439;
 background:lavenderblush;
 
}

CC 

Je me suis mal expliqué, Du coup, j'ai remis, Et pour que tu vois mieux, j'ai inventé et ajouté trois anniversaires,  Ils apparaissent sous l'image qui me sert à séparer le script éphéméride --- c'est lui que j'aimerai styliser --- et celui des anniversaires, qui lui est tout comme je veux, 
Et si tu viens faire un ti tour le 26, il ne s'affichera rien, parce qu'il n'y a pas d'anniversaire, 
N'hésites pas à me le dire, si ce n'est pas très clair, 

Ps, Ta proposition pour l'ensemble, Ephéméride, image, Anniversaire, m'intéresse, 

Dernière modification le lundi 23 Octobre 2023 à 20:04:43

re
Essaies ce code.

.annif {
font-family: georgia, palatino;
font-size: 20px;
font-style: italic;
color: brown;
 outline: 1px solid pink;
  border: 5px double #6f6439;
 background:lavenderblush;      
}

Re, 

Sur ma première capture, ce que j'ai obtenu en liant tes deux propositions, 

Sur ma deuxième capture, grosso ce que je souhaiterai, 


Je n'ai pas fais d'angles arrondis, mais l'idée est là, mon éphéméride au dessus de l'image est en italic  comme mes voeux d'anniversaire, 
Ce sont deux script différents, c'est la raison pour laquelle, je les ai séparé d'une image, 
J'aimerai combiné ta proposition à mon souhait de voir mon éphéméride apparaître en italic et avec une police plus petite, 
Merci, pour ton aide,  

re

ligne 1447  ---->  on agit aussi sur _b_


.annif, b {
font-style: italic!important;
font-family: georgia, palatino!important;
font-size: 14px!important;
color: #1B5161;
border: none;
background: lavenderblush;
}
dt {
font-size: 14px!important;
font-family: georgia, palatino!important;
font-style:italic!important;
color: #1B5161;
border-radius:15px;
padding: 15px 0;
margin: 5px 0 2px -10px;
width:220px;
outline: 1px solid pink;
border: 5px double #6f6439;
background:lavenderblush;
}

Merci pour ton aide, Je vois ça demain, 
Bonne soirée, 

Attention car tu as des codes .annif dans le menu latéral et dans le css.

Il est préférable de mettre le code dans le menu latéral.

CC 

Je me suis demandé où mettre le style? Tu a srépondu à ma question, C'est tout bon côté agenda, Mais, je vais agrandir un chouia la police d'écriture et enlever la couleur de fond, car on la retrouve dans mon menu d'articles escamotable, 

Autrement, je trouve mon agenda au top,
Merci à toi, 

re

Un peu épuré ...

.annif{
 outline: 1px solid pink;
}
.annif, b {
font-style: italic!important;
font-family: georgia, palatino!important;
font-size: 16px!important;
color: #1B5161;
background: lavenderblush;
}
dt {
font-size: 16px!important;
font-family: georgia, palatino!important;
font-style:italic!important;
color: #1B5161;
border-radius:15px;
padding: 15px 0;
margin: 5px 0 2px -10px;
width:220px;
outline: 1px solid pink;
border: 5px double #6f6439;
background:lavenderblush;
}


  

Merci 
J'ai changé la couleur de fond --- elle impactait encore --- et augmenter la taille de la police, C'est pile top, 
Bonne soirée,