Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
Astuces Blog
23 septembre 2007

COMMENT METTRE UN EFFET SUR L'OUVERTURE DE MON IMAGE DANS UNE AUTRE FENETRE ?

Esod m'a appris un nouveau petit code pour vos images :

Copiez le code en noir et placez le dans votre modèle (menu apparence, éditer les fichiers de ce modèle) entre les balises <head> et <title><$BlogPageTitle$></title> sur la page d'accueil.


<head>

<script type="text/javascript" src="https://storage.canalblog.com/51/23/96840/13618117.js"></script>

<script type="text/javascript" src="https://storage.canalblog.com/69/87/96840/13618141.js?load=https://storage.canalblog.com/72/20/96840/13618095.js"></script>

<script type="text/javascript" src="https://storage.canalblog.com/72/20/96840/13618095.js"></script>

<script type="text/javascript" src="https://storage.canalblog.com/22/68/96840/13618109.js"></script>

<link rel="stylesheet" href="https://storage.canalblog.com/17/02/96840/13618076.css" type="text/css" media="screen" />

<title><$BlogPageTitle$></title>

Répétez l'action sur les autres pages : page des archives, page le l'index des archives, page d'un message, page du profil d'un auteur.

Allez ensuite dans Nouveau message, et saisissez votre message et insérez votre image.

Image de Chat

Code de l'image ci-dessus :
<a href="
https://storage.canalblog.com/73/69/74853/17319397.jpg" target="_blank"><img height="150" alt="Image de Chat" src="https://storage.canalblog.com/73/69/74853/17319397_p.jpg" width="123" border="0" /></a>

Vous remarquerez que l'image s'ouvre comme avant, c'est à dire dans une autre fenêtre (si vous avez laissez le code target="_blank")

Et là, c'est à vous de jouer !


Cliquez sur la photo !

Code de l'image ci-dessus :
<a href="
https://storage.canalblog.com/73/69/74853/17319397.jpg" title="Alors, alors ça vous plait ???" rel="lightbox" target="_blank"><img height="150" alt="Cliquez sur la photo !" src="https://storage.canalblog.com/73/69/74853/17319397_p.jpg" width="123" border="0" /></a>

Vous remarquerez que le code est différent : on a rajouté title="Alors, alors ça vous plait ???" rel="lightbox"

Vous pouvez renommer vos photos :

title="Alors, alors ça vous plait ???"
Mettez ici le titre de la photo (il sera sous la photo lorsque vous cliquez dessus).

alt="Cliquez sur la photo !" Mettez ici le titre du petit menu jaune qui s'affiche lorsque vous passez votre photo sur la photo (sans cliquer).

Publicité
Commentaires
F
par contre ca ne marche pas à tous les coups même si je fais f5... pareil pour ceuw qui viennent sur mon blog. Je ne sais pas pourquoi....
F
bravo, c'est vraiment génial comme effet !!!
C
Euh je ne trouves pas "éditer les fichier de ce modèles" dans le menu apparence... :S
Publicité