Je vous offre les fruits de mon travail en toute amitié, et vous invite à partager mes astuces, créations, poèmes et bien plus encore… J'espère que vous apprécierez !

*AIDE*ASTUCES*IMAGES*DIAPOSITIFS*EFFETS DIVERS*

Comment héberger ses images sur un site ?


Héberger ses images sur un site

Ici sous allons choisir le site d’hébergement de ZIMAGEZ, mais le principe est pareil sur tout site d’hébergement.

logo_beta

1.Inscrivez-vous sur ce site et faites comme sur mes images ci-dessous.

CLIQUEZ SUR MES IMAGES POUR LES VOIR EN GRAND

001

002

003

004

005

006

007

008

009

retour_menu


- Petite astuce pour qu’on ne pique pas vos photos…

 
 

 
CETTE ASTUCE NE FONCTIONNE PLUS, J’EN RECHERCHE UNE AUTRE, DESOLE !
 
Exemple :
 

pique pas ma photo

Sur cette photo vous ne voyez rien de bizarre et pourtant copiez-la pour voir ?

Tout ce que vous aurez c’est une image transparente avec comme nom "Vole pas ma photo !.gif mais pas la vraie photo !

Explication :

1. Créez une  image transparente (gif) de la même taille que la photo que vous allez mettre sur votre blog, ensuite allez l’enregistrer sur un hébergeur, ainsi que votre image (gif ou jpg, peu importe) que vous allez publier sur votre blog.

2. Copiez le code ci-dessous et allez le coller sur votre nouveau billet en HTML.

3. Remplacez mes écrits en rouge par vos liens d’images et leurs tailles.

4. Puis publiez votre billet et allez voir ce que celà donne !

5. ce qui fait que l’image transparente est sur la photo donc vous ne pouvez pas la prendre…

 

Voici le code à mettre en HTML sur votre nouveau billet :

<DIV style="WIDTH: 360px"><IMG height=Ici hauteur de votre image ex:309 src="ici lien de votre photo ou image" width=Ici largeur de votre image ex:370 align=right border=0>
<DIV style="WIDTH: 360px"><IMG height=309 src="
ici adresse de votre image transparente en gif"
width=370 align=right border=0 alt="
Ici écrire ce qui doit apparaître ex : Pique pas ma photo !">
<DIV style="WIDTH: 200px; HEIGHT: 200px"></DIV></DIV></DIV>

 

 

 

- Mettre un texte sur une image ou photo

 

 

Votre texte débute ici

 
 
Voici le code :
 
<DIV align=left>
<DIV id=msn style="WIDTH: 738px"><IMG height=554 src="LIEN DE VOTRE IMAGE ICI" width=738 align=right>
<DIV style="FLOAT: left; WIDTH: 738px">
<P><FONT face="Lucida Handwriting" size=5>Votre texte ici</FONT></P></DIV></DIV></DIV>
 
 
Astuces dans l'univers de Joëlla
 
 

- Créer un diapo avec Photorécit 3 pour Windows XP de Microsoft

barre010

Créer un diapo avec Photorécit 3 pour Windows XP de Microsoft :

barre010

1.
Allez d’abord télécharger le logiciel gratuit par là  82a___16_

et installez-le sur votre PC.

2.
Ouvrez Photo récit, cochez "commencer un nouveau récit" et cliquez sur

suivant.

002

3.
Cliquez sur "Importer des images"

003

4.
Pour en sélectionner plusieurs d’un coup cliquez en même temps sur

"Ctrl" de votre clavier et sélectionnez vos images avec votre souris sans lâcher.
Vous verrez vos images endessous.

004

5.
Vous pouvez modifier leur placement de gauche à droite avec les flèches

en bas à droite, mais aussi vous pouvez modifier le style, les couleurs,

… en cliquant sur les mini logos se trouvant sous la grande fenêtre

contenant l’image sélectionnée.

005

6.
Quand vous avez terminé vos réglages (qui ne sont pas obligatoires!),

cliquez sur suivant.
Une fenêtre d’avertissement s’ouvre alors pour vous demander s’il faut

ou non supprimer les bordures noires, à vous de choisir là !

006

006

7.
Dans la fenêtre suivante vous avez la possibilité d’écrire un texte sur

vos images ou sur une seule.
Si vous ne voulez rien écrire continuez tout simplement en cliquant sur

"suivant"

007

007

8.
Dans la fenêtre suivante vous pouvez commenter vos images, pour cela

cliquez sur le point rouge pour commencer et sur le carré pour arrêter.
Ensuite vous pouvez cliquer sur "aperçu" pour voir votre résultat.
Vous n’êtes pas obligé d’enregistrer quelque chose !
Cliquez sur "suivant" pour continuer.

008

9.
Ici vous pouvez sélectionner une chanson se trouvant sur votre PC, ou en
créer une.
Voyez l’aperçu et cliquez sur "suivant" pour continuer.

009

009_

009

10.
Maintenant nous allons enregistrer notre diapo.
- Sélectionnez le 1er
- Cliquez sur parcourir pour choisir où vous voulez enregistrer vos
diapo afin de les retrouver facilement.
Ensuite cliquez sur "suivant" et vous verrez une fenêtre de
téléchargement de votre diapo.

010

010

11.
Ensuite cliquez sur "quitter" si vous avez terminé, ou sur les autres
options selon ce que vous voulez faire.

011

Vous aurez une autre fenêtre qui s’ouvre, là je vous conseille de cliquer "oui" afin de pouvoir apporter des modifications ultérieures si désiré !
CONSEIL :
Enregistrez-le dans le même dossier que l’autre afin de vous y retrouver
!

011__

Et voilà, Photo récit se ferme tout seul une fois terminé !

barre010

Voilà mon résultat

Bonne créations !

barre010


- Lier un commentaire à une image lorsqu’on pointe dessus

 

Lier un commentaire à une image lorsqu’on pointe dessus

SOURIEZ...VOUS ETES FILME...LOL !!!

Le code HTML à mettre dans votre billet : 

<P><IMG height=60 alt="ton texte ici" src="Lien de ton image" width=60></P>


- Mettre 4 images côte à côte dans cadres

 

 

  chien__10_

Code à mettre en HTML pour ce cadre :

<TABLE height=300 cellSpacing=10 cellPadding=10 width=300 align=center border=3>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG height=100 src="
LIEN DE VOTRE IMAGE" width=100 border=0></DIV></TD>
<TD>
<DIV align=center><IMG height=100 src="
LIEN DE VOTRE IMAGE" width=100 border=0></DIV></TD></TR>
<TR>
<TD>
<DIV align=center><IMG height=100 src="
LIEN DE VOTRE IMAGE" width=100 border=0></DIV></TD>
<TD>&nbsp;
<DIV align=center><IMG height=100 src="
LIEN DE VOTRE IMAGE" width=100 border=0></DIV></TD></TR></TBODY></TABLE>


- Image opaque avec texte

 

Le code à mettre en html :

<P align=center><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=2); WIDTH: 445px; HEIGHT: 413px" height=800 src="LIEN DE VOTRE IMAGE ICI" width=845 align=right></P>
<DIV style="FLOAT: left; WIDTH: 738px">
<P><FONT face="Lucida Handwriting" size=5>
VOTRE TEXTE ICI </FONT></P></DIV>

 

VOTRE TEXTE ICI


- Inverser son image ou photo

 

 

AVANT

chien__10_

APRES

Voici le code à mettre en HTML, il vous suffit de mettre le lien de votre image à la place de l’écrit en vert !

<img src="adresse de votre photo" style="filter:fliph()">


- IMPORTANT SI VOUS AVEZ UN ESPACE VIDE OU UN BLOG ENDOMMAGE -

 

 

IMPORTANT POUR NE PAS AVOIR D’ESPACE VIDE OU UN BLOG ENDOMMAGE

Ceux qui ont utilisés le code à mettre dans le billet d’entête afin d’avoir un joli fond derrière leurs billets, doivent le ou les supprimer s’il y en a plusieurs.

Ceux-ci ne sont plus accepté par MSN (anciens blogs msn avant 2007) et font beaucoup de dégats dans les spacesMSN !

Voici ci-dessous un code HTML qui s’intègre à la perfection dans tout les spacesMSN. Il vous suffit de remplacer mes textes avec le lien de vos fonds.

<DIV>
<TABLE cellSpacing=1 borderColorDark=#
Mettez ici le code couleur désiré  ex : FF9900 cellPadding=0 width="100%" borderColorLight=#Mettez ici le code couleur désiré ex : FF9900 background=Mettez ici l’URL de votre 1er fond
border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>&nbsp;
<TABLE cellSpacing=1 borderColorDark=#
Mettez ici le code couleur désiré  ex : FF9900 cellPadding=0 width="Mettez ici la largeur de votre fond entre (20 et 100) par ex : 95%" borderColorLight=#Mettez ici le code couleur désiré  ex : FF9900 background=Mettez ici l’URL de votre 2ème fond
border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>&nbsp;</DIV></TD></TR></TBODY></TABLE></DIV>
<DIV align=center>&nbsp;</DIV></TD></TR></TBODY></TABLE></DIV>

N’hésitez pas à venir me poser des questions …


- Mettre un diapo/clip perso de son PC dans un billet ou sur l’accueil MSN


- Créer des diapos sur le site “Slide”

Comment créer des diapos sur le site "Slide" pour MSN?

Vous verrez, c’est on ne peux plus facile !

1.
Ouvrez le site
http://www.slide.com/ ,inscrivez-vous et suivez les instructions.
Ensuite connectez-vous et allez dans votre slide "Mon Slide".

Image1

Image2

2.
Maintenant nous allons créez notre diapo, pour cela cliquez en haut à gauche sur "Make a slide Show"

Image3

Vous arrivez sur cette page

Image4

3.
Nous allons allez choisir nos photos dans le PC, cliquez sur "Select Images" et sélectionnez vos photos désirées.(Pour en sélectionner plusieurs à la fois, cliquez sur votre clavier "Ctrl" et cliquez en même temps sur vos images voulues sans lâcher.)
Puis cliquez sur "Ouvrir"

Image5

Ensuite cliquez sur "Upload" et vos photos vont se télécharger. (Cela peut prendre un certain temps, tout dépend du poids de vos photos)

Image6

Image7

4.
Quand c’est fini, vous verrez de suite vos photos défiler dans le slide audessus.

Image8

5.
Maintenant à vous de choisir le style, le thème, le skin, la taille et les données.
Pour cela cliquez un a un dans la colonne à votre droite, faites vos choix et chaque fois là haut vous verrez ce que cela donne.

Image9

Un peu plus bas, vous pouvez indiquer des légendes et si vous ne voulez rien indiquer, cliquez sur "effacer toutes les légendes" et donnez un nom à votre slide si vous le voulez.
Quand vous avez terminé, cliquez sur "Sauvegarder"

Image10

6.
Vous arrivez maintenant sur la page où vous trouverez le code HTML que vous irez mettre dans un nouveau billet ou message en HTML.

Il vous suffit de cliquer sur le code il se sélectionnera tout seul, puis cliquez droit avec votre souris et dans le menu qui s’ouvre, cliquez sur "copier"

Image11

7.
Allez dans votre blog, ouvrez un nouveau message, passez en mode "HTML" et collez le code en cliquant droit avec votre souris, puis sur "coller" dans le menu qui s’ouvre.

Image14

8.
Revenez en mode normal, voyez votre diapo !
(Vous pouvez le centrer aussi.)
Ensuite publiez votre message et vous pouvez aller voir le résultat sur votre blog !

Image15

Voilà le mien ci-dessous !

http://widget-ef.slide.com/widgets/slideticker.swf

 

retour_menu


Suivre

Get every new post delivered to your Inbox.