Forum d'entraide utilisateurs Overblog
Discussions
Activité
Connexion
Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur
notre base de connaissances
avant de poster une demande sur le forum.
Elegant Press
[RESOLU] Modifications du "design" des commentaires
Louvre-passion
août 2014
Bonjour,
Dans le CSS comment faire pour modifier le "design" des commentaires (couleur et taille polices...).
Merci d'avance pour votre aide.
Kinou
août 2014
Bonsoir,
sur la FAQ, tu as des infos sur ce fil
http://fr.forum.over-blog-kiwi.com/discussion/346/resolu-couleur-des-commentaires/p1
Louvre-passion
août 2014
Bonjour,
Dans le fil indiqué il y a cette réponse sur la couleur des commentaires :
http://fr.forum.over-blog-kiwi.com/discussion/346/resolu-couleur-des-commentaires/p1
Malheureusement dans les options de configuration du thème "Elegant press", l'option
"Couleur du titre des commentaires" n'existe pas.
Mehdi.
août 2014
Bonjour,
cherche:
.ob-commentsList .ob-message .ob-text
{
background-color
:
#f2f2f2
;
background-image
:
url("../images/quote_light.png")
;
background-position
:
10px -6px
;
background-repeat
:
no-repeat
;
display
:
block
;
font-size
:
12px
;
line-height
:
20px
;
margin
:
10px 0
;
padding
:
16px 10px 13px 80px
;
et ajoute une couleur (ici rouge)
.ob-commentsList .ob-message .ob-text
{
background-color
:
#f2f2f2
;
background-image
:
url("../images/quote_light.png")
;
background-position
:
10px -6px
;
background-repeat
:
no-repeat
;
color
:
#f41a1a
;
display
:
block
;
font-size
:
12px
;
line-height
:
20px
;
margin
:
10px 0
;
padding
:
16px 10px 13px 80px
;
tu peux aussi copier tout ce code juste avant la dernière balise
</style
> marquant la fin de ton css
si tu veux modifier la couleur de fond des commentaires il faudra jouer sur:
background-color
:
#f2f2f2
;
background-image
:
url("../images/quote_light.png")
;
ob a ajouter une petite image que tu peux garder ou supprimer
pour la taille de la police, tu joue sur le
font size
Mehdi.
août 2014
pour jouer sur la couleur de: "
il y a 7 jours"
...(par exemple)
cherche:
.ob-commentsList .ob-user span
{
height
:
20px
;
}
on aojute une couleur
.ob-commentsList .ob-user span
{
color
:
#070707
;
height
:
20px
;
}
__________________
pour la couleur orange actuellement du nom du commentateur
cherche
.ob-commentsList .ob-website
{
color
:
#f7a128
;
cursor
:
pointer
;
font-weight
:
bold
;
text-decoration
:
none
;
}
tu change:
#f7a128
;
___________________
si tu veux des bord arrondis sur tes commentaires
cherche donc encore
.ob-commentsList .ob-message .ob-text
{
background-color
:
#f2f2f2
;
background-image
:
url("../images/quote_light.png")
;
background-position
:
10px -6px
;
background-repeat
:
no-repeat
;
color
:
#f41a1a
;
display
:
block
;
font-size
:
12px
;
line-height
:
20px
;
margin
:
10px 0
;
padding
:
16px 10px 13px 80px
;
}
et tu ajoute une bordure par exemple plus des arrondis (tu décide de l'epaisseur de la bordure et sa couleur)
le moz border radius déterminant l''arrondi en pixel ...réglable donc))
border: 2px solid #F58020
;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; }
ce qui donnera au final:
.ob-commentsList .ob-message .ob-text {
background-color: f2f2f2;
background-image: url("../images/quote_light.png");
background-position: 10px -6px;
background-repeat: no-repeat;
display: block;
font-size: 18px;
line-height: 20px;
margin: 15px 0;
padding: 16px 10px 13px 80px;
border: 2px solid #F58020;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; }
________________
rendu des arrondis sur mon blog
http://www.mariage-franco-marocain.net/article-nouveau-delai-2013-pour-casier-judiciaire-marocain-115868563.html
_____________
bon travail et oublie pas les ; et les accolades fermantes.......
;)
Kinou
août 2014
Je viens d'ajouter ce fil sur la FAQ
;)
Louvre-passion
août 2014
Merci à tous pour ces informations très complètes, je vais travailler sur ce design.
Rédiger un commentaire
Bienvenue sur le forum !
Si vous souhaitez rejoindre la communauté, cliquez sur l'un de ces boutons !
Connectez-vous avec Overblog
S'inscrire
Connectez-vous avec Overblog
Catégories
Toutes les discussions
2,932
Aide
2,067
Référencement
70
Thèmes
776
↳ Autofocus
10
↳ Cedistic
6
↳ Classical
38
↳ Darkfrisq
5
↳ Delicate
23
↳ Elegant Press
58
↳ Floating posts
48
↳ Full Moon
8
↳ Girls gift
21
↳ Kiwi
141
↳ Legacy
60
↳ Nullified
46
↳ Personally
21
↳ Photofolio
24
↳ Social Board
25
↳ Timeline
4
↳ Twenty eleven
92
Suggestions
12
Foreigners Overbloggers
7
In this Discussion
Kinou
août 2014
Louvre-passion
août 2014
Mehdi.
août 2014
Présenté par Vanilla