Comment créer une page HTML avec deux tableaux?

par AdminDesOmasa Mar 7 Avr 2015 - 19:21

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://omasa-aurakingdom.guildealliance.com/

Description du problème

Bonjour a tous,

Pour commencer, je remercie tout ceux qui pourront m'aider a comprendre comment créer une page spécial pour mon forum qui contiendra 2 tableaux et que seul quelques membres spécifiques pourront les modifier sans avoir à éditer quoi que ce soit.

Comment créer la page spécial pour mon forum et la personnaliser de 2 tableaux modifiable sans édition?

Je vous est joins un croquis (screen) pour vous expliqué ce que je veux sur la page.

Puis, comment faire en sorte que seul quelques membres de mon choix puis modifier les tableau sans avoir a édité un message.

J’espère que vous comprenez ma demande. Je suis prêt à prendre contacte via skype si besoin de plus d'explication.

par Neptunia Mar 7 Avr 2015 - 19:46

Bonjour, et bienvenue sur le Forum des Forums Forumactif

Je vous invite à lire ce sujet :
résolu

puis je mettre un tableau fait avec microsoft works

Les permissions se feront au niveau de Google Drive et non du forum.

par AdminDesOmasa Mar 7 Avr 2015 - 23:11

avant de créer le tableau, il faut déjà que je m'occupe de l'apparence de la page.

J'aimerai prendre exemple sur l’apparence de mon forum:

-mettre en place l'image de fond étiré et fixe (comme sur les pages de mon forum)
-mettre le logo du forum en haut et centré

Comment le css doit-il se préparer?

par AdminDesOmasa Mar 7 Avr 2015 - 23:13

j'ai oublié de vous poster les liens des images:

- image de fond : https://2img.net/s/t/17/13/81/i_background.png
- logo du forum : https://i.servimg.com/u/f38/19/17/19/97/logo_f12.jpg

par AdminDesOmasa Mar 7 Avr 2015 - 23:26

voici ce que j'ai réussi a faire par moi même pour géré l'apparence de la page html a l'image du forum

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" id="min-width" lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Page spéciale Saint-Valentin</title> <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <style type="text/css"> body { background: url(http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg); } </style> </head> <body> <p> </p> </body> </html> <body bgcolor="#000000"><div style="text-align: center;"><img src="http://i38.servimg.com/u/f38/19/17/19/97/logo_f12.jpg"><br></div> <p align="center"><object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer2.swf?mp3=http://sd-2.archive-host.com/membres/playlist/19333956163890293/Dofus_-_Astrub_theme_remix_long_versionmp3_Objet_audio_mpeg.mp3&autostart=1&autoreplay=1&showtime=1" width="200" height="20"><param name="movie" value="http://www.archive-host.com/dewplayer2.swf?mp3=http://sd-2.archive-host.com/membres/playlist/19333956163890293/Dofus_-_Astrub_theme_remix_long_versionmp3_Objet_audio_mpeg.mp3&autostart=1&autoreplay=1&showtime=1"></object></p></body>

par AdminDesOmasa Mar 7 Avr 2015 - 23:35

J'ai trouver a l'instant comment ajouter un lien sur le logo. Je cherche a mettre le même curseur personnalisé.

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" id="min-width" lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Page spéciale Saint-Valentin</title> <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <style type="text/css"> body { background: url(http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg); } </style> </head> <body> <p> </p> </body> </html> <body bgcolor="#000000"><div style="text-align: center;"><a href="http://omasa-aurakingdom.guildealliance.com/"><img src="http://i38.servimg.com/u/f38/19/17/19/97/logo_f12.jpg"><br></div> <p align="center"><object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer2.swf?mp3=http://sd-2.archive-host.com/membres/playlist/19333956163890293/Dofus_-_Astrub_theme_remix_long_versionmp3_Objet_audio_mpeg.mp3&autostart=1&autoreplay=1&showtime=1" width="200" height="20"><param name="movie" value="http://www.archive-host.com/dewplayer2.swf?mp3=http://sd-2.archive-host.com/membres/playlist/19333956163890293/Dofus_-_Astrub_theme_remix_long_versionmp3_Objet_audio_mpeg.mp3&autostart=1&autoreplay=1&showtime=1"></object></p></body> <body cursor:url('http://www.quozpowa.com/QuozUpload/16614845541428398969Sans_titre.cur'), auto;> <a cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto;> <img cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto;>

Je rencontre un problème, j'ai pas la souris qui apparait

par Neptunia Mer 8 Avr 2015 - 0:53

Votre code comporte 3 fois body.
Hors cette balise ne devrait apparaître qu'une seule fois.

Pour les définitions de curseur, vous pouvez les mettre à l'intérieur de la balise style dans le header de la page.

Code:: <style type="text/css"> body { background: url(http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg); } </style>

P.S. Attention aux doubles post.
Si vous oubliez un élément vous pouvez éditer votre dernier message en cliquant sur le bouton :editer:

par AdminDesOmasa Mer 8 Avr 2015 - 7:40

j'ai du faire une bêtise, j'ai plus que le lecteur de musique qui apparaît

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" id="min-width" lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Page spéciale Saint-Valentin</title> <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <style type="text/css"> <body> background: url(http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg); cursor:url('http://www.quozpowa.com/QuozUpload/16614845541428398969Sans_titre.cur'), auto;> <a cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto;> <img cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto;> <bgcolor="#000000"><div style="text-align: center;"><a href="http://omasa-aurakingdom.guildealliance.com/"><img src="http://i38.servimg.com/u/f38/19/17/19/97/logo_f12.jpg"><br></div> </body> </style> </head> <p align="center"><object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer2.swf?mp3=http://sd-2.archive-host.com/membres/playlist/19333956163890293/Dofus_-_Astrub_theme_remix_long_versionmp3_Objet_audio_mpeg.mp3&autostart=1&autoreplay=1&showtime=1" width="200" height="20"><param name="movie" value="http://www.archive-host.com/dewplayer2.swf?mp3=http://sd-2.archive-host.com/membres/playlist/19333956163890293/Dofus_-_Astrub_theme_remix_long_versionmp3_Objet_audio_mpeg.mp3&autostart=1&autoreplay=1&showtime=1"></object></p>

par Neptunia Mer 8 Avr 2015 - 7:46

Bah oui c'est normal, vous avez transféré l'entièreté de votre body dans l'entête de page (à l'intérieur de la balise style de surcroît.

Il ne fallait y transférer que le css (curseurs, background et couleur de fond bgcolor)

par AdminDesOmasa Mer 8 Avr 2015 - 7:50

Voici ce que je viens de faire a 9h22

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" id="min-width" lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Page spéciale Saint-Valentin</title> <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <style type="text/css"> <body background: url(http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg); bgcolor="#000000"> <cursor:url('http://www.quozpowa.com/QuozUpload/16614845541428398969Sans_titre.cur'), auto;> <a cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto;> <img cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto;> <div style="text-align: center;"><img src="http://i38.servimg.com/u/f38/19/17/19/97/logo_f12.jpg"><br></div> </style> </html> </head> <p align="center"><object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer2.swf?mp3=http://sd-2.archive-host.com/membres/playlist/19333956163890293/Dofus_-_Astrub_theme_remix_long_versionmp3_Objet_audio_mpeg.mp3&autostart=1&autoreplay=1&showtime=1" width="0" height="0"><param name="movie" value="http://www.archive-host.com/dewplayer2.swf?mp3=http://sd-2.archive-host.com/membres/playlist/19333956163890293/Dofus_-_Astrub_theme_remix_long_versionmp3_Objet_audio_mpeg.mp3&autostart=1&autoreplay=1&showtime=1"></object></p></body>

J'ai une page blanche...je n'entend que la musique
J'essai de corriger sans succès pour tenter de réaliser ceci:

Voir l'image

C'est un bouquin pour les nul qu'il me faudrait XD

On peux me montrer svp?

par no_way Mer 8 Avr 2015 - 14:14

Bonjour essayez en remplaçant votre code par celui-ci:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" id="min-width" lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Page spéciale Saint-Valentin</title> <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <style type="text/css"> html{height:100%;} body{ height:100%; background: url('http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg') #000; cursor:url('http://www.quozpowa.com/QuozUpload/16614845541428398969Sans_titre.cur'), auto; } </style> </head> <body> <div style="text-align: center;"><a href="/" title="Retour à l'accueil"><img src="http://i38.servimg.com/u/f38/19/17/19/97/logo_f12.jpg" alt="logo"/></a><br /></div> <p align="center"> <object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer2.swf" width="0" height="0"> <param name="movie" value="http://www.archive-host.com/dewplayer2.swf"/> <param name="flashvars" value="mp3=http://sd-2.archive-host.com/membres/playlist/19333956163890293/Dofus_-_Astrub_theme_remix_long_versionmp3_Objet_audio_mpeg.mp3&autostart=1&autoreplay=1&showtime=1"/> </object> </p> </body> </html>

par AdminDesOmasa Jeu 9 Avr 2015 - 7:24

J'ai rajouté ce qu'il manquait et modifier la musique... Mais un dernier détail dans l'apparence est a rajouter: L'image de fond bouge (https://i.servimg.com/u/f19/19/17/19/97/i_back10.jpg) et il ne faut pas que ça bouge, il faut quelle soit fixe lorsqu'on va descendre plus bas dans la page. Une fois fait, je pourrais passer a l'étape 2 de ma page, l'installation du tableau ^^

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" id="min-width" lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Inscription TC</title> <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <style type="text/css"> html{height:100%;} body{ height:100%; background: url('http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg') #000; cursor:url('http://www.quozpowa.com/QuozUpload/16614845541428398969Sans_titre.cur'), auto; } a{ cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto; } img{ cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto; } </style> </head> <body> <div style="text-align: center;"><a href="/" title="Retour à l'accueil"><img src="http://i38.servimg.com/u/f38/19/17/19/97/logo_f12.jpg" alt="logo"/></a><br /></div> <p align="center"> <object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer-vol.swf?mp3=http://www.aht.li/2632446/Fond_de_musique_html.mp3&autoplay=true&autoreplay=true&showtime=1&volume=50" width="0" height="0"> <param name="movie" value="http://www.archive-host.com/dewplayer-vol.swf?mp3=http://www.aht.li/2632446/Fond_de_musique_html.mp3&autoplay=true&autoreplay=true&showtime=1&volume=50" /> </object> </p> </body> </html>

par no_way Jeu 9 Avr 2015 - 7:26

Remplacez la déclaration CSS suivante:

Code:: background: url('http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg') #000;

par:

Code:: background: url('http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg') #000 fixed;

par AdminDesOmasa Jeu 9 Avr 2015 - 7:35

ça a fonctionné sans souci, il est temps de passé a l'étape 2, l'installation des deux tableau comme sur le scren de mon premier message

Comment créer une page HTML avec deux tableaux? Croqui10

Comment créer une page HTML avec deux tableaux? Croqui10

Le but de ces tableaux vont servir principalement a l'inscription des joueurs d'un certain jeu pour la TC de samedi et de dimanche. Seul un groupe du forum doivent pouvoir les modifier sans éditer la page html

Quelle code je dois utilisé pour créer les tableaux?

par no_way Jeu 9 Avr 2015 - 7:45

Je vous laisse voir avec la proposition de Neptune, je n'ai jamais touché à google docs.
Je voulais juste corriger vite fait votre code, @ bientôt.

par AdminDesOmasa Jeu 9 Avr 2015 - 8:41

J'ai certain membre qui mon donné un accès a un tableau réalisé sur google doc, il faudrait que je le place sur la page en dessous du logo, mais comment?

Voici le tableau en question a faire apparaître élégamment sur la page html

CLIQUEZ ICI

En attente de la réponse de Neptune ...

par Neptunia Jeu 9 Avr 2015 - 9:50

Bonjour ^^

Depuis le document suivez le cheminement suivant
Right

Menu Fichier > Publier sur le web > Intégrer > Publier > Confirmer la publication
Une fenetre apparaît avec le code de l'iframe à ajouter sur la page HTML.

Pour ce qui est des membres ayant le droit d'éditer le contenu du tableau.
Vous (si vous avez les droits nécessaires) ou le propriétaire du document devra partager le tableau
Right

Bouton bleu Partager (en haut à droite) > Ajouter une adresse courriel (celle de la personne devant modifier le tableau) > Assurez-vous que la boîte de sélection soit sur Modification (non sur Lecture ou Commentaires) > Cliquer sur OK

par AdminDesOmasa Jeu 9 Avr 2015 - 18:23

Depuis le document suivez le cheminement suivant
Right Menu Fichier > Publier sur le web > Intégrer > Publier > Confirmer la publication
Une fenêtre apparaît avec le code de l'iframe à ajouter sur la page HTML.

Je viens de placer le code à ma page... (ma question sur le screen)

CLIQUEZ ICI

Voici le code

Code:: <iframe src="https://docs.google.com/spreadsheets/d/1tMAeqKOA7mOijYefgqHk1R-9yLbxZOjRsn2a6M54cbg/pubhtml?gid=1801663040&single=true&widget=true&headers=false"></iframe>

par AdminDesOmasa Ven 10 Avr 2015 - 14:39

par AdminDesOmasa Ven 10 Avr 2015 - 18:07

Finalement, le code d'une vidéo m'a inspiré pour corriger le code

Code:: width="880" height="600"

Ma page est presque terminé, il manque cependant un dernier élément.

CLIQUEZ ICI

Voici le code que j'ai actuellement:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" id="min-width" lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Inscription TC</title> <meta http-equiv="content-type" content="text/html; charset=windows-1252" /> <style type="text/css"> html{height:100%;} body{ height:100%; background: url('http://i19.servimg.com/u/f19/19/17/19/97/i_back10.jpg') #000 fixed; cursor:url('http://www.quozpowa.com/QuozUpload/16614845541428398969Sans_titre.cur'), auto; } a{ cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto; } img{ cursor:url('http://fr.quozpowa.com/QuozUpload/2844676891428400943Sans_titre2.cur'), auto; } </style> </head> <body> <div style="text-align: center;"><a href="/" title="Retour à l'accueil"><img src="http://i38.servimg.com/u/f38/19/17/19/97/logo_f12.jpg" alt="logo"/></a><br /></div> <p align="center"> <object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer-vol.swf?mp3=http://www.aht.li/2632446/Fond_de_musique_html.mp3&autoplay=true&autoreplay=true&showtime=1&volume=50" width="0" height="0"> <param name="movie" value="http://www.archive-host.com/dewplayer-vol.swf?mp3=http://www.aht.li/2632446/Fond_de_musique_html.mp3&autoplay=true&autoreplay=true&showtime=1&volume=50" /> </object> </p> </body> </html> <center><iframe width="1110" height="710" src="https://docs.google.com/spreadsheets/d/1tMAeqKOA7mOijYefgqHk1R-9yLbxZOjRsn2a6M54cbg/pubhtml?gid=1801663040&single=true&widget=true&headers=false"></iframe></center>

Je met résolu meme si j'ai pas le derniere élément manquant

Comment créer une page HTML avec deux tableaux?