Astuces Angel F...'s profileASTUCES ANGEL FACEPhotosBlogListsMore Tools Help

ASTUCES ANGEL FACE

Les miens et ceux trouvés sur les blogs

Astuces Angel Face

clips vidéo
blogs d'astuces
codes html
October 27

Discussion sur Héberger ses images sur Sky Drive

  J'ai pris ces ces explications très bien faites chez:  http://www.creationvanille.com/

Citer

Héberger ses images sur Sky Drive

 

 

Pourquoi faut-il héberger nos images avant de les coller dans un billet

du blog ou dans le livre d'or d'un ami ? 

Pour qu'une image soit visible sur le web, elle doit être déposée dans une banque de données.  Celle-ci obtienne à cette occasion une adresse URL : Protocole Hyper Text Transfer (HTTP), une sorte de laissez-passer qui apparait sous cette forme:

http://votre hébergeur/votre nom/nom de l'image.jpg

 

Lorsque vous déposer cette adresse dans la barre d'adresse de votre navigateur, elle devient visible.

 

ISD14.jpg picture by Bulledevanille

Clic sur le liens pour voir l'image: 

http://i330.photobucket.com/albums/l419/creationvanille/Calinours.gif?t=1222502712

 

 

 

Où trouve-t-on un hébergeur d'image ? 

Il en existe plusieurs sur le net qui offre de l'hébergement d'image gratuit

(Image Shack, Photobucket, Casimage, Hiboox, etc.)

 

 

Mais ce que je veux te proposer aujourd'hui, c'est d'héberger tes images sur Sky Drive, un espace de stockage de 5 Go que Windows Live nous offre. 

Pas besoin de s'inscrire, tu l'as en haut de ton espace perso.

ISD1a.jpg picture by Bulledevanille

 

EXPLICATION POUR SE SERVIR DE SKY DRIVE 

 

 
 
Clic sur Sky Drive pour commencer. 
(Si tu ne l'a jamais ouvert auparavant, clic sur Démarrer sur la page qui va s'ouvrir.)
La page principal va s'ouvrir. 
Nous ce qui nous intéresse en premier lieu c'est de Créer un dossier que tout le monde peut consulter.  Mais pour tes prochains téléchargement, tu n'auras pas à refaire cette opération  Clic sur Créer un dossier que tout le monde peut consulter.
ISD1.jpg picture by Bulledevanille
 
 
 
 
En premier, donne un nom à ton nouveau dossier.  Moi je l'ai appellé "MES IMAGES".
En deuxième, coche à Personnes autorisée: Tout le monde.
Et enregistre en cliquant sur Créer un dossier.
ISD2.jpg picture by Bulledevanille
 
 
 
Tu tomberas automatiquement sur la page où tu peux télécharger des images. 
Tu peux le faire tout de suite si tu veux,
mais je veux te montrer avant que si tu veux retourner à la page principale,
tu n'as cliquer sur ton nom en haut.
ISD3.jpg picture by Bulledevanille
 
 
Et me voilà revenu sur ma page principale. 
Je vois que maintenant, j'ai deux dossiers dans Public.
Maintenant, allons télécharger des images. 
Clic sur le dossier MES IMAGES (ou le nom que tu lui as donné).
ISD4.jpg picture by Bulledevanille
 
 
 
Sur cette page, tu clic sur Ajouter des fichiers.
ISD5.jpg picture by Bulledevanille
 
 
 
En cliquant sur Parcourir, tu vas chercher ton image dans ton ordinateur.
Tu peux en ajouter 5 à la fois.
Et tu clic sur Télécharger.
 ISD12.jpg picture by Bulledevanille
 
 
Le temps du téléchargement, tu vas pouvoir jouer avec un ballon.
BallonSD.gif picture by Bulledevanille                                                   1mdr.gif picture by Bulledevanille
 
Quand le téléchargement est terminé, tu vas voir cette confirmation
avec l'image ou les images que tu as téléchargées.
Clic sur la petite aperçu de ton image.
ISD6.jpg picture by Bulledevanille
 
 
Elle va s'ouvrir un peu plus grande. 
Si l'image que tu as téléchargée est animée, à ce stade, elle ne bougera pas.
Clic encore une fois dessus pour l'avoir grandeur réelle. 
ISD7.jpg picture by Bulledevanille
 
 
 
La voilà en grandeur réelle sur une page web blanche et elle est animée.
Ce n'est que sur cette image grandeur réelle qu'on peut copier notre image. 
Sinon ça ne fonctionnera pas.
 Calinours.gif picture by creationvanille
 
 
 
Clic droit sur cette image grandeur réelle et clic sur Copier.
ISD10.jpg picture by Bulledevanille
 
 
 
Maintenant, tu peux aller la coller dans un billet sur ton blog ou dans le livre d'or d'un ami.
 
 
 
 
Parcontre, si tu as besoin de l'adresse de cette image (URL) pour l'insérer dans un code (de fond de billet exemple), clic droit sur cette image grandeur réelle et clic sur Propriétés.
ISD9.jpg picture by Bulledevanille
 
 
 Dans la nouvelle fenêtre qui s'ouvre, à Adresse URL, sélectionne avec ta souris l'adresse qui commence par http et fini par le format de ton image (JPG, GIF, BMP, PNG).  L'adresse est très longue, tu dois t'assurer de dérouler jusqu'à la fin.  Ensuite,  clic droit sur cette adresse sélectionnée et Copier.  Voilà, tu as ton adresse URL que tu peux coller dans un code HTML.
ISD11.jpg picture by Bulledevanille
 
 
 
Tu peux revenir en arrière ISD13.jpg picture by Bulledevanillepour revenir à ton dossier MES IMAGES ou
y aller directement en cliquant sur le nom de ton dossier.
ISD16.jpg picture by Bulledevanille
 
 
 
Si tu as Internet Explorer 7, à l'aide des onglets, tu peux aller de Sky Drive à ton blog.
ISD15.jpg picture by Bulledevanille
 
 
 
 
Voilà, c'est tout pour aujourd'hui.  Amusez-vous bien !
 
 
 

 

May 26

SIGNIFICATION CODES HTML

signification des codes HTML
  <></>cela marque le début et la fin de la commande
 
  code pour écriture:
 
<P> début et fin d'un paragraphe</P>fin
<BR>changement de ligne
<B>début d'une écriture en gras</B>fin
<U>début d'un soulignement</U>fin
<I>début d'une écriture en italique</I>fin
<FONT face="police d'écriture"</FONT>fin
<FONT color=#couleur du texte</FONT>fin`
<FONT size=taille du texte(1-9)</FONT>
 
voici un exemple de ce que cela peut donner
<P><FONT face="Times New Roman" color=#00ffff size=4>
<P><B><U><I>votre texte<BR>
</I></U></B></FONT></P>
 Résultat:  votre texte

Si on essait avec une police qui n'existe pas sur les billets comme Elegant Hand: ça ne fonctionne pas, ça redonne la même police! Cependant, si vous écrivez votre texte avec "WORD" ou "WINDOWS LIVE WRITER", en recopiant votre texte sur le billet, ça fonctionne.

scrollingbar sur une image

     
 
 


Bonjour les amis, j'espère que vous avez du bon temps,

ici, c'est gris et pluvieux, comme mon mari! (hihi)

Clin d'oeil

 

Bon, j'imagine que ce scrollbar sur une image pourrait être utile

pour décrire la photo ou un événement, je ne sais pas trop.

 

Si vous avez des idées À QUOI ÇA SERT , dites le moi.

  BON, JE VAIS VOUS METTRE LE CODE:

 

<DIV align=center>
<TABLE borderColor=#000000 height=500 cellSpacing=0 cellPadding=0 width=590 background=http://i198.photobucket.com/albums/aa193/Angelface_064/mes%20images/fonds%20pour%20espace/tinnad20.jpg border=0>
<TBODY>
<TR><!-- top row -->
<TD width=30 height=35>&nbsp;</TD><!-- left colum -->
<TD width=290 height=35>&nbsp;</TD><!-- middle colum -->
<TD width=270 height=35>&nbsp;</TD><!-- right colum --></TR>
<TR><!-- middle row -->
<TD width=30 height=185>&nbsp;</TD><!-- left colum -->
<TD width=290 height=185><!-- middle colum with scroller, set scroller width and height to these -->
<DIV align=center>
<DIV style="SCROLLBAR-FACE-COLOR: #4a8f96; LEFT: 0px; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 290px; SCROLLBAR-3DLIGHT-COLOR: #8fecfb; SCROLLBAR-ARROW-COLOR: #8fecfb; SCROLLBAR-BASE-COLOR: #000000; HEIGHT: 185px"><FONT face=Verdana color=#e1f7f4 size=1><B>
<P align=center><BR>Bonjour les amis,</P>
<P align=center>j'espère que vous avez du bon </P>
<P align=center>temps,</P>
<P align=center>ici, c'est gris et pluvieux,</P>
<P align=center>comme mon mari!<BR></P></B></FONT></DIV></DIV></TD>
<TD width=270 height=185>&nbsp;</TD><!-- right colum --></TR>
<TR><!-- bottom row -->
<TD width=30 height=280>&nbsp;</TD><!-- left colum -->
<TD width=290 height=280>&nbsp;</TD><!-- middle colum -->
<TD width=270 height=280>&nbsp;</TD><!-- right colum --></TR></TBODY></TABLE></DIV>

LES GRANDEURS DE L'IMAGE

ET DU SCROLLBAR PEUVENT ÊTRE CHANGÉES!

L'endroit du scrollbar peut aussi être changé!

  tOUT PEUT ÊTRE CHANGÉ

iL FAUT DOUBLE CLIIQUER SUR LE CARRÉ DU SCROLLBAR POUR POUVOIR ÉCRIRE!

 


 
   
 
Voici un autre code de menu déroulant que j'ai trouvé chez ma nouvelle amie Créations Lolla
 

<DIV><STRONG><FONT color=#ff99cc></FONT></STRONG></DIV>
<DIV><STRONG></DIV>
<DIV style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; SCROLLBAR-HIGHLIGHT-COLOR: #ffccff; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 661px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffccff; BORDER-BOTTOM: black 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #0000ff; HEIGHT: 419px; BACKGROUND-COLOR: #000000" align=left>
<P align=center><IMG style="WIDTH: 640px; HEIGHT: 480px" height=480 src=http://i198.photobucket.com/albums/aa193/Angelface_064/mes%20photos/fleurs/RoseElle-1.jpg width=640 border=0></P>
<P align=center><IMG style="WIDTH: 640px; HEIGHT: 480px" height=480 src=http://i198.photobucket.com/albums/aa193/Angelface_064/mes%20photos/fleurs/Graniumsanguineum-1-1.jpg width=640 border=0></P>
<P align=center><IMG style="WIDTH: 640px; HEIGHT: 480px" height=480  src=http://i198.photobucket.com/albums/aa193/Angelface_064/mes%20photos/fleurs/LysLollypup-1.jpg border="0" width=640 border=0></P></DIV></STRONG>

 

ce qui donne ceci:

Rose Elle

Géranium vivace Sanguinéum

Lys Lolly Pop

 
Allez-y, faites comme moi et amusez-vous avec les grandeurs et couleurs!
 
si vous désirez écrire des titres de photos comme je l'ai fait:
juste entre <P align=center> et <img style>de chaque image, écrivez ceci:
 
<FONT color=#ff80c0 size=4>Géranium vivace Sanguinéum</FONT>
 
vous pourrez changer la grandeur, la couleur de police ainsi que le texte après!
 
amusez-vous, c'est ça qui est important!
 
 
May 18

Lier un mot à une image

 

<P><IMG height=100 alt="bonne journée" src="http://i198.photobucket.com/albums/aa193/Angelface_064/fichiers%20gifs/beau.gif" width=100></P>

N'oubliez pas de mettre les "  " pour votre texte! bonne journée

 

May 09

la météo

Click for Montreal, Quebec Forecast
 
 
Vous pouvez changer les chiffres en jaune (largeur et hauteur)