Modification d'un design, besoin d'aide
3 participants
Page 1 sur 1
Modification d'un design, besoin d'aide
Bonjour à tous,
Je me permets d'ouvrir un sujet afin de bénéficier de votre expertise.
J'utilise actuellement le design Madrid, qui me convient parfaitement, si ce n'est à un détail près :
j'aimerais pouvoir passer la colonne de gauche à droite
En effet, le fait que la colonne soit à gauche occasionne quelques soucis techniques de référencement sur des plateformes de blogs puisque mes affichages prennent en compte les contenus de la colonne au lieu du contenu de mes articles car ils apparaissent en premier.
Savez vous si un bidouillage du code CSS permettrait de déplacer cette colonne ? et si oui, auriez vous la démarche à suivre et le code à saisir, car je n'y connais pas grand chose...
Merci à tous
Je me permets d'ouvrir un sujet afin de bénéficier de votre expertise.
J'utilise actuellement le design Madrid, qui me convient parfaitement, si ce n'est à un détail près :
j'aimerais pouvoir passer la colonne de gauche à droite
En effet, le fait que la colonne soit à gauche occasionne quelques soucis techniques de référencement sur des plateformes de blogs puisque mes affichages prennent en compte les contenus de la colonne au lieu du contenu de mes articles car ils apparaissent en premier.
Savez vous si un bidouillage du code CSS permettrait de déplacer cette colonne ? et si oui, auriez vous la démarche à suivre et le code à saisir, car je n'y connais pas grand chose...
Merci à tous
Re: Modification d'un design, besoin d'aide
Oui, mais ce sera bien plus que du bidouillage. Si vous n'y connaissez pas grand chose, vous pouvez abandonner l'idée parce que ce n'est pas juste mettre un right à la place d'un left. N'hésitez pas à lire le tuto Apprendre à modifier le head sur le forum si la modification de CSS vous intéresse. Lorsque vous rencontrerez des difficultés avec vos codes, les membres du forum pourront vous accompagner.
Si vous souhaitez que la sidebar de votre site soit positionnée à droite, choisissez un design conçu comme cela.
Vous pouvez essayer les designs suivants :
- Amsterdam > http://tmp-amsterdam.jimdo.com/
- Helsinki > http://tmp-helsinki.jimdo.com/
- San Francisco > http://tmp-sanfrancisco.jimdo.com/
- Verona > http://tmp-verona.jimdo.com/
Avec les designs responsive, la sidebar, qu'elle soit positionnée à gauche ou à droite, passera en bas sur les écrans très étroits (tablettes en orientation portrait, smartphones). C'est très sympa !
Si vous souhaitez que la sidebar de votre site soit positionnée à droite, choisissez un design conçu comme cela.
Vous pouvez essayer les designs suivants :
- Amsterdam > http://tmp-amsterdam.jimdo.com/
- Helsinki > http://tmp-helsinki.jimdo.com/
- San Francisco > http://tmp-sanfrancisco.jimdo.com/
- Verona > http://tmp-verona.jimdo.com/
Avec les designs responsive, la sidebar, qu'elle soit positionnée à gauche ou à droite, passera en bas sur les écrans très étroits (tablettes en orientation portrait, smartphones). C'est très sympa !
Re: Modification d'un design, besoin d'aide
Je ne veux pas changer de design, pour les avoir tous survolé, celui que j'ai choisi est le seul qui convient à ce que je veux faire de mon site...
Merci quand même pour votre réponse
Merci quand même pour votre réponse
Re: Modification d'un design, besoin d'aide
Finalement j'ai quand même changé le design pour avoir la colonne à gauche,
après quelques bidouillages ça rend plutôt pas mal et se rapproche quand même de ce que j'avais fait
par contre ce nouveau template ne propose pas la police "The Girl Next Door" comme le précédent.
Y'a t'il une possibilité de la réintégrer ?
après quelques bidouillages ça rend plutôt pas mal et se rapproche quand même de ce que j'avais fait
par contre ce nouveau template ne propose pas la police "The Girl Next Door" comme le précédent.
Y'a t'il une possibilité de la réintégrer ?
Re: Modification d'un design, besoin d'aide
http://www.jimdoforum.fr/t468-utiliser-une-police-qui-n-est-pas-dans-la-liste-jimdo
Re: Modification d'un design, besoin d'aide
Ok, j'ai récupéré la police, mais je ne comprends pas le
"4 - Indiquez, dans la partie style, les éléments qui doivent utiliser cette police :
CODE:
#nomDeVotreElement-1,
#nomDeVotreElement-2
{font-family: 'Aclonica', cursive !important;}
Et c'est tout."
A quel endroit ? et comment connaitre le nom de l'élément ?
"4 - Indiquez, dans la partie style, les éléments qui doivent utiliser cette police :
CODE:
#nomDeVotreElement-1,
#nomDeVotreElement-2
{font-family: 'Aclonica', cursive !important;}
Et c'est tout."
A quel endroit ? et comment connaitre le nom de l'élément ?
Re: Modification d'un design, besoin d'aide
J'ai modifié le head comme ça, mais ça ne semble pas marcher :
<link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />
<style type="text/css">
/*<![CDATA[*/
#content {font-family: 'The+Girl+Next+Door', cursive !important;}
/*]]>*/
</style>
<link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />
<style type="text/css">
/*<![CDATA[*/
#content {font-family: 'The+Girl+Next+Door', cursive !important;}
/*]]>*/
</style>
Re: Modification d'un design, besoin d'aide
pour la div j'ai trouvé #cc-m-all-content-13643936725
quand je modifie dans l'inspection d'élément ça me fait bien la modif, mais pas en modifiant dans le head :/
Dès que je repasse en mode visiteur, ça me remet la police de base et pas celle que je veux
j'en suis là :
<link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />
<style type="text/css">
/*<![CDATA[*/
/*remplacer la police d'écriture dans le texte
div#cc-m-all-content-13643936725 {font-family: "The Girl Next Door",cursive,"google", !important;}
/*]]>*/
</style>
quand je modifie dans l'inspection d'élément ça me fait bien la modif, mais pas en modifiant dans le head :/
Dès que je repasse en mode visiteur, ça me remet la police de base et pas celle que je veux
j'en suis là :
<link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />
<style type="text/css">
/*<![CDATA[*/
/*remplacer la police d'écriture dans le texte
div#cc-m-all-content-13643936725 {font-family: "The Girl Next Door",cursive,"google", !important;}
/*]]>*/
</style>
Re: Modification d'un design, besoin d'aide
Ben déjà c'est pas mal !
Sûrement un truc qui coince…
où voulez-vous faire apparaître la police ?
C'est ça qui doit être ciblé.
Là, vous avez ciblé les div du contenant #cc-m-all-content-13643936725, mais il faut sans doute mieux trouver une class à cibler, de façon à ce que cela touche , par exemple, tous les titres, ou tout le texte…
On ne peut vous aider que si vous mettez l'adresse du site évidemment…
Sûrement un truc qui coince…
où voulez-vous faire apparaître la police ?
C'est ça qui doit être ciblé.
Là, vous avez ciblé les div du contenant #cc-m-all-content-13643936725, mais il faut sans doute mieux trouver une class à cibler, de façon à ce que cela touche , par exemple, tous les titres, ou tout le texte…
On ne peut vous aider que si vous mettez l'adresse du site évidemment…
Re: Modification d'un design, besoin d'aide
L'inspecteur ne modifie que le temps de la visite sur la page, et uniquement pour le visiteur.quand je modifie dans l'inspection d'élément ça me fait bien la modif, mais pas en modifiant dans le head :/
Il faut insérer la modification, en mode editeur, dans paramètres>modifier le head et enregistrer.
Re: Modification d'un design, besoin d'aide
J'ai vérifié, et vous avez deux petites erreurs qui bloquent le code :
D'abord, il ya
et vous devez cibler la bonne class, mais pour ça faut nous en dire plus : adresse du site, et les parties que vous voulez cibler
D'abord, il ya
- Code:
/*remplacer la police d'écriture dans le texte
- Code:
/*remplacer la police d'écriture dans le texte */
- Code:
{font-family: 'The Girl Next Door', cursive; !important;}
et vous devez cibler la bonne class, mais pour ça faut nous en dire plus : adresse du site, et les parties que vous voulez cibler
Re: Modification d'un design, besoin d'aide
Lors de l'enregistrement sur le forum, une lettre a été oubliée.
Voici l'adresse du site (sur le design Amsterdam).
Voici l'adresse du site (sur le design Amsterdam).
Re: Modification d'un design, besoin d'aide
je vais essayer avec les modifs que vous m'avez transmises
Je voudrais que cette police soit utilisée pour tous les éléments texte de mon site en fait
Je voudrais que cette police soit utilisée pour tous les éléments texte de mon site en fait
Dernière édition par poupi le Jeu 5 Mai 2016 - 20:26, édité 1 fois
Re: Modification d'un design, besoin d'aide
la modification ne change malheureusement pas le problème :/
Re: Modification d'un design, besoin d'aide
Je viens de trouver cette div pour attribuer une police exotique au texte : "body, p, td, li"
ne fonctionne pas non plus :/
ça donne ça :
<link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />
<style type="text/css">
/*<![CDATA[*/
/*remplacer la police d'écriture dans le texte */
body, p, td, li, {font-family: 'The Girl Next Door', cursive !important;}
/*]]>*/
</style>
Sinon je viens de tester avec un tuto de modifier la couleur de mes boutons de partage, sans succès non plus :
<style type="text/css">
/*<![CDATA[*/
/* Personnalisation des boutons de partage (32px noir et blanc seulement) */
div.cc-sharebuttons-size-32 div.cc-sharebuttons-style-2 a {background-image: url(https://sd-1.archive-host.com/membres/images/3347790973941088/icons32-violet.png) !important;}
/*]]>*/
</style>
ne fonctionne pas non plus :/
ça donne ça :
<link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />
<style type="text/css">
/*<![CDATA[*/
/*remplacer la police d'écriture dans le texte */
body, p, td, li, {font-family: 'The Girl Next Door', cursive !important;}
/*]]>*/
</style>
Sinon je viens de tester avec un tuto de modifier la couleur de mes boutons de partage, sans succès non plus :
<style type="text/css">
/*<![CDATA[*/
/* Personnalisation des boutons de partage (32px noir et blanc seulement) */
div.cc-sharebuttons-size-32 div.cc-sharebuttons-style-2 a {background-image: url(https://sd-1.archive-host.com/membres/images/3347790973941088/icons32-violet.png) !important;}
/*]]>*/
</style>
Re: Modification d'un design, besoin d'aide
C'est un peu compliqué car il faut cibler beaucoup de situations différentes.
Vous en aurez une partie avec ça :
Sinon, si vous ètes vraiment sûre de n'utiliser QUE cette police, partout, vous pouvez utiliser un vilain Hack pas conseillé car il sollicite un peu trop le navigateur
Vous en aurez une partie avec ça :
- Code:
.content-options .com-list, .content-options .j-blogSelection, .content-options .j-catalog, .content-options .j-comment, .content-options .j-downloadDocument, .content-options .j-formnew, .content-options .j-formnew label, .content-options .j-htmlCode, .content-options .j-newsletterbox, .content-options .postmeta, .content-options .j-product, .content-options .j-rss, .content-options .j-table, .content-options .j-text, .content-options .j-textWithImage, .content-options .j-imageSubtitle, .content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span, .content-options .j-twitter, .content-options .j-shop-addtocard-response, .content-options .j-cart, .content-options #cc-checkout-steps, .content-options #cc-checkout-gutter, .content-options .sitemap, .content-options #cc-shop-deliveryinfopage, .content-options .cc-tos, .content-options .cc-privacy, .content-options #cc-shop-infopage, .content-options .cc-withdrawal, .content-options .cc-protected-note, .content-options .cc-shop-product-availability, .content-options .j-googlemaps, .content-options h1:not(.cc-within-single-module-element):not(.j-blog-headline), .content-options .j-rss h1 a:link, .content-options .j-rss h1 a:visited, .sidebar-options .j-calltoaction-link-style-2:link, .sidebar-options .j-calltoaction-link-style-2:visited .navigation-colors a, .navigation-colors a:link, .navigation-colors a:visited {font-family: 'The Girl Next Door', cursive !important;}
Sinon, si vous ètes vraiment sûre de n'utiliser QUE cette police, partout, vous pouvez utiliser un vilain Hack pas conseillé car il sollicite un peu trop le navigateur
- Code:
* {font-family: 'The Girl Next Door', cursive !important;}
- Code:
body, p, td, li, {font-family: 'The Girl Next Door', cursive !important;}
- Code:
body, p, td, li {font-family: 'The Girl Next Door', cursive !important;}
Re: Modification d'un design, besoin d'aide
Victoire ! c'était en effet une histoire de virgule après mon code à priori ! comme quoi ça tient à pas grand chose lol
Merci beaucoup !
En revanche, il reste une zone qui n'est pas prise en compte, celle du module commentaires. Du coup j'ai pris votre premier code et cela fonctionne pour tout même pour mon menu (ce que je ne souhaite pas du coup, donc il faut que je trouve le div a supprimer)
Edit : au final je crois que j'ai trouvé le div pour la zone commentaire donc c'est bon, manque que la date de mes articles qui ne prend pas la police mais ça a moins d'importance
Pour l'histoire des icônes de partage, une idée de l'erreur dans le code ?
Merci beaucoup !
En revanche, il reste une zone qui n'est pas prise en compte, celle du module commentaires. Du coup j'ai pris votre premier code et cela fonctionne pour tout même pour mon menu (ce que je ne souhaite pas du coup, donc il faut que je trouve le div a supprimer)
Edit : au final je crois que j'ai trouvé le div pour la zone commentaire donc c'est bon, manque que la date de mes articles qui ne prend pas la police mais ça a moins d'importance
Pour l'histoire des icônes de partage, une idée de l'erreur dans le code ?
Re: Modification d'un design, besoin d'aide
Je crois que j'ai trouvé, en remplaçant juste la couleur du bouton par une autre couleur plutot que par une image !
/*<![CDATA[*/
/* Personnalisation des boutons de partage (32px noir et blanc seulement) */
div.cc-sharebuttons-element.cc-sharebuttons-style-black a::before {
color: #753069 !important;}
/*]]>*/
/*<![CDATA[*/
/* Personnalisation des boutons de partage (32px noir et blanc seulement) */
div.cc-sharebuttons-element.cc-sharebuttons-style-black a::before {
color: #753069 !important;}
/*]]>*/
Sujets similaires
» Modification du head design Malaga
» Modification du design Zurich
» Modification du design Rome
» Modification Header design Miami
» Modification Design pour Menu
» Modification du design Zurich
» Modification du design Rome
» Modification Header design Miami
» Modification Design pour Menu
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|