Utiliser les pages HTML et les iframes sur votre forum

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

Insérer une iframe sur une page HTML de votre forum

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

Créer une page HTML sur votre forum

Tout d'abord, il convient de créer une page HTML sur votre forum Forumactif. Dans cette finalité, vous pouvez consulter le tutoriel Gestion des pages HTML.

Structurer une page HTML

Pour créer une page HTML, vous pouvez utiliser la base suivante :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html id="min-width" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr"> <head> <title>Titre de la page HTML</title> <meta http-equiv="Content-type" content="text/html; 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> et </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.

Définition des 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>

Voici les 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.

Utiliser les iframes 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 HTML 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.

Pour aller plus loin...

Le HTML, comment ça fonctionne ?
Ce tutoriel a pour but de vous initier au HTML.
Le CSS, comment ça fonctionne ?
Ce tutoriel à pour but de vous initier au CSS.