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.

Modifier la largeur du corps du site

Aller en bas

Modifier la largeur du corps du site

Message par Aurel597 le Mar 7 Juin 2016 - 0:51

Bonjour, je cherche à modifier la largeur du "Corps" du site que l'on m'a confié.

J'ai utilisé cette formule trouvée sur internet :

Code:
<style type="text/css">
 /*<![CDATA[*/
 div#content .gutter {

width: 600px !important;

}
 /*]]>*/
</style>

Rien n'y fait ! Quelqu'un pourrait-il me dire comment réaliser cela ?

Merci !

Aurel597

Messages : 13
Date d'inscription : 07/06/2016

http://www.letripeur.com

Revenir en haut Aller en bas

Modifier la largeur du corps du site

Message par JCB le Mar 7 Juin 2016 - 11:36

Il est possible d'élargir le corps de votre site, mais pour que les "experts" puissent vous répondre il vous faut préciser le design de votre site car les codes sont différents d'un design à l'autre.
avatar
JCB

Messages : 29
Date d'inscription : 09/10/2014
Localisation : Montpellier

http://www.juvignac-bike34.com

Revenir en haut Aller en bas

Site en pleine largeur

Message par oslomoi le Dim 9 Juil 2017 - 1:19

Bonjour Avez-vous obtenu une réponse à votre question?
Je cherche aussi a agrandir la largeur de mon site voir même l'avoir en pleine largeur.
J'ai vu que certaines personnes y sont parvenu mais après avoir essayé des dizaines de code en modifiant le header, je n'ai jamais réussi !

J'ai essayé avec plusieurs design : barcelona, Zurich, Cap Town..

l'idéal serait d’obtenir ceci : https://amaranthe3.jimdo.com/.

Merci de votre aide

oslomoi

Messages : 4
Date d'inscription : 26/09/2016

http://www.schuhagencement.com

Revenir en haut Aller en bas

site pleine largeur

Message par FredVig le Dim 9 Juil 2017 - 9:13

Amaranthe https://www.amaranthe.info/ est experte Jimdo depuis longtemps, pourquoi ne pas lui demander ?
Pour réaliser un site de ce genre (Notez qu'il n'est pas en "pleine largeur", mais en onepage) à partir d'un modèle Jimdo, il faut choisir ICI un design centré, avec logo + titre en colonne, menu 4 entrées maxi en positionnement dans le flux (fixé comme les éléments de la page) Sidebar en bas, content area large. Prague Rio Zurich semblent de bons candidats.
Aucune modification de largeur, juste un arrière-plan de couleurs positionné pour prendre toute la largeur de fenêtre disponible.
Il suffit ensuite de placer des ancres pour naviguer sur la page et de rajouter un script de smoothscrolling, comme expliqué dans les tutos.
Amaranthe à modifié d'autres détails qui dépendent du design d'origine.

Vous trouverez sur mon site 3 exemples commentés de développement en pleine largeur https://www.fredvig.com/super-responsive/
Cette manipulation pose des problèmes complexes (pour mes capacités en tout cas) à cause de la distribution du contenu, qui doit convenir pour un GSM de 400px comme pour un écran de 6000px
Il devient difficile de lire les phrases au delà d'une certaine proportion longueur/corps de texte. Aussi est-il indispensable de disposer le contenu en colonne, ou de limiter la largeur du texte. Cela demande d'explorer par exemple la fonction column, ou le positionnement à l'aide de Flexbox : https://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
On peut aborder de diverses façon la pleine largeur, en fonction du contenu.
Un exemple en Flex ici : https://www.bohaires.fr/cornemuses/
On ne peut pas donner une "recette" universelle, tout dépend du contenu, du design espéré… Mais explorer la fonction "flexbox" me semble un bon point de départ.


Dernière édition par FredVig le Mar 19 Juin 2018 - 0:37, édité 1 fois

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par betafoin le Sam 9 Sep 2017 - 19:01

Bonsoir,

Je voulais vous demander s'il était possible d'élargir le contenu de mon site en pleine largeur, sans rajouter de module supplémentaire. Juste ajuster le texte à la largeur de la page. Je tiens à préciser que je n'ai pas vraiment de compétence en matière de codage.

J'utilise le Template Cairo. Mon site est en construction

Je réponds à la suite pour éviter de faire des doublons de sujet.

Je vous remercie de votre réponse.

betafoin

Messages : 1
Date d'inscription : 08/09/2017

https://www.calejoues.fr/

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par FredVig le Sam 9 Sep 2017 - 20:45

Bonjour.
Vous devrez forcément passer par des rajouts de codes.
Vous devez apprendre à identifier les éléments à modifier et comment les modifier. Il faut tenir compte de la responsivité du site. Les tutos de ce forum devraient vous permettre de vous apporter l'essentiel. Comme je l'explique plus haut, tout dépend du contenu de votre site et de vos objectifs. il n'y a pas de recette miracle.

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par oslomoi le Sam 10 Mar 2018 - 19:37

Bonjour,
je reviens sur le même thème 8 mois après car je ne suis toujours pas parvenue a obtenir le résultat que je cherche...

J'ai essayer d'appliquer les solutions de FredVig mais trop complexe pour moi.

Aujourd'hui en navigant sur internet je suis tombée sur ça : https://pretty-divs.jimdo.com/fullsize/

un tutoriel pour avoir des images PLEINE LARGEUR (tout l'écran)! exactement ce que je cherche. J'ai appliqué à la lettre le tutoriel, mais sur mon site jimdo cela ne fonctionne pas !! je ne comprends pas pourquoi.
Je ne trouve pas l'auteur de ce tutoriel, je ne peux donc pas lui poser de question. Est-ce qq un pourrait m'aider à résoudre ce problème ?

Merci

oslomoi

Messages : 4
Date d'inscription : 26/09/2016

http://www.schuhagencement.com

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par FredVig le Sam 10 Mar 2018 - 21:19

EDIT : L'auteure de pretty-div nous répond quelques posts plus loin dans la discussion


Dernière édition par FredVig le Mar 19 Juin 2018 - 0:39, édité 2 fois (Raison : rendre la discussion utile)

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par oslomoi le Sam 10 Mar 2018 - 21:59

Merci
FredVig a écrit:

voici un exemple de page où je souhaiterai avoir mes photos en pleine largeur
https://www.schuhagencement.com/r%C3%A9alisations/

mon site jimdo est avec le design ROME

j'ai déjà fait pas mal de modifications dans le head mais impossible de mettre les photos en pleine largeur

je voudrais m'approcher de ce résultat : http://www.miamidesign.fr/portfolio/
ou ça :https://sharewood.team/travaux/

en gros je voudrais appliquer ce que https://pretty-divs.jimdo.com/fullsize/ explique sur son tuto ....

oslomoi

Messages : 4
Date d'inscription : 26/09/2016

http://www.schuhagencement.com

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par oslomoi le Lun 12 Mar 2018 - 14:39

Merci pour la réponse FredVig,

Déçue que le tuto de pretty-divs ne fonctionne pas.
Par contre changer le .jtpl-content en max-width: 100%!important ça je sais pas faire
mais bon j'abandonne c'est trop compliqué pour moi. Jimdo est définitivement pas adapté pour avoir ce type de rendus.

:-(

oslomoi

Messages : 4
Date d'inscription : 26/09/2016

http://www.schuhagencement.com

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par BS33 le Lun 11 Juin 2018 - 15:19

Bonjour,

Je recherche à faire la même chose, c'est à dire élargir le site sur toute la largeur de l'écran.
J'utilise le modèle Helsinki.

Si quelqu'un peut m'aider?

Merci d'avance.

ps: vous pouvez voir le site en question sur le petit onglet sur mon profil.

BS33

Messages : 2
Date d'inscription : 11/06/2018

http://www.amr33.fr

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par FredVig le Lun 11 Juin 2018 - 17:28

Bonjour. Il faut au préalable s'initier à la modification de code css Jimdo en lisant les tutos de ce forum : http://forum-jimdo.forumieren.com/t746-apprendre-a-modifier-le-head-les-bases-actualisees-2016
Comme expliqué dans ce post, la modification de largeur de contenu est simple, mais elle touche une base fondamentale du site, un élément qui contient de nombreux autres éléments.
En conséquence, modifier la largeur conduit à modifier tout le site. Il est donc nécessaire de comprendre ce que vous faites, afin d'agir sur les conséquences. La seule façon de vous aider et de vous renvoyer à l'apprentissage du "modifier le Head"

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par BS33 le Mar 12 Juin 2018 - 15:49

Bonjour,

Merci pour les infos, je vais étudier tout ça!

BS33

Messages : 2
Date d'inscription : 11/06/2018

http://www.amr33.fr

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par Pretty-Divs le Lun 18 Juin 2018 - 23:36

Bonjour,

Je suis l'administratrice du site Pretty-divs. Je suis surprise de voir qu'il a été visité, car je n'ai posté son adresse nulle part... et pour cause : il est encore en chantier. La page d'accueil n'est pas faite et les tutos manquent.

Sur la page "fullwidth" du site, il manquait quelques lignes de CSS pour que le code fourni fonctionne. C'est désormais réparé Smile

Pour information : les codes fournis sur le reste du site pour faire des sections pleine largeur colorées, avec une image ou avec un dégradé, un filtre teinté, etc... sont tous fonctionnels (et testés) avec les templates de Jimdo qui n'ont pas de colonne latérale ou de menu latéral. Je n'ai pas encore eu le temps de faire les tutoriels vidéos pour expliquer comment personnaliser certains codes, mais c'est en cours.

A bientôt !

Isabelle (une très ancienne du forum Jimdo, ex-administratrice de feu Realia.jimdo.com)

Pretty-Divs

Messages : 1
Date d'inscription : 18/06/2018

https://pretty-divs.jimdo.com

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par FredVig le Mar 19 Juin 2018 - 0:09

Bonne nouvelle. Merci isabelle ! vos tutos de Realia.com furent d'une grande aide pour découvrir Jimdo et aborder la modification de code avec bonne humeur.
Du coup votre site va répondre à de nombreuses demandes de ce forum !
(et couler le fond de commerce de quelques experts, mais c'est pas grave : les jimdonautes en veulent toujours plus ! Smile

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Modifier la largeur du corps du site

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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