Astuces Blog

Un petit blog sans prétentions pour vous aider à créer le votre. Trucs et astuces, questions, aides et entraides…

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="http://p5.storage.canalblog.com/51/23/96840/13618117.js"></script>

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

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

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

<link rel="stylesheet" href="http://p1.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="
http://p7.storage.canalblog.com/73/69/74853/17319397.jpg" target="_blank"><img height="150" alt="Image de Chat" src="http://p7.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="
http://p7.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="http://p7.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).

Posté par Naneu à 13:21 o Graphisme Commentaires [3] - Permalien [#]

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * -

Commentaires

    bravo

    bravo, c'est vraiment génial comme effet !!!

    Posté par fred, 07 novembre 2007 à 15:50
  • 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....

    Posté par fred, 07 novembre 2007 à 21:24
  • Euh je ne trouves pas "éditer les fichier de ce modèles" dans le menu apparence... :S

    Posté par Clemmmh, 28 septembre 2007 à 18:13

Poster un commentaire