Modifier la largeur du corps du site
+3
oslomoi
JCB
Aurel597
7 participants
Page 1 sur 1
Modifier la largeur du corps du site
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 :
Rien n'y fait ! Quelqu'un pourrait-il me dire comment réaliser cela ?
Merci !
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 !
Modifier la largeur du corps du site
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.
Site en pleine largeur
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
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
site pleine largeur
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.
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
Re: Modifier la largeur du corps du site
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.
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.
Re: Modifier la largeur du corps du site
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.
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.
Re: Modifier la largeur du corps du site
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
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
Re: Modifier la largeur du corps du site
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)
Re: Modifier la largeur du corps du site
Merci
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 ....
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 ....
Re: Modifier la largeur du corps du site
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.
:-(
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.
:-(
Re: Modifier la largeur du corps du site
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.
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.
Re: Modifier la largeur du corps du site
Bonjour. Il faut au préalable s'initier à la modification de code css Jimdo en lisant les tutos de ce forum : https://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"
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"
Re: Modifier la largeur du corps du site
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é
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)
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é
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)
Re: Modifier la largeur du corps du site
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 !
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 !
Sujets similaires
» Modifier le titre du site sur une seule page (celle du blog)
» modifier un site dont on a decocher le bouton modifier
» Comment modifier le mot "Blog" par "Actualité" dans la page "plan du site" ?
» Modifier l'image attitrée au Site
» Appliquer une redirection de mon site jimdo vers un autre site
» modifier un site dont on a decocher le bouton modifier
» Comment modifier le mot "Blog" par "Actualité" dans la page "plan du site" ?
» Modifier l'image attitrée au Site
» Appliquer une redirection de mon site jimdo vers un autre site
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|