Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

24.02.2010

Publier ses notes Hautetfort sur Twitter - Mise en place et premier "twit"

Depuis le 22 février 2010, les blogueurs Hautetfort qui possèdent aussi un compte Twitter, peuvent facilement twitter une note quand ils l'enregistrent. Voyons comment mettre en place cette fonctionnalité et envoyer notre premier "twit" avant de personnaliser le message de publication.

La note "Publiez très facilement vos notes sur twitter" préparée par Osmany pour Leblog.Hautetfort.com pourrait vous suffire, aussi la vidéo que je vous propose plus bas doit être vue comme un complément.

Lire la suite

16:07 Écrit par Gee Mee dans Boîte à outils, Vidéo | Lien permanent | Commentaires (6) | Tags : twitter, vidéo | |  del.icio.us | | Digg! Digg |  Facebook

02.02.2010

Un lecteur vraiment personnalisé pour Youtube, sans feuille de styles

Au début du mois de janvier, nous voyions comment personnaliser un lecteur vidéo Dailymotion en appliquant une mise en forme enregistrée dans la feuille de styles. Si cela vous permet de ne plus avoir à taper les codes de styles, cela veut aussi dire que tous vos lecteurs vont être identiques. Plutôt que de multiplier les insertions dans la feuille de styles, vous pouvez les "passer" en direct.

D'ailleurs, vous le savez déjà, si vous avez la curiosité de regarder le code HTML de vos notes. Si vous appliquez une couleur rouge sur un mot dans votre texte, le code ressemblera à ceci.

Si vous appliquez une couleur <span style="color: #800000;">rouge</span> sur un mot dans votre texte,

Avec <Span> on crée une exception dans la feuille de styles courante, puis on déclare les styles. Rien ne nous empêche de procéder de même pour la mise en forme d'un lecteur exportable vidéo.

Lire la suite

16:31 Écrit par Gee Mee dans Traitement d'image, Vidéo | Lien permanent | Commentaires (2) | Tags : lecteur, lecteur exportable, vidéo, youtube | |  del.icio.us | | Digg! Digg |  Facebook

22.01.2010

Agrandir la fenêtre de l'éditeur de notes Hautetfort

Vous le savez, ne niez pas, copier vos notes écrites dans un logiciel de traitement de texte pour les coller dans votre éditeur de notes en ligne, c'est mal ! Et c'est valable pour toutes les plateformes de blogs, sans exception.
La nouveauté chez Hautetfort, c'est que vous avez une excuse de moins : vous pouvez augmenter la surface d'affichage de l'éditeur de note.


Ce n'est pas que vous enfreigniez un principe moral. C'est juste que le texte qui vient de MS Word, et même de OpenOffice Writer (même si c'est beaucoup moins vrai), "emporte" une quantité impressionnante de code. Cela perturbe le fonctionnement des applications, et occupe bien trop d'espace dans les bases de données. À la suite d'Alexandra, je me suis permis de dire que coller n'est pas jouer.


Coller quand même

Lire la suite

10:00 Écrit par Gee Mee dans Boîte à outils, Vidéo | Lien permanent | Commentaires (2) | Tags : éditeur, afficher, vidéo, hautetfort, blogspirit | |  del.icio.us | | Digg! Digg |  Facebook

04.12.2009

Dynamisez vos notes avec vos archives et LinkWithin

Kielut l'a vu dans d'autres blogs, elle l'a voulu dans le sien. Au bas de chaque note de blog, le widget LinkWithin affiche les liens vers des notes "similaires", selon le contenu, le titre ou les tags. La note explicative d'origine a été publiée sur Upsetdiary, et nous l'avons fait évoluer ensemble pour cette version avec vidéo.

Lire la suite

11.11.2009

Créer une image translucide avec GIMP

Nous avons déjà vu comment afficher une image d'arrière-plan translucide, mais pas encore comment la créer. Voici une méthode simple à mettre en œuvre avec GIMP.

Étape par étape :

1. Créer un nouveau fichier
2. Spécifier un arrière-plan transparent
3. Sélectionner l'outil de remplissage
4. Régler le niveau d'opacité
5. Sélectionner la couleur de remplissage
6. Remplir
7. Enregistrer le fichier au format PNG

La vidéo est hébergée par Viméo, et vous la trouverez ci-dessous. Je vous remercie de votre indulgence, c'est ma première.

Lire la suite

16:52 Écrit par Gee Mee dans Traitement d'image, Vidéo | Lien permanent | Commentaires (5) | Tags : arrière-plan, translucide, transparent, gimp, png, vidéo | |  del.icio.us | | Digg! Digg |  Facebook

10.11.2009

Coller n'est pas jouer

Dès que l'on souhaite aligner plus de trois mots, rédiger une note directement avec l'éditeur Hautetfort devient pénible. Dès lors, la tentation est grande de rédiger dans son traitement de texte favori, et de procéder par copier / coller. Mais à cette tentation là aussi, il est souhaitable de résister.

Pourtant ça marche, je ne vois pas où est le problème, me direz-vous, en ajoutant in petto, "mais de quoi je me mêle ?" Apparemment cela fonctionne effectivement, et la différence n'est pas toujours immédiatement visible entre un texte directement rédigé dans l'éditeur, et un autre issu d'un copier / coller. Surtout si vous veillez à n'appliquer de mise en forme qu'à partir de l'éditeur.

Seulement voilà, sans le savoir, vous surchargez votre note d'un code inutile et d'instructions parasites. Procédons par l'exemple.

Cette note a été intialement publiée le 6 novembre 2008, mais maintenant il y a une vidéo !

Lire la suite

10:30 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (14) | Tags : blog, copier, coller, éditeur, word, vidéo | |  del.icio.us | | Digg! Digg |  Facebook

24.11.2008

Intégrer un lecteur de vidéo Youtube personnalisé

[màj:02/02/10] L'une des bonnes nouvelles de la semaine dernière, c'est le lancement sur Youtube d'une chaîne Monty Python. Une occasion rêvée pour voir comment intégrer un lecteur YouTube personnalisé sur son blog.

La méthode est la même que pour un lecteur Deezer, et c'est bien normal puisque la solution technique est la même. On "appelle" un lecteur en Flash hébergé comme le contenu à lire sur un serveur externe. On en profite éventuellement pour glisser en quelques paramètres un peu de couleurs.

Pour intégrer un lecteur YouTube :

Connectez-vous à YouTube et lisez la vidéo à installer.
Cliquez sur la roue dentée à droite de la zone "Intégrer une vidéo sur un site"
youtube_lecteur.jpg
Choisissez un jeu de couleurs
Choisissez entre inclure ou pas les vidéos similaires.
Si vous ne souhaitez pas partager vos autres vidéo, ou ne pas conduire vers les sélections de la personne qui a mis en ligne la vidéo que vous voulez diffuser vous-même, il faut choisir "Ne pas inclure".
Choisissez d'afficher ou non le cadre
Une fois vos réglages effectués, cliquez dans la zone
"Intégrer une vidéo sur un site"
Copiez le code
Dans l'éditeur Wysywig de Haut&Fort, cliquez sur "Insérer un fichier multimédia", puis sur l'onglet "code embed".
Collez le code et cliquez sur insérer.

 

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/WlBiLNN1NhQ&hl=fr&fs=1&color1=0xe15154&
color2=0xfcd5cb"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WlBiLNN1NhQ&hl=fr&fs=1&color1=0xe15154&
color2=0xfcd5cb" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Vous pouvez aussi personnaliser les couleurs de votre lecteur "à la main". Dans le code du lesteur ci-dessus, le paramètre color1 qui indique la couleur du filet a une valeur de rose soutenu (e15154), et color2 qui indique la couleur du fond a une valeur de rose pâle (fcd5cb). Cette fois encore, attention à ne pas mettre le #, et à ne rien toucher d'autre.

Par défaut, le lecteur fait 425 pixels de large pour 344 pixlels de haut. Vous pouvez modifier ce réglage, à condition de respecter le rapport hauteur = 0,8094 x largeur, ou largeur = 1,2355 x hauteur selon la dimension prioritaire. Cela peut altérer la qualité d'affichage, mais vos visiteurs pourront toujours afficher le lecteur en plein écran avec la taille maximum acceptable définie par YouTube.

Don't forget : Always Look On The Bright Side of Life.

[màj:02/02/10] Si vous souhaitez personnaliser votre lecteur comme ce dernier, lisez la note : Un lecteur Youtube vraiment personnalisé, sans feuille de styles.


 

11:35 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : blog, lecteur, lecteur exportable, vidéo, youtube | |  del.icio.us | | Digg! Digg |  Facebook