1797 appréciations
Hors-ligne
|
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,
|
|
4058 appréciations
Hors-ligne
|
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;
}
|
|
1797 appréciations
Hors-ligne
|
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
|
|
4058 appréciations
Hors-ligne
|
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;
}
|
|
1797 appréciations
Hors-ligne
|
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,
|
|
4058 appréciations
Hors-ligne
|
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;
}
|
|
1797 appréciations
Hors-ligne
|
Merci pour ton aide, Je vois ça demain,
Bonne soirée,
|
|
4058 appréciations
Hors-ligne
|
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.
|
|
1797 appréciations
Hors-ligne
|
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,
|
|
4058 appréciations
Hors-ligne
|
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;
}
|
|
1797 appréciations
Hors-ligne
|
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,
|
|
4058 appréciations
Hors-ligne
|
|
|