Utiliser les pages HTML et les iframes sur votre forum

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

  • 0

Astuce Utiliser les pages HTML et les iframes sur votre forum

Message par Chacha le Dim 10 Fév 2013 - 20:11

Utiliser les pages HTML et les iframes sur votre forum

Ce tutoriel vous permettra d’apprendre à utiliser les pages HTML de votre forum Forumactif ainsi que les iframes, un terme qui vous échappe peut-être et qui pourrait pourtant s’avérer bien utile. Ce tutoriel est à priori accessible à tous et sur toutes les versions de forum.

Les pages HTML de votre forum
Depuis quelques temps déjà, le panneau d’administration vous propose une fonction visant à stocker des pages HTML sur votre forum. Pour y accéder, il suffit de se rendre dans :
Panneau d’administration ► Modules ► HTML & JAVASCRIPT ► Gestion des pages HTML

L’interface est très simple à utiliser. Elle se présente de cette manière :

Pour créer une nouvelle page, cliquez sur le bouton "Créer une nouvelle page HTML". Là, un formulaire d’envoi apparaît, avec divers champs et options à remplir :
  1. Le titre de votre page HTML (qui définira également l’URL de la page),
  2. L’option vous permettant d’utiliser le haut et le bas de page de votre forum,
  3. L’option vous permettant d’utiliser cette page comme page d’accueil (à l’image du portail),
  4. Le code complet utilisé pour afficher votre page HTML


Une fois votre page terminée, cliquez sur le bouton "Valider" pour pouvoir utiliser votre page partout où vous le voudrez.

Lorsque celle-ci est créée, vous pourrez la retrouver dans la première interface, où vous pourrez désormais gérer vos pages comme bon vous semble (les supprimer, les modifier, les prévisualiser, récupérer l’URL de la page…) :


Rappel : Comment structurer une page HTML ?
La même base est utilisée pour chaque page HTML créée :
Code:
<!DOCTYPE html>
        <html lang="fr">
        <head>
          <title>Titre de la page HTML</title>
          <meta charset="utf-8" />
          <style>
              Styles CSS de la page
          </style>
        </head>

          <body>
              Corps de la page
          </body>
        </html>
Plusieurs balises peuvent être ajoutées par la suite entre les balises head (marquant l’en-tête de la page). Les plus couramment utilisées sont les suivantes :
- title : pour définir le titre de la page,
- meta : pour définir les diverses propriétés de la page*,
- style : pour insérer du CSS,
- script : pour insérer des scripts

* si votre forum a été créé avant le 17 septembre 2008 à 15:00, il faut mettre windows-1252 à la place de utf-8


Qu’est-ce que les iframes ?
Les iframes sont tout simplement un moyen d’insérer une page HTML au sein d’une autre page HTML, le tout, en n’utilisant qu’une seule ligne de code. L’iframe, ou inline frame est en fait une balise HTML qui peut être personnalisée selon l’envie du développeur.

Voici une iframe typique :
Code:
<iframe src="http://forumactif.com/" height="800" width="500" frameborder="0" scrolling="no"></iframe>
Explications :
- src : définit la source du document ; c’est ici que l’on insère l’URL de la page que l’on désire afficher,
- height : définit la hauteur de l’iframe,
- width : définit la largeur de l’iframe,
- frameborder : définit l’épaisseur des bordures de l’iframe,
- scrolling : permet d’insérer ou non les barres de défilement

Comment les utiliser sur Forumactif ?
Avec la gestion des pages HTML disponible dans les modules du panneau d’administration, vous pourrez insérer des documents sur votre forum (dans les sujets, sur la page d’accueil, dans d’autres pages HTML, etc.) avec les iframes. Pour ce faire, c’est très simple :
- Créez votre page comme indiqué ci-dessus,
- Récupérez l’URL de cette même page,
- Insérez-la dans une iframe en utilisant les explications données plus haut.



Tutoriels complémentaires
- Important : Le HTML, comment ça marche ?
- Les principaux identifiants CSS (phpBB2 & phpBB3)
- Le CSS, comment ça marche ?


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49774
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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


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