BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - changement site en  mode Responsive page par page
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

changement site en mode Responsive page par page

 Répondre Répondre Page  <123>
Auteur
Message
space33 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2012
Pays: France
Status: Inactif
Points: 522
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer space33 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 23 Oct 2021 à 14:01
Bonjour,
Je reviens vers vous car je n'ai pas avancé depuis un an (autres préoccupations ...) pour ce passage en responsive (mais cela devient de + en + critique, avec Google qui pénalise la visibilité de mon site)
Je relis l'idée de Bridet un peu plus haut (solution intermédiaire entre pdf et page d'accueil responsive).
Question : comment passer mes anciennes pages en pdf ? Est-ce possible même ?
Merci d'avance

WINDOWS 10 /0E 1.57R9/
Passeur d'information
http://www.passeurdinformations.fr
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 23 Oct 2021 à 14:20
Voici une note que je tente d'envoyer à tous les nouveaux utilisateurs.  Ce n'est pas votre cas mais elle contient beaucoup d'informations sur le responsive via des vidéos.

Bonjour et bienvenue sur le forum d’openElement

 

Pour découvrir OpenElement, je vous suggère de consulter les tutos créés par des utilisateurs et dont vous trouverez la liste ici  https://forum.openelement.com/fr/forum_posts.asp?TID=22320&title=rcapitulatif-des-tutoriels

 

Avant de commencer un site, je vous suggère ces courts vidéos

1.    Les positionnements relatif vs absolu dans openElement https://youtu.be/7ThgFBmjTQk

2.    Le format adaptatif(responsive) d’une page WEB https://youtu.be/ouAg6yqdBZs

3.    Créer son premier site web responsive avec openElement https://youtu.be/k2BXVmvS_V8

4.    Créer un menu adaptatif(responsive) avec openElement https://youtu.be/2VTVuvN3Dl4

5.    Créer un espace privé pour vos membres https://youtu.be/K0HgRpNJaMU

 

Certains, comme les tutos de Larsene, principalement sur l'aspect adaptatif (Responsive), sont accompagnés de vidéos très utiles https://forum.openelement.com/fr/forum_posts.asp?TID=20090&title=les-tutos-de-larsne . Ces tutos sont basés sur une version moins récente d'OpenElement.

Finalement il y a le WIKI dont vous trouverez le lien en haut de cette page.

Vous trouverez sur ce forum de l'aide pour des questions précises.  Cette aide est offerte bénévolement mais en échange nous nous attendons à ce que vous exploriez le logiciel et en développiez la connaissance avant de poser vos questions.

OpenElement vous propose une foule de modèles dont certains sont adaptatifs et, de ce fait, beaucoup plus d'actualité.

Sensode en propose aussi quelques-uns des plus complets mais contre une rétribution minime par rapport au coût de développement.  https://forum.openelement.com/fr/forum_posts.asp?TID=22939&title=lensemble-des-templates-de-sensode

Des éléments complémentaires créés par différents intervenants sont aussi disponibles.  Vous en trouverez la liste ici: https://forum.openelement.com/fr/forum_posts.asp?TID=22573&title=liste-des-lments-proposs

Encore une fois, bienvenue.

P.S.

Il est important que vous compreniez que toute aide fournie ici est donnée par des bénévoles.

Nous ne sommes pas le personnel de openElement.

Nous sommes heureux d'aider lorsque nous sommes disponibles pour fournir des conseils, des astuces et parfois un petit bout de code.  Nous apprécions que les usagers fassent un effort sérieux de recherche et d'autoformation.

Certains d’entre nous travaillent en Europe, d’autres ailleurs dans le monde.  Conséquemment le délai de réponse peut aussi dépendre des fuseaux horaires.

Lorsque l'exigence est trop importante, elle peut être contractée et la rétribution exigée paiera le développement.

 

Prenez toujours soin d’ouvrir un nouveau sujet pour chacune de vos questions




Edité par Hobby001 - 23 Oct 2021 à 14:20
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 23 Oct 2021 à 14:22
Pour les pdf, je ne vois rien d'autre que d'imprimer votre page en pdf. Windows 10 propose l'imprimante: Microsoft print to PDF

Edité par Hobby001 - 24 Oct 2021 à 12:56
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 25 Oct 2021 à 09:13
@hobby, je viens de regarder, je pense qu'il doit passer par un copier coller dans un éditeur de texte et le corriger en plus !
@space, déjà faire la page d'accueil et puis celles qui vous tiennent à coeur petit-à-petit et laisser pointer sur les anciennes en attendant.

Haut de la page
space33 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2012
Pays: France
Status: Inactif
Points: 522
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer space33 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 25 Oct 2021 à 13:23
Bonjour,

Merci pour vos réponses.
Hobby j'ai bien en tête tous les tutos pour le responsive, là n'est pas le problème.
Et Bridet j'avais bien noté qu'il fallait, a minima, commencé par une page d'accueil responsive.
Les copier-coller via un éditeur me laissent sceptique (travail de fou).
Question ultime : il n'y a pas un moyen de récupérer 'en partie' mes pages pour les copier, en les modifiant s'il le faut, dans des pages responsive ? Si c'est non, c'est à désespérer de tout car la tache parait incommensurable ! Poser autrement, est-il plus simple et possible de modifier directement mes pages pour les transformer en responsive ?
Merci

WINDOWS 10 /0E 1.57R9/
Passeur d'information
http://www.passeurdinformations.fr
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 25 Oct 2021 à 16:43
La seule façon de récupérer votre projet pour le rendre Responsive, c'est d'en créer un nouveau, d'ouvrir une deuxième instance d'OpenElement avec l'ancien projet, puis ce copier coller des éléments d'un projet à l'autre tout en s'assurant de le configurer de façon à ce que ça devienne responsive
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Oct 2021 à 09:25
@hobby : mais du coup il faut refaire toute la bibliothèque d'images, perso, si je veux moderniser la page x, dans le projet j'ouvre une nouvelle vierge que j'appelle xresponsive et une fois qu'elle est terminée, j'efface x et renomme xresponsive. Il peut tout aussi bien faire des copier-coller des textes.
@space : une page par week-end, courage ;-)

Haut de la page
space33 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2012
Pays: France
Status: Inactif
Points: 522
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer space33 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Oct 2021 à 13:18
Merci pour vos réponses.
Je crois que je vais opter pour la solution proposée par Bridet ...
Dans le projet existant création d'autant de pages 'responsive' qu'il y a de pages dans le projet, en avançant page par page. Bon, certes je n'en suis pas sorti ....
Pour ma page d'accueil, dont je voudrais conserver l'architecture, le passage en 'mode adaptatif tous supports' ne va-t-il pas être trop complexe ? J'avais utilisé à l'époque ' Les tutos de Larsène' (flat design etc ...) : page d'accueil avec effets au survol des photos, apparitions d'éléments, travail sur les classes personnalisées etc. Autrement dit, à partir d'un nouvelle page responsive la conservation de cette architecture (qui constitue en soi une forme élaborée de menus) est-elle applicable ?


WINDOWS 10 /0E 1.57R9/
Passeur d'information
http://www.passeurdinformations.fr
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Oct 2021 à 13:34
Pour votre page d'accueil, je la passerais directement en responsive en utilisant les techniques de cette vidéo:


et en m'assurant de la taille des éléments selon l'écran grâce au Media Editions

Prenez soin de toujours faire un back-up avant de faire un changement et après en avoir été satisfait.   Dans votre type de projet d'évolution, ça va devenir primordial.
Haut de la page
space33 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2012
Pays: France
Status: Inactif
Points: 522
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer space33 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 31 Oct 2021 à 14:44

Bonjour,

J’ai dupliqué ma page d’accueil et mon calque.

Il s’avère très difficile de travailler sur ce double pour le passer en responsive. Par rapport aux démos et conseils que je vois sur le sujet, ma page n’est pas suffisamment bien organisée, ce site a débuté en # 2013, à l’époque par exemple je n’avais pas créé un panneau d’éléments sur la page vierge.

Et dans les vidéos les menus sont pratiquement tout le temps intégrés à un calque. Or ma page d’accueil est basée sur le flat design de Larsene et constitue en soi le menu (chaque thème renvoie ensuite vers une page). Mon calque est simplement constitué de l’entête et du bas de page.

Je me demande s’il ne vaut mieux pas que je redémarre sur une page vierge dans mon projet (Cf Bridet) : je pourrai copier les textes, par contre il faut reprendre toutes images…. !

Pour reprendre la structure en menu (12 images soit 12 entrées vers d’autres pages) de ma page d’accueil puis-je utiliser directement les tutos de Hobby dans sa démo ou Larsene ? Plus précisément lesquels ?

Par ailleurs j’ai du faire une mauvaise manip à un moment : sur ma page d’origine avec le calque d’origine je me retrouve maintenant après publication de mon site avec l’instruction :

$("bandeau").css({width:largeur,top:'0px',left:'0px'','position':'fixed'});   qui apparait en haut à gauche de la page ( ??)

Cette instruction vient directement d’un bandeau html dans le code du calque. Je le retrouve donc sur chaque page.

Je ne sais pas d’où cela vient … SI quelqu’un a une idée pour supprimer  cet intrus.

(moins grave, mon compteur en bas de page s’est retrouvé réinitialisé à 0 …). J’ai vraiment du faire plusieurs fausses manip !

Merci


WINDOWS 10 /0E 1.57R9/
Passeur d'information
http://www.passeurdinformations.fr
Haut de la page
 Répondre Répondre Page  <123>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.