Bannière

Bannière
Affichage des articles dont le libellé est Iframe. Afficher tous les articles
Affichage des articles dont le libellé est Iframe. Afficher tous les articles

Placer une partie d'un site web dans votre blog

Pour information, vous pourrez prendre les résultat de match de foot régulièrement mise à jour sur votre blog.

Exemple pour prendre le afficher uniquement le diaporama du site Amway.fr   

Voir le Diaporama 

le code html/css : 

<div id="outdiv">
<iframe id="iniframe" scrolling="no" src="http://www.amway.fr" width="1070px" height="680px"></iframe></div>
<style type="text/css">
#outdiv
{
height: 500px;
overflow: hidden;
position: relative;
width: 1160px;
}
#iniframe
{
 height: 680px;
left: -40px;
position: absolute;
top: -150px;
width: 1070px;
}
</style)</div>

Ensuite si on veut pas que l'on puisse cliquer sur l'Iframe, ou crée un lien sur tout l'Iframe
Il faut ajouter un cadre Css

Exemple HTML du cadre css avec le lien du site.

<head>
<style>
body{
padding:100px;
}
.div1{
position:absolute;
top:0px;
left:0px;
width:1030px;
height:475px;
background-color:#00000;
border:0px solid #000000;
}
</style>
</head>
<body>
<a href="http://www.amway.fr/start-a-business-new" target="_blank"><div class="div1">
</div></a>
</body>

Coller une page web dans un article bloggeur

Un code iframe est un petit code tout simple à insérer dans vos pages qui permet d'appeler une page dans une autre page à la taille voulue et à l'endroit désiré.

Par exemple : J'ai pris le lien du site : https://www.amway.fr/ . Pour afficher uniquement le logo de l'entreprise Amway



 Code Html :

<iframe frameborder="yes" height="120" name="iframe" scrolling="no" src="https://www.amway.fr/about-amway-new/" width="200"></iframe>

Height = hauteur en px
Width =  largeur en px = pixels
Src = Votre page
Scrolling = yes ; no = ascenseur de la page visité

Pour améliorer le code ou donner plus de fonction à votre code Iframe :  Voir d'autre article sur les Code Iframe