Antworten

Programmation "HTML"

Tout savoir si vous avez créé une chronique familiale sur votre Arbre en Ligne : possibilités offertes, mise en forme de vos textes, gestion de vos photos...
hcoppee
hcoppee
Beiträge: 58
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
Dans ma chronique familiale, je voudrais créer une page avec des petites images "interactives". C'est à dire que lorsqu'on clique dessus, on ouvre, dans une nouvelle fenêtre, un document stocké dans "Mon drive Google".
Mettre les images n'est pas difficile et j'y arrive facilement, mais comment faire pour les rendre interactives ?
Je le fais actuellement en indiquant chaque url, mais ce n'est pas très convivial.
Voir : https://gw.geneanet.org/hcoppee_w?lang=fr&pz=maxence+renaud+nicolas&nz=coppee&m=NOTES&f=ICI
forhanp
forhanp
Beiträge: 13904
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
Bonjour,

Vous devriez lire le tutoriel d'Oscar32 : https://gw.geneanet.org/oscar32?lang=fr&pz=guy&nz=aubert&m=NOTES&f=liens_html#haut
Cela devrait répondre à votre question.

Cordialement,
Pascal Forhan
buhotmarc
buhotmarc
Modératrice bénévole
Beiträge: 55497
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
Bonjour,

Pour info : question transférée dans le forum "Chronique familiale"

Cordialement
Monique
Modératrice bénévole, sans lien de subordination avec geneanet
------------------
Bouton (sous l'identifiant)  AIDE
hcoppee
hcoppee
Beiträge: 58
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
forhanp hat geschrieben: 28 Juli 2021, 15:18 Bonjour,

Vous devriez lire le tutoriel d'Oscar32 : https://gw.geneanet.org/oscar32?lang=fr&pz=guy&nz=aubert&m=NOTES&f=liens_html#haut
Cela devrait répondre à votre question.

Cordialement,
Merci, pour l'information !
Je suis parvenu à faire enfin ce que je voulais, et c'est nettement mieux : https://gw.geneanet.org/hcoppee_w?lang=fr&pz=maxence+renaud+nicolas&nz=coppee&m=NOTES&f=ICI
oscar32
oscar32
Beiträge: 1920
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
hcoppee hat geschrieben: 29 Juli 2021, 10:31 Je suis parvenu à faire enfin ce que je voulais, et c'est nettement mieux...
Bonsoir

Vous pouvez même si vous le souhaitez intégrer directement vos fichiers Google Drive dans la chronique.
Je vous explique la marche à suivre si vous le souhaitez.

Je viens de faire quelques tests sur Google Drive, ce n'est pas franchement l'hébergeur de fichiers le plus ergonomique que je connaisse. :D

Cordialement
Guy, râleur bénévole qui ne dispose que de deux neurones... ... pas toujours connectés !
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Ma chronique : Le voyage de Pépé... de la Noguera Ribagorçana à Mouchan
hcoppee
hcoppee
Beiträge: 58
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
Pourquoi pas !
Je veux bien essayer de les mettre dans ma chronique si vous m'expliquez comment faire, et pour autant que ce soit possible car ce sont quand même de "lourds" fichiers ...

Auparavant le fournisseur "Belgacom" (Belgique) offrait un espace web et un nom de domaine gratuit avec l'abonnement, mais cet "avantage" a été supprimé le mois dernier. Merci Belgacom, devenu aujourd'hui proximus :-x
oscar32
oscar32
Beiträge: 1920
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
Bonjour

Il ne s'agit pas d'héberger les fichiers dans la chronique (on ne peut héberger que des images dans l'espace dédié et encore faut-il être Premium) mais d'ouvrir le fichier (diaporama ou PDF) directement sur la page de la chronique.

Voici comment procéder :

- Ouvrez un fichier Google Drive

- Cliquez en haut à droite sur le menu "trois points" (Autres actions)

- Cliquez sur "Intégrer un élément... "

- Dans le code qui s'affiche (exemple) :

Code: Alles auswählen

<iframe src="https://drive.google.com/file/d/1RVP6yUjvIjd_7u1b8htkTMitbM6jI35v/preview" width="640" height="480" allow="autoplay"></iframe>
copiez le lien depuis "https" jusqu'à "preview" inclus.

Intégrez-le dans une balise "object" comme dans le code ci-dessous :

Code: Alles auswählen

<div style="width:100%; text-align:center">
<object
data="https://drive.google.com/file/d/1RVP6yUjvIjd_7u1b8htkTMitbM6jI35v/preview"
width="800"
height="600">
</object>

</div>

La balise "div" sert à aligner le contenu au milieu de la page.

La largeur et la hauteur sont modulables à votre convenance mais faites en sorte que la consultation du document soit aisée.
800 pixels de large et 600 de haut me semblent un bon compromis.

Voici un exemple de ce que vous obtenez : Exemple supprimé

Si vous avez besoin d'éclaircissements sur la marche à suivre, n'hésitez pas à revenir ici.

Cordialement
Zuletzt geändert von oscar32 am 01 August 2021, 18:31, insgesamt 1-mal geändert.
Guy, râleur bénévole qui ne dispose que de deux neurones... ... pas toujours connectés !
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Ma chronique : Le voyage de Pépé... de la Noguera Ribagorçana à Mouchan
hcoppee
hcoppee
Beiträge: 58
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
Finalement, je vais rester avec mes fichiers à lire sur Google Drive, ce n'est peut-être pas l'hébergeur de fichiers le plus ergonomique, mais c'est un peu plus facile (et rapide) lors de la mise à jour des fichiers originaux, le téléchargement y est direct (généanet "renvoie" quand-même vers Google Drive : votre document "test" s'est retrouvé sur mon drive !), et surtout, il est possible de "zoomer" pour afficher les pages à la largeur de l'écran... ce qui n'est pas du luxe quand, l'âge et la maladie aidant, on n'a plus, comme moi, une assez bonne vue !
oscar32
oscar32
Beiträge: 1920
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
Bonjour Hubert

C'est un choix tout à fait respectable :D , ma proposition n'était qu'une suggestion.

Cordialement
Guy, râleur bénévole qui ne dispose que de deux neurones... ... pas toujours connectés !
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Ma chronique : Le voyage de Pépé... de la Noguera Ribagorçana à Mouchan
granvillais
granvillais
Beiträge: 147
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
oscar32 hat geschrieben: 30 Juli 2021, 17:38
- Cliquez sur "Intégrer un élément... "
Bonjour,

Je ne vois pas ce menu ?

cordialement
granvillais - Bertrand Mayeux
oscar32
oscar32
Beiträge: 1920
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
granvillais hat geschrieben: 31 August 2021, 15:27 Je ne vois pas ce menu ?
Bonjour

Je ne le vois plus non plus :?: :?: :?:

Pas grave !

Quand vous êtes dans Google Drive :

- Ouvrez le fichier

- Cliquez en haut et à droite sur les trois points.

- Cliquez sur "Partager"

- En bas du popup qui s'ouvre, sur "Copier le lien"

- Copiez le lien dans le bloc-note, vous obtenez quelque chose comme ceci :

Code: Alles auswählen

https://drive.google.com/file/d/1RVP6yUjvIjd_7u1b8htkTMitbM6jI35v/view?usp=sharing
- Supprimez :

Code: Alles auswählen

view?usp=sharing
- Et remplacez le par "preview", comme ceci :

Code: Alles auswählen

https://drive.google.com/file/d/1RVP6yUjvIjd_7u1b8htkTMitbM6jI35v/preview
Cordialement
Guy, râleur bénévole qui ne dispose que de deux neurones... ... pas toujours connectés !
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Ma chronique : Le voyage de Pépé... de la Noguera Ribagorçana à Mouchan
granvillais
granvillais
Beiträge: 147
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
Super
Merci
granvillais - Bertrand Mayeux
granvillais
granvillais
Beiträge: 147
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
hcoppee hat geschrieben: 01 August 2021, 11:35 Finalement, je vais rester avec mes fichiers à lire sur Google Drive, ce n'est peut-être pas l'hébergeur de fichiers le plus ergonomique, mais c'est un peu plus facile (et rapide) lors de la mise à jour des fichiers originaux, le téléchargement y est direct (généanet "renvoie" quand-même vers Google Drive : votre document "test" s'est retrouvé sur mon drive !), et surtout, il est possible de "zoomer" pour afficher les pages à la largeur de l'écran... ce qui n'est pas du luxe quand, l'âge et la maladie aidant, on n'a plus, comme moi, une assez bonne vue !
Bonjour,

Je suis du même avis. Je n'ai pas trouvé d'outil efficace pour transformer un tableur en HTML pour inclure dans Geneanet. Intégrer un tableau Google sheets dans une balise <object, donne un assez bon résultat.
Voici un exemple :
Chronologie granvillaise

Par contre, je n'ai pas réussi à mettre un cadre autour de mon tableau. Si je mets un cadre sur le <div il fait 100% donc plus large que le tableau qui fait 820px ; si je mets le <div à 820px, il s'aligne à gauche ; si je mets un cadre dans Google sheets, il n'apparait pas.
Et le haut de l'ascenseur qui mort sur l'entête ?

Avez-vous des conseils ?
cordialement
granvillais - Bertrand Mayeux
hcoppee
hcoppee
Beiträge: 58
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
granvillais hat geschrieben: 03 September 2021, 10:26 Par contre, je n'ai pas réussi à mettre un cadre autour de mon tableau. Si je mets un cadre sur le <div il fait 100% donc plus large que le tableau qui fait 820px ; si je mets le <div à 820px, il s'aligne à gauche ; si je mets un cadre dans Google sheets, il n'apparait pas.
Bonjour,
Si j'ai bien compris, vous insérez le tableau en tant qu'image sur une page "html" ! Le plus simple serait alors d'encadrer l'original avant de l'envoyer vers généanet. Et vous pourrez ensuite définir facilement les paramètres d'affichage (taille et position).

Quand on ajoute un tableau "html", la dimension des cellules, dépend de la taille des images et/ou du texte que vous y insérez.

Exemple : https://gw.geneanet.org/hcoppee_w?lang=fr&m=NOTES&pz=maxence+renaud+nicolas&nz=coppee#a_8
J'ai scindé mon texte plus réduire la largeur des cellules.
oscar32
oscar32
Beiträge: 1920
Eingabeform: Text
Navigation: Text
Den Stammbaum ansehen
granvillais hat geschrieben: 03 September 2021, 10:26 ... Je n'ai pas trouvé d'outil efficace pour transformer un tableur en HTML pour inclure dans Geneanet.
Bonjour

C'est pourtant faisable :D : Intégrer une feuille de tableur à sa chronique

Et vous obtenez ceci : https://gw.geneanet.org/oscar32?lang=fr&m=NOTES&f=tableur_4#haut

avec des liens cliquables !

Pour ajouter un cadre autour du tableau, il suffit d'affecter des valeurs à l'attribut "border" de la table.

Ou même cela si vous souhaitez un tableau déroulant :

https://gw.geneanet.org/oscar32?lang=fr&m=NOTES&f=tableur_7#haut

Cordialement
Guy, râleur bénévole qui ne dispose que de deux neurones... ... pas toujours connectés !
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Ma chronique : Le voyage de Pépé... de la Noguera Ribagorçana à Mouchan
Antworten

Zurück zu „Chronique familiale “