Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Modification du head design Malaga

Voir le sujet précédent Voir le sujet suivant Aller en bas

Modification du head design Malaga

Message par Charlotte SJ le Lun 13 Oct 2014 - 23:26

Puisque qu'on est encouragé à le faire, voici ma première question sur ce design:
dans les articles du blog, je voudrais aligner "commentaires" sur la gauche. J'y arrive bien avec Firebug en réduisant le padding left à 0 px, mais cela ne fonctionne pas avec le code que j'écris dans le head (c'est-à-dire :
<style type="text/css">
/*<![CDATA[*/

div <a class= "comment cc-sm-pointer" {padding-left: 0 px ;!important}
/*]]>*/
</style>

Je pense que je ne dois pas mettre la bonne "adresse" de l'élément à modifier... c'est ça?
Merci!

Charlotte SJ

Messages : 11
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Re: Modification du head design Malaga

Message par FilmsdeLover le Mar 14 Oct 2014 - 9:28

J'ai sûrement dû mal voir mais sur votre site, "Commentaires" dans les billets de blog est déjà aligné à gauche, si je ne m'abuse.

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

Messages : 1061
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Modification du head design Malaga

Message par Charlotte SJ le Mar 14 Oct 2014 - 11:42

Oui pardon, il ne s'agit pas du "commentaire" dans chaque article individuel du blog mais de la mention "o commentaire" qui apparait sur la liste globale du blog, au premier clic sur "carnet d'inspiration". De plus, je n'arrive pas à en changer la couleur prune qui apparait au survol.
Merci!

Charlotte SJ

Messages : 11
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Re: Modification du head design Malaga

Message par FilmsdeLover le Mar 14 Oct 2014 - 11:58

Pour la couleur prune, cela se joue ici :
Code:

<style type="text/css">
/*<![CDATA[*/
.j-product .cc-shop-addtocard:hover, .j-cart .j-cart--hover-popup--call-to-action-button:hover, .j-blogarticle .blogreadmore:hover:link, .j-blogarticle .blogreadmore:hover:visited, .j-blogarticle .comment:hover:link, .j-blogarticle .comment:hover:visited, .skiptoform a:hover:link, .skiptoform a:hover:visited, .j-comment input[type="submit"]:hover, .commententry input[type="submit"]:hover, .j-downloadDocument .cc-m-download-link:hover, .j-formnew input[type="submit"]:hover, .j-googlemaps .cc-map-route-submit button:hover, .j-newsletterbox input[type="submit"]:hover, .cc-pagemode-overlay input.submitUser[type="submit"]:hover, .j-rss br + a[target="_blank"]:hover, #cc-checkout-gutter .cc-checkout-btn:hover, .j-product .cc-shop-addtocard:active, .j-cart .j-cart--hover-popup--call-to-action-button:active, .j-blogarticle .blogreadmore:active:link, .j-blogarticle .blogreadmore:active:visited, .j-blogarticle .comment:active:link, .j-blogarticle .comment:active:visited, .skiptoform a:active:link, .skiptoform a:active:visited, .j-comment input[type="submit"]:active, .commententry input[type="submit"]:active, .j-downloadDocument .cc-m-download-link:active, .j-formnew input[type="submit"]:active, .j-googlemaps .cc-map-route-submit button:active, .j-newsletterbox input[type="submit"]:active, .cc-pagemode-overlay input.submitUser[type="submit"]:active, .j-rss br + a[target="_blank"]:active, #cc-checkout-gutter .cc-checkout-btn:active, .j-product .cc-shop-addtocard:focus, .j-cart .j-cart--hover-popup--call-to-action-button:focus, .j-blogarticle .blogreadmore:focus:link, .j-blogarticle .blogreadmore:focus:visited, .j-blogarticle .comment:focus:link, .j-blogarticle .comment:focus:visited, .skiptoform a:focus:link, .skiptoform a:focus:visited, .j-comment input[type="submit"]:focus, .commententry input[type="submit"]:focus, .j-downloadDocument .cc-m-download-link:focus, .j-formnew input[type="submit"]:focus, .j-googlemaps .cc-map-route-submit button:focus, .j-newsletterbox input[type="submit"]:focus, .cc-pagemode-overlay input.submitUser[type="submit"]:focus, .j-rss br + a[target="_blank"]:focus, #cc-checkout-gutter .cc-checkout-btn:focus {background-color: rgba(187, 11, 11, 0.99); border-color : rgba(187, 11, 11, 0.99);}
/*]]>*/
</style>

Ce code modifie plein d'autres petits trucs qui avaient la couleur prune, comme le panier etc. Je lui ai mis la couleur rouge de votre menu dans l'exemple, pour unifier. En ce qui concerne l'alignement à gauche, c'est compliqué parce que le bouton est aligné à gauche, et le texte "0 commentaires" est aligné au centre à l'intérieur de ce bouton aligné à gauche. Donc si on aligne le texte à gauche, il ne sera plus centré dans le bouton au survol de la souris.

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

Messages : 1061
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Modification du head design Malaga

Message par Charlotte SJ le Mar 14 Oct 2014 - 12:33

Merci, ça fonctionne très bien! Pour l'alignement, si c'est compliqué, on laisse tomber, c'est du détail et je vais voir pour organiser l'ensemble différemment.

Une autre chose m'ennuie sur cette page de blog: le soulignement des titres. Voilà ce que j'écris:
<style type="text/css">
/*<![CDATA[*/

div.blogselection h1 a,
div.post h1.post-title a {
text-decoration: none !important;
}
/*]]>*/
</style>


ce qui fonctionnait très bien sur l'ancien design et que j'ai eu le malheur d'enlever en faisant un peu de ménage.
Tout comme le soulignement des liens sous les photos dans la rubrique "albums", le code ne fonctionne plus:
<style type="text/css">
/*<![CDATA[*/
a:link,
a:visited {text-decoration: none; }
a:active {text-decoration: none; }
a:hover {text-decoration: none; }
/*]]>*/
</style>

J'ai l'impression que tout ce que j'avais laborieusement réussi à maitriser dans le 4245 n'est plus valable sur le nouveau design! C'est normal?
Merci...

Charlotte SJ

Messages : 11
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Re: Modification du head design Malaga

Message par FilmsdeLover le Mar 14 Oct 2014 - 13:22

Oui, c'est normal. Chaque design a ses divs et donc ce qui marche pour les divs d'un design ne marche pas pour un autre design qui a ses propres divs.

Pour l'alignement, c'est "compliqué" mais si on aligne le "0 commentaires" sur la gauche, quand vous passerez la souris dessus, le "0 commentaires" ne sera plus aligné au centre de son bouton. C'est un choix esthétique à faire.

Pour le soulignement des titres, essayez ça :
Code:
<style type="text/css">
/*<![CDATA[*/
.j-blog .j-blog-meta .j-blog-header, .j-blogSelection .j-blog-header, .j-blog .j-blog-meta .j-blog-header h2, .j-blogSelection .j-blog-header h2 {text-decoration:none;}
/*]]>*/
</style>

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

Messages : 1061
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Modification du head design Malaga

Message par Charlotte SJ le Mar 14 Oct 2014 - 21:21

Parfait! plus de titres de blog soulignés. Merci!

J'ai beau me plonger dans les entrailles du site avec Firebug, je n'arrive pas à repérer les adresses des éléments pour les modifier, alors que j'y arrivais avant, avec mon peu de connaissances en informatique. Même que je trouvais ça marrant et j'étais pas peu fière. Alors que là, je suis obligée de vous demander les codes tout prêt, sans les comprendre, c'est frustrant!

Alors, pour les liens (comme par exemple les légendes des photos des albums) que je ne veux pas soulignés, comment faire?
Ce que j'aimerais, c'est que le lien change de couleur quand on le survole, tout simplement...
Merci...

Charlotte SJ

Messages : 11
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Re: Modification du head design Malaga

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum