Compteur de visites gratuit
Annonces
CAForum est, depuis peu, un forum d'aide pour phpBB. Voici le lien du forum : https://caforum.fr/forum
CAForum infos
Derniers sujets
» » Mise à jour, Problèmes - Les dernières informations de Forumactif
[Tuto] Créer une page HTML Clock-10Hier à 15:49 par Splash

» » Réduire la hauteur des catégories
[Tuto] Créer une page HTML Clock-10Hier à 15:43 par Naf185

» » [Edge] nouveau système de J'aime et Je n'aime pas
[Tuto] Créer une page HTML Clock-10Jeu 25 Juin 2020 - 13:22 par Splash

» » [Edge] Icônes Font Awesome avant les titres de forums
[Tuto] Créer une page HTML Clock-10Lun 15 Juin 2020 - 17:05 par Volubal

» » Liens haut & bas de page façon AwesomeBB
[Tuto] Créer une page HTML Clock-10Lun 25 Mai 2020 - 18:03 par herogfx2

» » Modifier l'apparence du qeel
[Tuto] Créer une page HTML Clock-10Ven 8 Mai 2020 - 14:22 par chipster

» » Masquer le bloc "Modérateurs"
[Tuto] Créer une page HTML Clock-10Mer 6 Mai 2020 - 21:15 par Pisso

» » Ajouter son copyright
[Tuto] Créer une page HTML Clock-10Mer 6 Mai 2020 - 20:58 par Pisso

» » Mettre une image au qeel
[Tuto] Créer une page HTML Clock-10Mer 6 Mai 2020 - 19:49 par Pisso

» » Coloriser les cases des Annonces, Annonces globales & des Notes
[Tuto] Créer une page HTML Clock-10Mer 6 Mai 2020 - 19:48 par Pisso

» » Bouton MP "Répondre" adapté à la version ModernBB
[Tuto] Créer une page HTML Clock-10Jeu 30 Avr 2020 - 9:17 par Splash

» » [phpBB3] Catégories de différentes couleurs
[Tuto] Créer une page HTML Clock-10Sam 25 Avr 2020 - 20:41 par chrisnvidia

» » COVID19 sur le forum
[Tuto] Créer une page HTML Clock-10Ven 24 Avr 2020 - 17:32 par Splash

» » Insérer des boutons "Haut" & "Bas" de forum
[Tuto] Créer une page HTML Clock-10Mar 17 Mar 2020 - 18:47 par stmphotoGG

» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
[Tuto] Créer une page HTML Clock-10Mar 17 Mar 2020 - 18:41 par stmphotoGG

Juillet 2020
LunMarMerJeuVenSamDim
  12345
6789101112
13141516171819
20212223242526
2728293031  

Calendrier Calendrier

[Tuto] Créer une page HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash le Mer 11 Sep 2019 - 22:18

  • MP
  • Zoom
Créer une page html


Dans le panneau d'administration de votre forum vous avez la possibilité de créer des pages HTML.
Pour cela rendez-vous ici :

Panneau d’administration ► Modules ► HTML & JAVASCRIPT ► Gestion des pages HTML


Voir :
[Tuto] Créer une page HTML Tuto_t26
Post-it

En haut de page apparaît ceci Trier afin de sélectionner votre ordre dans vos divers pages HTML (utile si vous en avez beaucoup)

Sélectionner la méthode de tri : pour un tri par titre ou par date de modification
Ordre : ordre croissant ou décroissant

Quand votre choix est fait, cliquez sur [Tuto] Créer une page HTML Tuto_t27


La partie qui nous intéresse se trouve ici

[Tuto] Créer une page HTML Tuto_t28

Vous avez la possibilité, comme à l'éditeur de texte, de créer votre page en mode WYSIWYG ou en mode HTML

Cliquez sur  [Tuto] Créer une page HTML Tuto_t29

Voir:
[Tuto] Créer une page HTML Tuto_t30
Post-it

Titre : le titre de la page HTML
Voulez-vous utiliser le haut et le bas de page de votre forum ? utile pour des pages HTML en page d'accueil puisqu'il permet de récupérer le haut et bas de page comme base. La feuille de style (CSS) sera utilisée pour la mise en page
Utiliser cette page en tant que page d'accueil ? faire votre choix

Contenu de la page c'est dans ce cadre que vous allez pouvoir créer votre page HTML, ou copier un code

Ensuite il faut cliquer sur  Valider 2   pour enregistrer la page


À titre d'exemple pour la création d'une page
Voir :

L'organisation de la page se fait comme ceci :
Code:
   <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>/*==> Le titre de la page HTML <==*/</title>
            <style type="text/css">/*==> Le code CSS <==*/</style>
        </head>

        <body>
            /*==> Le code HTML de la page <==*/
        </body>
    </html>

Pour afficher la page HTML quelque part, il faut mettre ce code à l'endroit voulu :
Code:
<iframe src="lien de la page html" border="0" frameborder="0" height="hauteur" width="largeur" allowtransparency="yes"></iframe>

La largeur et la hauteur peuvent se mettre en pixels (px), ou en pourcentage (%)

Les pixels, c'est un chiffre suivi de px pour la hauteur de page (par exemple 350px)
Le pourcentage, c'est un chiffre suivi de % pour la largeur de page (100% et le contenu de la page s'adapte automatiquement à la largeur du forum)





CAForum - Tuto réalisé par Splash



† Aucune aide ne sera donnée en privé
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 le Mar 17 Sep 2019 - 20:50

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

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