Le Deal du moment : -36%
Nike Air Max 270 React – Chaussure pour Homme
Voir le deal
102 €

Aller en bas
Mäven
Mäven
Râleuse (Admin)
Informations : Absente / peu présente le soir à partir de 18h30
----
Idea Viens papoter avec nous sur le discord

Messages : 4319
https://tambouille-raleuses.forumactif.com/

Les iframes Empty Les iframes

le Jeu 4 Juil 2019 - 14:59

Les iframes


Bonjour !

Même si on essaye de les utiliser de moins en moins, les iframes sont toujours très présentes sur de nombreux site. Mais qu'est-ce que c'est et comment s'en servir ?

Une iframe, qu'est ce que c'est ??

Les iframes permettent tout simplement d'intégrer une page HTML externe dans une autre page HTML. Lorsque la page HTML mise en iframe est mise à jour, elle est mise à jour également sur l'iframe : c'est automatique

Idea Typiquement, sur Forumactif c'est très utilisé quand on se sert des pages HTML pour les inclure sur le forum.

Comment ça se code ?

Voilà à quoi ressemble le code d'une iframe minimaliste :
Code:
<iframe src="LIEN DE LA PAGE HTML" width="Xpx" height="Ypx"> </iframe>
en remplaçant X, Y et le lien de la page HTML bien entendu Wink

Un petit exemple :

Code:
<iframe src="https://tambouille-raleuses.forumactif.com/h18-nps-signature-raleuses" width="100%" height="100%"> </iframe>

Cependant, il y a pas mal de petits attributs à prendre en compte, même si certains sont obsolètes ils sont encore utilisés :
• align="center" :: permet de définir l'alignement par rapport au contenu de la page parent (left, right, center)
• marginheight="0" l'espace entre le haut/bas et le contenu de l'iframe
• marginwidth="0"  l'espace entre les cotés et le contenu de l'iframe
• frameborder="0" est-ce qu'il y a une bordure ou non ?
• scrolling="no" est-ce qu'on autorise les scrolls ou non si la taille ne convient pas.


Code:
<iframe src="https://tambouille-raleuses.forumactif.com/h18-nps-signature-raleuses" width="100%" height="100%" align="center" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"> </iframe>

Note très importante

Dans la page HTML qui sera dans l'iframe, il faut absolument ajouter ceci dans la partie "head", afin que les liens ne s'ouvrent pas dans l'iframe mais dans une nouvelle fenêtre.
Code:
<!-- Pour éviter que les liens ne s'ouvrent dans l'iframe mais bien dans la page actuelle -->
    <base target="_parent" />

Conseils pour l'utilisation sur son forum

On voit beaucoup d'iframe pour des en-tête ou pour des pubs.
Pour les entête, nous vous conseillons d'utiliser cette parade aux iframes quant aux publicités de vos forums, nous vous le déconseillons fortement, pour plusieurs raisons.
Tout d'abord, une iframe avec une URL en non HTTPS ne passera pas sur un forum en HTTPS. Ensuite, on ne verra pas l'évolution de votre forum pour que la pub se mettra à jour à chaque fois toute seule Sad



Et voilà ! Tu en sais un peu plus sur les iframes ! Si tu as des questions, n'hésite surtout pas =)

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



Post-It des Râleuses