Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Fond des commentaires dans l'abum photos

15 appréciations
Hors-ligne
:bd: à toutes et tous,
J'ai un site privé pour la famille qui a été créé avant l'abandon facultatif de l'album photos. Je viens de tenter de le faire migrer vers les articles. Comme chaque photo à produit un article, ,j'ai fais aussitôt marche arrière.
Mais là n'est pas ma question. Dans l'album photos, je viens de m'apercevoir que les commentaires n'avaient pas de fond, donc pratiquement illisibles car la police est noire et de petite taille sur un fond de blog foncé.

Il y a-t-il un moyen de rectifier ces 2 soucis (fond et taille) ?
Merci aux conseillers

4055 appréciations
Hors-ligne
:bd:

C'est sur quel blog ?
:bye:


15 appréciations
Hors-ligne
:bd: :sim: ,
Merci de me répondre.
C'est sur un site privé de la famille où chacun peut écrire, mettre des photos, etc...
J'ai placé dans mon CSS à la suite de la partie "contenu", les formules suivantes:
div#article_commentaires
{
background:#;
padding: 5px 2px;
color:#FFFFFF;
font-family:georgia; script MT bold;
font-size: 18px;
border:5px ridge #000000;
}
.contenu_commentaires table
{
background:#FFFFCC;
width: 95%;
margin-left: auto;
margin-right: auto;
}
.contenu_commentaires td
{
border:3px inset #FFFFFF;
}
.contenu_commentaires td+td
{
background: url() repeat;
font-style:normal;
}
.contenu_commentaires tr
{
margin-bottom: 2px;
}
#article_commentaires.contenu_commentaires a
{
color:#990000;
}
#article_commentaires.contenu_commentaires a:hover
{
background:#990000;
}
#articles_commentaires_titre
{
margin-left: 100px;
margin-top: 10px;
color: #990000;
font-family: georgia;
font-size: 16pt;
font-style: normal gras;
font-weight: bold;
}
#articles_commentaires_form
{
background:#ffffff;
width:95%;
height:380px;
margin: 10px auto 30px auto;
padding: 10px 10px;
color:#663300;
border: 3px groove #FFFFFF;
}
.form_moitie
{
background: #FFFFFF;
padding: 3px;
margin: 5px 0px;
border: 3px groove #FFFFFF;
}
#articles_commentaires_pseudo_label
{
font-family: georgia;
font-size: 10pt;
font-style: normal;
font-weight: bold;
}
#articles_commentaires_pseudo_input
{
background:FFFFCC;
font-style:normal;
border: 1px groove #000000;
}
#articles_commentaires_pseudo_input:hover
{
background:#FFFF99;
border: 1px inset #000000;
}
#articles_commentaires_pseudo_input:focus
{
background:#CCFFCC; color:#990000; font-style:normal;
}
#articles_commentaires_email_label
{
font-family: georgia;
font-size: 10pt;
font-style: normal;
font-weight: bold;
}
#articles_commentaires_email_input
{
background:FFFFCC; font-style:normal; border: 1px groove #000000;
}
#articles_commentaires_email_input:hover
{
background:#FFFF99;
}
#articles_commentaires_email_input:focus
{
background:#CCFFCC;color:#990000; font-style:normal;
}
#articles_commentaires_site_label
{
font-family: georgia;
font-size: 10pt;
font-style: normal;
font-weight: bold;
}
#articles_commentaires_site_input
{
background:FFFFCC; font-style:normal; border: 1px groove #000000;
}
#articles_commentaires_site_input:hover
{
background:#FFFF99;
}
#articles_commentaires_site_input:focus
{
background:#CCFFCC;color:#990000; font-style:normal;
}
#articles_commentaires_message_label
{
font-family: georgia;
font-size: 10pt;
font-style: normal;
font-weight: bold;
}
#articles_commentaires_message_textarea
{
background-image : url();
background-repeat : repeat;
font-style normal;
width : 80%;
margin-bottom: 10px;
border : 4px groove #FFFFFF;
}
#articles_commentaires_submit
{
background-image : url();
background-repeat : repeat-x;
height:30px;
padding-top: 0px;
font-size: 14pt;
font-family:georgia;
}

Je pense que mes problèmes de fond de commentaire et de texte (police et taille) doivent pouvoir être corrigés ici.
:bye:


Derni?re modification le 02-12-2013 ? 10:30:37

4055 appréciations
Hors-ligne
:bye:
Je comprend mais c'est pas simple si je ne peux pas voir le blog.

Si je peut le regarder donne moi l'adresse ici: simon@blog4ever.com
Je précise qu'en tant que modérateur je suis tenu à la discrétion.

Il se peut que les réglages soient déjà écrit dans les données.

Pour changer il faut ajouter pour la couleur de texte color: #FFFFFF;
color: #000000!important; on passe donc du blanc au noir

!important; donne l'ordre au robots de prendre la priorité




15 appréciations
Hors-ligne
Re-Bonjour :sim: ,
Je t'envoie par ton adresse les informations du site en question.
Salut

4055 appréciations
Hors-ligne
OK
Merci.
Je te répondrai
:bye:


4055 appréciations
Hors-ligne

Colle ce code à la fin du css

/*modif de commentaires photos*//*simon*/

#article_commentaires dl, #photo_commentaires dl {
background: none repeat scroll 0 0 #D9C490 !important;/*marron clair*/
border: 2px solid #CC9999;
position: relative;
}
#article_commentaires dl dd.commentaire_message, #photo_commentaires dl dd.commentaire_message {
background: none repeat scroll 0 0 #958765!important; /*marron foncé*/
border: medium none;
margin: 0 0 0 70px;
padding: 10px;
text-align: justify;
width: auto;
}
/* le message */
.post-comment .blogmember_invite ul {
color: #000000 !important;
margin: 5px 0 !important;
}
/*M'inscrire au blog*/
label {
color: #000000 !important;
display: block;
margin-bottom: 5px;
}
/*fin modifs de simon*/



15 appréciations
Hors-ligne
Bonsoir :sim: ,
Merci de ton conseil. J'ai fait un copier/coller. J'ai vu le résultat et pour me familiariser avec la formule, j'ai changé quelques données pour voir leurs attributions. C'est parfait.
Une fois de plus MERCI.
Bonne soirée. Pour moi le sujet est clos.

4055 appréciations
Hors-ligne
:b1:

C'est super !

je ferme

Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Année 2013.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6065 autres membres