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.

Rejoignez le forum, c’est rapide et facile

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.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.99 €

[Résolu] Bloc colonne en pleine largeur

4 participants

Page 2 sur 3 Précédent  1, 2, 3  Suivant

Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par FredVig Mar 14 Juin 2016 - 11:21

Les codes de ce post , comme de tous les posts, sauf indication contraire, ne peuvent fonctionner QUE pour le site concerné.
Vous pouvez essayer de les comprendre pour vous en inspirer, mais il ne sert à rien de les copier coller !

Apparemment vous êtes parvenu à vos fins, puisque votre site semble fonctionner correctement ?
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par FilmsdeLover Mar 14 Juin 2016 - 11:46

Sur la page d'accueil, c'est bon mais pas sur la page "Réalisations" qui a le même soucis dans un élément en bas de la page.
FilmsdeLover
FilmsdeLover

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

http://www.filmsdelover.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 14 Juin 2016 - 11:49

Oui j'avais utilisé le même code, je n'ai pas enlevé les marges, je vais le faire
c:

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par FredVig Mar 14 Juin 2016 - 11:57

Merci !
ALors il reste des codes issus de Realia : ça ne peut pas convenir aux nouveaux design.
De plus, avec les nouvelles structures, je ne peux plus accéder aux CSS. ça va devenir impossible d'aider !
Je vois ça :
Code:
#cc-m-11199582099 > div:nth-child(1){margin-left: -1000px;margin-right: -1000px;}
à virer.
(en fait il vaut mieux tout enlever et recommencer de Zéro)

Le bandeau gris #cc-m-8803890099 que vous voulez en pleine largeur sera à 100% de large.
Son contenant devra aussi faire toute la largeur de la page (100%)
Le soucis, c'est qu'il est prévu pour donner une largeur aux autres éléments de  la page.
Donc, il faudra restreindre la largeur des autres éléments en agissant sur leur marge.
Et une méthode consiste à ajouter des marges PROPORTIONNELLES (en pourcentage).
[Je dis bien UNE méthode, car on pourrait faire cela beaucoup plus simplement avec des flexbox, mais jimdo ne l'utilise pas trop, et je suppose qu'ils ont d'excellentes raisons]
Pour finir, il faudra mettre à zéro ou ajuster les padding et margin de tous les contenants modifiés.
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 14 Juin 2016 - 12:04

Le reste du code venait peut être justement du bandeau du même type sur la page réalisation je viens de virer les marge dessus, mes compétences en code sont très limités j'ai galéré beaucoup avant de réussir a insérer du contenu çà l’intérieur de ces bandeaux lol

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 14 Juin 2016 - 12:14

Oui je comprends en fait il faut modifier la source qui régit la largeur par défaut.
Il n'y a donc pas moyen de ofrcer la largeur juste pour ce bandeau ?

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par FredVig Mar 14 Juin 2016 - 12:17

C'est une transformation qui demande des connaissances ou en tout cas une capacité d'analyse du code html assez poussée, à cause des différentes situations de largeurs de fenêtres prévues par Jimdo. C'est ce qui m'effraie un peu, vous vous lancez dans un truc risqué. (façon de parler : il suffit de supprimer le code si ça ne marche pas)
Le principe hyper schématisé : (en haut l'existant, en bas la transformation)
[Résolu] Bloc colonne en pleine largeur - Page 2 Sans_t10
- On peut ajouter des marges auto plutôt que des %.
- Il faut prévoir toutes les largeurs de fenêtres et adapter le code via @media


Dernière édition par FredVig le Mar 21 Juin 2016 - 14:33, édité 1 fois
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par FredVig Mar 14 Juin 2016 - 12:24

et non, on ne peut pas forcer un élément à être plus large que son contenant, du moins sans devoir affronter les problèmes déjà soulevés depuis le début de ce post.
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 14 Juin 2016 - 12:30

Mince me voila bien embêté

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Solie Mar 14 Juin 2016 - 12:47

FredVig a écrit:Merci !
ALors il reste des codes issus de Realia : ça ne peut pas convenir aux nouveaux design.

Petite précision : Le code de Realia (premier post) fonctionne très bien avec certains designs responsive Exemple ici avec Miami. Avec d'autres, comme Rome, on l'a vu par la suite, ça donnait la même chose que sur le site de Julien hier avec Tokyo :

[Résolu] Bloc colonne en pleine largeur - Page 2 Image11

Si j'ai bien compris, Julien voudrait ça :

[Résolu] Bloc colonne en pleine largeur - Page 2 Image12

Actuellement, il a ça :

[Résolu] Bloc colonne en pleine largeur - Page 2 Image13

C'est cela Julien ?
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 14 Juin 2016 - 12:57

C'est exactement ça, de plus mon bouton " me contacter " prend la largeur du fond du bloc
je n'arrive pas à insérer le code que j'ai pour l'instant pour vous montrer.
peut être parce que je suis nouveau membre ?

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Solie Mar 14 Juin 2016 - 13:22

Oui, sur mon smartphone votre bouton est en pleine largeur et sans radius.

Ma ligne Internet est en panne depuis une semaine, le réparateur vient jeudi, je ne peux pas inspecter votre site avec mon ordi. Comment avez-vous inséré votre bouton ? Avec le module bouton ou en HTML ? L'image bleue, vous l'aviez bien mise en background d'un élément colonne ? Le module colonne, même en colonne unique, permet d'ajouter proprement des éléments à l'intérieur.

Pour votre difficulté à poster vos codes sur le forum, c'est probable...
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 14 Juin 2016 - 13:39

je l'ai crée via l'inspecteur web ( j'avais crée un autre bouton un peu plus haut avec le module bouton ) et je l'ai inséré sous mon code.

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Solie Mar 14 Juin 2016 - 13:46

Je m'en doutais. Mettez-le normalement avec le module bouton (responsive) de Jimdo dans une colonne. Vous n'aurez plus ce désagrément sur smartphone Wink
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 14 Juin 2016 - 13:47

Oui mais j'aurais voulu qu'il soit intégré à mon bloc bleu
il sera placé en dessous si je passe par le module non ?

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Solie Mar 14 Juin 2016 - 13:54

Isa de Realia a écrit:Si je me souviens bien, il faut que les DIV concernées soient des éléments « colonnes »
Si vous suivez les indications du topic en partant d'une colonne, votre bouton, vous pourrez le mettre à l'intérieur !
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 14 Juin 2016 - 18:27

D'accord je vais essayer de régler ça alors

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Sam 18 Juin 2016 - 22:39

Bonjour à toutes et à tous, j'ai beau chercher dans tous les sens, je n'arrive pas à intégrer mon bloc en pleine largeur, pourtant j'utilise maintenant le design Rome, en essayant de suivre les aides fournies pour Solie je n'arrive pas à les adapter...

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Dim 19 Juin 2016 - 10:13

j'ai réussi à avancer en insérant un code dans modifier le head
ainsi qu'un code dans widget

mais j'ai aussi la partie folle à droite qui dépasse lol

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 21 Juin 2016 - 11:51

Personne pour m'aider s'il vous plaît ?
je suis repassé sur le thème rome, mais je n'arrive pas à régler ce problème

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par FredVig Mar 21 Juin 2016 - 14:37

Proposition : laissez tomber cette modification de code (vraiment trop complexe).
Mettez votre bloc destiné à la pleine largeur dans la sidebar
Masquez le bloc avec du code sauf pour la page concernée :
#(identifiant du bloc){display:none;}
#(page ou doit apparaitre le bloc)#(identifiant du bloc){display:block!important;}
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mar 21 Juin 2016 - 21:56


si c'est vraiment compliqué je vais essayer autrement.
Je pensais passer par les templates matrix, savez-vous si un service équivalent français existe ?
en terme de tarif je veux dire

Merci en tout cas de votre réponse FredVig

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par FredVig Mar 21 Juin 2016 - 23:19

Je ne connais pas de sites de template Jimdo, mais je sais que les experts passent du temps aussi à corriger des plug-ins ou d'anciens codes qui deviennent obsolètes avec les mises à jour…
Je pense qu'on peut réaliser énormément de choses avec les outils par défaut.
La solution que je vous propose réalisera votre objectif.
Elle ne peut convenir que si le bloc est le dernier du contenu, ça ne peut donc pas convenir pour n'importe quel élément.
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Julien Mer 22 Juin 2016 - 12:42

D'accord
Je pensais copier ce fameux code et le répéter à plusieurs endroit différent sur le site
Est-ce qu'un autre design pourrait faciliter la chose ou pas du tout ?

Julien

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

http://www.palmous.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Solie Mer 22 Juin 2016 - 15:08

Oui, le design Miami est carrément compatible avec le code d'Isa de Realia. Pour l'adapter, il faut bien suivre ses recommandations; Utiliser le module colonnes et être capable de récupérer ses propres identifiants colonnes avec l'inspecteur. C'est assez simple.

Le cours de FredVig "Apprendre à Modifier le head" dans la rubrique Tutoriels vous donnera les bases nécessaires.
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Bloc colonne en pleine largeur - Page 2 Empty Re: [Résolu] Bloc colonne en pleine largeur

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 2 sur 3 Précédent  1, 2, 3  Suivant

Revenir en haut

- Sujets similaires

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