dimanche, 01 novembre 2009

Protéger ses photos hautETfort

Soyons lucide! Rien n'empêche un esprit mal intentionné de s'emparer d'une photo par une simple capture d'écran.
Ne devenons pas parano! Parmi les solutions ici testées, vous en trouverez une suffisamment dissuasive.

puce.gif

Afficher des photos à taille réduite

Cette action simple reste la plus efficace. Quand vous insérez une image dans une note, prenez les précautions suivantes:

  • Cliquez sur la Taille de l'image, Petite ou Vignette
  • Ne cochez pas l'option

tetouill8.jpg

La taille d'une vignette est de 150×112 pixels, celle d'une petite image de 100×75 pixels.
tetouill8.jpg

puce.gif

Appliquer un effet sur des photos

tetouill_joker.jpgS'il est utile de marquer des photos professionnelles ou commerciales par un filigrane Free Watermark. Add Custom Watermark. Protect Your Photos and..., cette action n'est pas la plus ludique pour des photos personnelles.

Avec un éditeur d'image en ligne ou installé sur PC, vous pouvez appliquer un flou, ajouter un cadre, rogner un portrait, etc.
Je préfère les services en ligne spécialisés dans le détournement de photos (merci Bougrenette). Actuellement, j'ai un gros faible pour LoonaPix.com. Make Funny Pictures and Add Photo Frames Online.

puce.gif

Afficher les photos d'un album 3D dans un blog hautETfort

Cette action permet d'utiliser une fonctionnalité hautETfort qui gagne à être connue, car très esthétique.

  1. Créez un album photo.
  2. Ajoutez des photos dans un album.
  3. Insérez un album dans une note. Cliquez atafoto.jpg
    • Cliquez sur l'album à insérer Mon album
    • Cliquez sur dans les Options.
    • Valider Cliquez. Feuilletez l'album en exemple.

 

puce.gif

Pour bloggueurs avancés: Interdire le passage de la souris au-dessus d'une photo

tetouill8.jpg

Cette action empêche le clic droit pour enregistrer l'image sur PC et affiche un avertissement quand un visiteur pointe vers l'image. Elle nécessite de manipuler la source html de la note.

Saluons Tétouille qui s'est prêté sans peur et sans reproche à ces manipulations (tentez de survoler la photo avec la souris ;)

Merci à Jef, auteur des articles suivants sur lesquels vous pouvez vous appuyer.
BLTGOLD.GIFProtéger ses photos contre le vol : les solutions - VirusPhoto
BLTGOLD.GIF3 astuces pour protéger ses photos contre le vol - VirusPhoto

  1. Insérez une image dans une note.
  2. Cliquez sur HTML dans la barre d'outils.
  3. Dans la source html de la note, localisez le code correspondant à l'image insérée <img src="http://monblog.hautetfort.com/media/maphoto.jpg">
  4. Devant le code de l'image, copiez-collez <a href="javascript:void(0)" onmouseover="alert('Cette photo est mon portrait - Merci de ne pas la copier!')>
  5. Derrière le code de l'image, copiez-collez </a>
  6. Vérifiez le code final de l'image:
    <a href="javascript:void(0)" onmouseover="alert('Cette photo est mon portrait - Merci de ne pas la copier!')><img src="http://monblog.hautetfort.com/media/maphoto.jpg"></a>
  7. En bas de l'Editeur de la source HTML, cliquez sur le bouton Mettre à jour

Merci à kriss qui rappelle que cette action fonctionne sous 2 conditions:

  • Vous devez activer le javascript dans les options de votre Explorateur Internet.
  • La source html de la note ne doit pas contenir la balise <noscript> qui neutralise javascript.

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (7) | Envoyer cette note

samedi, 31 octobre 2009

Cé koi ces technotes hautETfort?

Au commencement, je me suis gravement pris la tête sur ce projet tout ce qu'il y a de sérieux. Le soufflet a brutalement dégonflé face aux notes de Gee Mee et Lavande pour les bloggueurs HautetFort. Respect.

Je suis conceptrice/rédactrice confirmée de documentation numérique pour logiciels industriels sous Windows, j'ai beaucoup à apprendre de la blogosphère, avec ses flux et ses réseaux.

Ce blog  doit rester ce qu'il est, un terrain d'expérimentations du service hautETfort. Vous venez jouer avec moi?

i_blue_sm.jpgLes infos données dans la catégorie Hotline sont testées dans un blog hautETfort en formule gratuite et s'adressent aux bloggueurs hautETfort et BlogSpirit.

bidochonnternaute.jpg

Les Bidochon Internautes, Album 19
Auteur: Binet - Editions Fluide Glacial - Tous droits réservés

Les notes de cette catégorie sont actualisées selon les évolutions du blogging et services en ligne, notamment celles qui suivent:

puce.gif

Voir toutes les notes Hotline hautETfort

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (3) | Envoyer cette note

jeudi, 29 octobre 2009

Votez hautETfort!

Chaque note de ce blog s'achève sur un système de vote à 5 étoiles. Sa fonction est de permettre de donner un avis sur le contenu, autrement que par un commentaire.

De nombreux systèmes de "post rating" sont disponibles. Par exemple, vous pouvez exploiter le widget personnalisable http://www.widgetbox.com/widget/rating

Il est nécessaire de personnaliser la présentation d'un blog hautETfort pour que le widget s'affiche correctement.

puce.gif

Comment intégrer le wigdet dans un blog hautEtfort?

  1. Cliquez sur l'onglet PRESENTATION de l'Editeur de blog hautETfort.
  2. Cliquez sur Configuration avancée
  3. Cliquez sur Je veux aller dans le design avancé
  4. Face au Modèle de la page lien permanent, cliquez sur Modifier le template
  5. Juste au-dessus de la balise <div=class postbottom>, copiez-collez le code HTML servant à intégrer le widget au bas de chaque note.
  6. Cliquez sur le bouton Enregistrer les modifications
  7. Fermez la fenêtre Modifier le modèle de la page lien permanent

Laissez un commentaire ou cliquez sur l'étoile correspondant à votre niveau de satisfaction. A voté, merci!

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (2) | Envoyer cette note

lundi, 27 juillet 2009

Polaroïdissime

La note d'Alexandra "Des polaroids sur son blog Hautetfort : Le blog Hautetfort" me donne envie de comparer trois générateurs de polaroïd en ligne. Ci-dessous, le modèle qui a patiemment subi mes tests.

BathingSuit1920s.jpg

Mes critères pour sélectionner chaque générateur sont les suivants:

  1. service en ligne, gratuit et sans inscription
  2. fonction unique (ne produit que des polaroïds)
  3. possibilité d'enregistrer par un clic droit sur l'image finale (aucun code à manipuler)

rsb25.gifPhoto Notes

  • Points forts: utilisation ludique, possiblité de choisir un modèle de polaroïd, de taper la légende avec la fonte et la couleur de votre choix
  • Points faibles: obligation de charger une image carrée pour éviter sa compression, trop de fond perdu autour du polaroïd
BathingPhotonotes.jpg

rsb25.gifInstantizer.com - free online graphics tool - wrap pictures into a polaroid-style frame

  • Points forts: utilisation rapide, possibilité de taper la légende ou d'orienter la photo selon l'angle de votre choix, respect de l'image d'origine
  • Point faible: rectangle interne à retoucher pour un cadre photo harmonieux
Bathinginstantizer.jpg

rsb25.gifRollip - Create Polaroids from your photos!

  • Points forts: possiblité de choisir la taille et le rendu de la photo, bons redimensionnement et recadrage de l'image
  • Points faibles: prise en main moins facile, cadre photo un peu kitsch par sa texture plus vraie que nature
Bathingrollipsmall.jpg

Quelque soit le générateur choisi, vous pourrez redimensionner, faire pivoter le polaroïd ou ajouter une légende dans un éditeur d'image en ligne, tel que DrPic.com Free Web Picture Editor and Image Host - Crop, Resize, Text
La simplicité de cet éditeur gratuit m'a conquise. Le plus est la facilité avec laquelle on encadre une photo (pour obtenir un polaroïd par exemple).

J'ai un faible pour le mignon Photo Notes, mais je parie sur la progression de Rollip dont cet encadrement est esthétique.

Bathingrollipasis.jpg

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (4) | Envoyer cette note

mardi, 21 juillet 2009

hautETfort jusqu'à la saison prochaine!

Beaucoup l'ont observé, le blog Upset Diary a changé plus vite de forme que son ombre... qui ne bougera plus car j'ai supprimé par mégarde les fichiers de construction.

puce.gifOutre mes circonvolutions neuronales autour d'un thème, ma plus grande difficulté a été de trouver le modèle hautETfort répondant à mes besoins:

  • liste avec numérotation automatique
  • liste avec puce automatique
  • couleur de lien visible
  • possiblité d'insérer ma bannière
  • composants graphiques à personnaliser
  1. B1E04B_cs.jpgAprès pas mal de casse, j'ai choisi ce modèle facile à manipuler, à condition de suivre les directives de la note "Comment utiliser les modèles de ce blog ? : Gee Mee"
  2. Après avoir téléchargé ma bannière, j'ai copié/collé la Feuille de styles dans un fichier texte par sécurité.
  3. D'un clic droit, j'ai enregistré chaque composant graphique pour le modifier dans PSP (puces, titre et bas de note, titre et bas de bloc, bas de page, etc.)
  4. Via le Tableau de bord, j'ai chargé mes composants graphiques dans le dossier images de la rubrique Fichiers
  5. Via la configuration avancée de la Présentation, j'ai remplacé dans la Feuille de styles l'adresse url de chaque composant graphique initial par l'adresse url de mon composant de même nom.

puce.gifJ'y ai également défini la couleur des blocs et de certains titres, sans oublier

Je résume volontairement mon propos pour ne pas nous enfumer avec des descriptions techniques obscures. Vous avez la marche à suivre, à vous de sortir des sentiers battus!

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (6) | Envoyer cette note

Créer et insérer une animation GIF avec Loogix.com

Le site Loogix.com vous aide à produire en ligne une animation simple pour l'insérer dans votre blog hautETfort.
Cette solution pour insérer un GIF animé s'ajoute à la note "Insérer une image transparente, animée, voire les deux. : Gee Mee"

** = niveau assez facile, nécessite de copier/coller un peu de code HTML

  1. Affichez le site http://www.loogix.com/
  2. clicklist.gifCliquez sur la taille de l'animation: Size
  3. clicklist.gifCliquez sur la vitesse de l'animation: Speed
  4. Désignez la première image de l'animation:
    1. Cliquez sur le bouton Parcourir
    2. Double-cliquez sur un fichier image (GIF/PNG/JPG)
  5. Désignez la seconde image de la même façon. Deux images sont indispensables pour produire l'animation.
  6. Désignez la troisième image.
  7. Au besoin, ajoutez une image dans l'animation: cliquez sur Add one more picture et désignez l'image suivante.
  8. Cliquez sur Generate Animation pour produire l'image animée.
  • La colonne droite du cadre orange affiche l'animation GIF. Vous pouvez enregistrer l'image, lui appliquer un effet ou corriger l'animation.
  • La colonne gauche affiche l'adresse URL et l'Embed code qui servent à insérer l'animation dans une page Web.
    Pour insérer l'animation depuis l'Embed code, cliquez sur le bouton Copy
  1. Dans l'Editeur hautEtfort, affichez la note où vous allez insérer l'animation.
  2. Cliquez sur HTML dans la barre d'outils.
  3. Dans le code HTML, faites un clic droit à l'endroit où vous voulez insérer l'animation.
  4. Dans le menu déroulant, cliquez sur la commande Coller pour insérer l'Embed code correspondant à l'animation.
  5. En bas de l'Editeur de la source HTML, cliquez sur le bouton Mettre à jour

De gauche à droite: Image1, Image2, Image3 chargées dans Loogix.com

Image3.jpg Image4.jpg Image3.jpg

Loogix.com. Animated avatars. Animation GIF obtenue insérée depuis le code fourni par Loogix.com

<a href="http://www.loogix.com/"><img src="http://www.loogix.com/img/res/1/2/4/5/2/3/12452390171089223.gif" alt="Loogix.com. Animated avatars." /></a>

Je sais qu'il faut posséder quelques bases pour manipuler le code HTML, il s'agit d'une alternative pour insérer un gif animé. Alors autant varier les plaisirs :)

i_blue_sm.jpgPour insérer l'animation depuis l'URL, suivez les instructions "Comment insérer une image transparente et ou animée : Gee Mee"

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (0) | Envoyer cette note

lundi, 22 juin 2009

Images pour usage non-commercial

Restez prudents dans l'utilisation des cliparts, polices et photos qui dits "gratuits" sont rarement libres de droits.

Textures, motifs, fonds

new.gifFREE HIGH-QUALITY 3-D BULLETS - CreatingOnline.com
new.gifTiled backgrounds designer
new.gifTartan Designer - Tartan Maker - Tartan Background pattern generator

Icones

Photos et cliparts (merci Moumoune)

new.gifWPClipart is a collection of high-quality artwork and photos optimized for use with word processors and inkjet printers.

new.gifSchool Icons CLUB --Free Web Graphics--

new.gifThe online royalty free clipart 31358 - vector clip art online, royalty free & public domain

new.gifAnimated disco ball, mirror ball at Best Animations

jpg_lien_200-4e82c.jpg

propose de personnaliser des cliparts pour enfants.

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (4) | Envoyer cette note

Outils pour blog


Widgets (trop comme les Google Gadgets tue)

 

Bannières verticales

Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (5) | Envoyer cette note

mardi, 02 juin 2009

Mon blog a grossi hautETfort !

Pas de panique! Il suffit de supprimer les images inutiles pour que votre blog retrouve sa taille habituelle.

L'onglet ACCUEIL de l'éditeur hautETfort affiche l'Espace disque utilisé mesuré en Mo (méga-octets). Cliquez sur chaque image ci-dessous pour l'afficher en taille réelle.

files2.gif

q_red_sm.jpgQue faire quand vous constatez que cet espace augmente de façon incontrôlée?

  1. Cliquez sur l'onglet TABLEAU DE BORD
  2. Cliquez sur la rubrique Fichiers
  3. Cliquez sur le dossier media
  4. Les images insérées dans vos notes sont classées par ordre chronologique (de la plus récente à la plus ancienne).
  5. Observez la liste avec attention. Plusieurs fichiers portant le même nom peuvent y figurer.
  6. Cela signifie que vous avez inséré plusieurs fois la même image pour l'afficher correctement dans une note.
  7. Cochez les images en doublons sauf les dernières images insérées.
  8. Cliquez sur le bouton Supprimer en fin de liste.
    files1.gif

    Cliquez sur l'onglet ACCUEIL pour vérifier l'Espace disque utilisé: le blog devrait avoir perdu quelques Mo!
    Dans mon exemple, l'espace disque utilisé descend de 16 à 15 Mo.

    files4.gif

    i_blue_sm.jpgFaites cette opération régulièrement pour libérer l'espace de stockage réservé à votre blog.

    Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (4) | Envoyer cette note

    samedi, 23 mai 2009

    Hellocoton et un sombrero!

    Découvrez HellocotonA toute nouvelle inscrite qui se demande à quoi sert Hellocoton, il suffit de suivre le guide Hellocoton strawberry : le plein de nouveautés ! pour faire un tour d'horizon de ce portail de services web.

    L'ouverture de la catégorie Vide-dressing fait entrevoir les inifinies possibilités de Hellocoton.

    Je n'avais pas envie d'un nouveau blog pour mon vide-dressing. Je créé donc un nouveau compte Hellocoton. A la rubrique "Mon blog / site web", je tape le flux rss correspondant à la catégorie "vide-dressing" dans mon blog actuel:

    http://upsetdiary.hautetfort.com/de-l-air-le-dressing/index.rss

    Je clique sur la catégorie Vide-dressing... Le lendemain, mon blog s'affiche dans l'immense liste des vide-dressings inscrits. C'est bon d'être fainéante!

    i_blue_sm.jpgEn ajoutant une catégorie existant dans votre blog, "Loisirs créatifs" au hasard, vous lancez les actualités et le réseau Hellocoton qui vont avec! Imaginez, échangez et blogguez frais ;p

    Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (0) | Envoyer cette note

    Toutes les notes