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.
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
La taille d'une vignette est de 150×112 pixels, celle d'une petite image de 100×75 pixels.
Appliquer un effet sur des photos
S'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.
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.
- Créez un album photo.
- Ajoutez des photos dans un album.
- Insérez un album dans une note. Cliquez
- Cliquez sur l'album à insérer Mon album
- Cliquez sur dans les Options.
- Valider Cliquez. Feuilletez l'album en exemple.
Pour bloggueurs avancés: Interdire le passage de la souris au-dessus d'une photo
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.
Protéger ses photos contre le vol : les solutions - VirusPhoto
3 astuces pour protéger ses photos contre le vol - VirusPhoto
- Insérez une image dans une note.
- Cliquez sur HTML dans la barre d'outils.
- 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">
- 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!')>
- Derrière le code de l'image, copiez-collez </a>
- 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> - 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?
Les 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.
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:
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.
Comment intégrer le wigdet dans un blog hautEtfort?
- Cliquez sur l'onglet PRESENTATION de l'Editeur de blog hautETfort.
- Cliquez sur Configuration avancée
- Cliquez sur Je veux aller dans le design avancé
- Face au Modèle de la page lien permanent, cliquez sur Modifier le template
- Juste au-dessus de la balise <div=class postbottom>, copiez-collez le code HTML servant à intégrer le widget au bas de chaque note.
- Cliquez sur le bouton Enregistrer les modifications
- 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.
Mes critères pour sélectionner chaque générateur sont les suivants:
- service en ligne, gratuit et sans inscription
- fonction unique (ne produit que des polaroïds)
- possibilité d'enregistrer par un clic droit sur l'image finale (aucun code à manipuler)
- 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
Instantizer.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
Rollip - 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
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.
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.
Outre 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
Aprè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"- Après avoir téléchargé ma bannière, j'ai copié/collé la Feuille de styles dans un fichier texte par sécurité.
- 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.)
- Via le Tableau de bord, j'ai chargé mes composants graphiques dans le dossier images de la rubrique Fichiers
- 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.
J'y ai également défini la couleur des blocs et de certains titres, sans oublier
- Afficher une image d'arrière plan en mosaïque, en motif (révisée) : Gee Mee
- Insérer un favicon - www.blogtuto.org (bloggueurs avancés)
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
- Affichez le site http://www.loogix.com/
Cliquez sur la taille de l'animation: Size- Cliquez sur la vitesse de l'animation: Speed
- Désignez la première image de l'animation:
- Cliquez sur le bouton Parcourir
- Double-cliquez sur un fichier image (GIF/PNG/JPG)
- Désignez la seconde image de la même façon. Deux images sont indispensables pour produire l'animation.
- Désignez la troisième image.
- Au besoin, ajoutez une image dans l'animation: cliquez sur Add one more picture et désignez l'image suivante.
- 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
- Dans l'Editeur hautEtfort, affichez la note où vous allez insérer l'animation.
- Cliquez sur HTML dans la barre d'outils.
- Dans le code HTML, faites un clic droit à l'endroit où vous voulez insérer l'animation.
- Dans le menu déroulant, cliquez sur la commande Coller pour insérer l'Embed code correspondant à l'animation.
- 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
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 :)
Pour 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
FREE HIGH-QUALITY 3-D BULLETS - CreatingOnline.com
Tiled backgrounds designer
Tartan Designer - Tartan Maker - Tartan Background pattern generator
Icones
- Category:Icons themes - Wikimedia Commons
- DryIcons.com - Free Icons and Vector Graphics
- MouseRunner.net - The building grounds of MouseRunner.com
- Design of Signage System - Theory, Applications, and Resources
Photos et cliparts (merci Moumoune)
School Icons CLUB --Free Web Graphics--
The online royalty free clipart 31358 - vector clip art online, royalty free & public domain
Animated disco ball, mirror ball at Best Animations
Ecrit par kielut©Upset Diary dans Hotline hautETfort | Lien permanent | Commentaires (4) | Envoyer cette note
Outils pour blog
- Favicon.ico Generator
- Thumbalizr.com génère la vignette d'un site favori.
- Photo Notes transforme une image en polaroïd.
- RoundPic - rounded corners for avatars and images [web 2.0 style]
- BeFunky.com
- Créer sa carte de visite gratuitement
- laphotocabine.com (le photomaton vintage en ligne !)
- Éditez facilement vos photos grâce à Picnik, mon coup de coeur en français s'il vous plaît!
- Loogix.com logo: animation Gif en 3 clics!
GlassGiant.com - Make pictures for your Facebook Photos!Myspace Generators - Flash ToysRollip - Create Polaroids from your photos!DrPic.com Free Web Picture Editor and Image Host - Crop, Resize, Text- Picasa 3 : programme gratuit à télécharger depuis Google
- Ript™ Quick Scrapbooking
- Poladroid project | the easiest and funniest Polaroid Image Maker
- Photofunia - Effets Photo
- fd's Flickr Toys: Do fun stuff with your photos
- ImageChef - Personnalisez Photos, Clip Art
- Digital Photo Effects - Photo505 - Online Photo Fun
- Avec Blog-it Express, on peut faire un sondage, archiver ses sites favoris, poster des notes courtes, discuter avec les inscrits.
- J'ai un faible pour les gadgets aBowman (poissons nageant à l'écran) et la date du jour façon The human calendar
- Widgetbox › World's largest widget directory and gallery - web
- Widgeo.net : Flash Counters, widgets, flash tools, animations
- Compteurs de visites pour blog
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.
Que faire quand vous constatez que cet espace augmente de façon incontrôlée?
- Cliquez sur l'onglet TABLEAU DE BORD
- Cliquez sur la rubrique Fichiers
- Cliquez sur le dossier media
- Les images insérées dans vos notes sont classées par ordre chronologique (de la plus récente à la plus ancienne).
- Observez la liste avec attention. Plusieurs fichiers portant le même nom peuvent y figurer.
- Cela signifie que vous avez inséré plusieurs fois la même image pour l'afficher correctement dans une note.
- Cochez les images en doublons sauf les dernières images insérées.
- Cliquez sur le bouton Supprimer en fin de liste.
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.
Faites 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!
A 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!
En 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