Nous suivre :



Dossiers :
 
Articles :

Les derniers articles publiés sur Paris s’éveille directement sur votre site et mis à jour en temps réel.

Rien de plus simple !


Voir en ligne : www.parisseveille.info

Recopier le code suivant à l’endroit où vous voulez placer ce contenu, il sera automatiquement mis à jour sur votre site :

le code est entre les deux balises <div>

  Largeur 300 pixels - Hauteur 200 pixels :

Avec un bordure noire d’un pixel et un effet ombragé visible sur Firefox, Chrome et Safari.

<div style="border-color: #666666;border-width: 1px;border-style: solid;padding: 1px;margin: 3px;box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;width:300px;height:auto;">
<p align="center"><a href="http://www.parisseveille.info" title="www.parisseveille.info: l'actualité des luttes" target="_blank" style="font-weight: bold;border-bottom-color: black;border-bottom-width: 2px;border-bottom-style: solid;margin: 1px;padding: 2px;font-size: 16px;color: black;text-align:right;line-height: 28px;text-decoration: none">Parisseveille.info</a><br />
</p>
<iframe src ="http://www.parisseveille.info/spip.php?page=iframe-parisseveille" width="285px" height="200px" frameborder="0" scrolling="auto" name="www.parisseveille.info: l'actualité des luttes">
<p>Si votre navigateur ne supporte pas les iframes, consultez la page <a href="http://www.parisseveille.info/" target="_blank" title="www.parisseveille.info: l'actualité des luttes</a></p>
</iframe></div>

Ce qui donne

Parisseveille.info

  Largeur 500 pixels - Hauteur 200 pixels :

Avec un bordure noire d’un pixel et un effet ombragé visible sur Firefox, Chrome et Safari.

<div style="border-color: #666666;border-width: 1px;border-style: solid;padding: 1px;margin: 3px;box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;width:500px;height:auto;">
<p align="center"><a href="http://www.parisseveille.info" title="www.parisseveille.info: l'actualité des luttes" target="_blank" style="font-weight: bold;border-bottom-color: black;border-bottom-width: 2px;border-bottom-style: solid;margin: 1px;padding: 2px;font-size: 16px;color: black;text-align:right;line-height: 28px;text-decoration: none">Parisseveille.info</a><br />
</p>
<iframe src ="http://www.parisseveille.info/spip.php?page=iframe-parisseveille" width="480px" height="200px" frameborder="0" scrolling="auto" name="www.parisseveille.info: l'actualité des luttes">
<p>Si votre navigateur ne supporte pas les iframes, consultez la page <a href="http://www.parisseveille.info/" target="_blank" title="www.parisseveille.info: l'actualité des luttes</a></p>
</iframe></div>

Ce qui donne

Parisseveille.info

  Choisir la hauteur et la largeur du cadre

Vous pouvez bien sûr intégrer cet iframe dans un cadre (div) de la largeur et de la hauteur que vous voulez. Pour cela :

• Pour modifier le cadre selon vos propres styles :

Modifier la première partie du code :

<div style="border-color: #666666;border-width: 1px;border-style: solid;padding: 1px;margin: 3px;box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;width:500px;height:auto;">

- border-color correspond à la couleur de bordure du cadre (ici la couleur hexadécimale #666666) ;
- border-width à son épaisseur (ici 1 pixel) ;
- border-style à son style (ici un trait) ;
- ect...

• Pour modifier la largeur et la hauteur :

Attention, si vous incluez l’iframe dans une div (une cellule) à bien modifier à la fois la largeur de la cellule (div) et celle de l’iframe, en prévoyant un espace pour la barre de défilement (une dizaine de pixels : le contenant div doit donc être plus large d’au moins 10 pixels que l’iframe).

Pour ne pas laisser apparaître de barre de défilement, changer le code scrolling=« auto » en scrolling=« no »

<iframe src ="http://www.parisseveille.info/spip.php?page=iframe-parisseveille" width="480px" height="200px" frameborder="0" scrolling="auto" name="www.parisseveille.info: l'actualité des luttes">
<p>Si votre navigateur ne supporte pas les iframes, consultez la page <a href="http://www.parisseveille.info/" target="_blank" title="www.parisseveille.info: l'actualité des luttes</a></p>
</iframe>

Modifier dans le code :

- width, la largeur, dans notre exemple 480 pixels (480px) ;
- height, la hauteur, dans notre exemple 200 pixels (200px) ;

• Pour modifier la ligne de présentation

Avec ce code,

<p align="center"><a href="http://www.parisseveille.info" title="www.parisseveille.info: l'actualité des luttes" target="_blank" style="font-weight: bold;border-bottom-color: black;border-bottom-width: 2px;border-bottom-style: solid;margin: 1px;padding: 2px;font-size: 16px;color: black;text-align:right;line-height: 28px;text-decoration: none">Parisseveille.info</a><br />
</p>

elle ressemble à ceci :

Parisseveille.info

Vous pouvez remplacer la « style » utilisée par votre propre class css, par un titre h1, h2, h3, ... ou par un style, par exemple

<p align="center"><a href="http://www.parisseveille.info" title="www.parisseveille.info: l'actualité des luttes" target="_blank" style="font-weight: bold;border-style: solid;border-color: #333333;border-width: 2px;margin: 1px;padding: 2px;font-size: 16px;color: black;text-align:right;line-height: 28px;text-decoration: none">Parisseveille.info</a><br />
</p>

donnera ceci :

Parisseveille.info

Donc, par exemple, avec une largeur de 700 pixels, une hauteur de 350 pixels, et le style utilisé ci-dessus pour le tire de présentation et avec une bordure d’un pixel avec effet ombragé pour Firefox, Safari et Chrome :

Le code :

<div style="border-color: #666666;border-width: 1px;border-style: solid;padding: 1px;margin: 3px;box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;width:700px;height:auto;"><p align="center"><a href="http://www.parisseveille.info" title="www.parisseveille.info: l'actualité des luttes" target="_blank" style="font-weight: bold;border-style: solid;border-color: #333333;border-width: 2px;margin: 1px;padding: 2px;font-size: 16px;color: black;text-align:right;line-height: 28px;text-decoration: none">Parisseveille.info</a><br />
</p><iframe src ="http://www.parisseveille.info/spip.php?page=iframe-parisseveille" width="680px" height="320px" frameborder="0" scrolling="auto" name="www.parisseveille.info: l'actualité des luttes">
<p>Si votre navigateur ne supporte pas les iframes, consultez la page <a href="http://www.parisseveille.info/" target="_blank" title="www.parisseveille.info: l'actualité des luttes</a></p>
</iframe></div>

L’aperçu :

Parisseveille.info



Pour toute information supplémentaire ou pour obtenir un habillage spécifique pour votre site internet ou votre blog, contactez notre webmaster