» Publishers, Monetize your RSS feeds with FeedShow: More infos (Show/Hide Ads)
Date: Thursday, 10 Jan 2008 16:19
J'ai développé une page qui, avec quelques paramètres vous permet de récupérer du contenu provenant d'un site distant, de modifier plusieurs éléments (feuille de style, liens, images...), de la transformer en module netvibes.
L'exemple du module RSS de sourceforge peut facilement être réalisé à l'aide de cette page. pour voir comment, cliquez sur le lien suivant. En bas de la page de droite, vous avez moyen de créer votre propre "récupérateur".

L'exemple du module RSS de sourceforge peut facilement être réalisé à l'aide de cette page. pour voir comment, cliquez sur le lien suivant. En bas de la page de droite, vous avez moyen de créer votre propre "récupérateur".

Date: Sunday, 30 Dec 2007 11:05
ENGLISH:
If you want to add sourceforge rss to be alerted of new projects by activity, ranking... on your netvibes profile, you can click here:
http://ynizon.free.fr/documents/modules ... tvibes.php
FRANCAIS:
Si vous voulez ajouter un lien rss de sourceforge pour etre au courrant des nouveaux projets par activité, rang... sur votre profile netvibes, vous pouvez cliquez ici:
http://ynizon.free.fr/documents/modules ... tvibes.php

If you want to add sourceforge rss to be alerted of new projects by activity, ranking... on your netvibes profile, you can click here:
http://ynizon.free.fr/documents/modules ... tvibes.php
FRANCAIS:
Si vous voulez ajouter un lien rss de sourceforge pour etre au courrant des nouveaux projets par activité, rang... sur votre profile netvibes, vous pouvez cliquez ici:
http://ynizon.free.fr/documents/modules ... tvibes.php

Date: Wednesday, 26 Dec 2007 21:05
Voici la liste des meilleurs extensions pour la messagerie open source Thunderbird:
Dictionnaire francais
Module Agenda:Lightning
Synchroniser avec votre Google Agenda
Ajouter les anniversaires sur votre
MoreColsForAdressBook: Requis
agenda:ThunderBirthDay
Protéger vos emails avec une clé de cyptage:Enigmail
Dictionnaire francais
Module Agenda:Lightning
Synchroniser avec votre Google Agenda
Ajouter les anniversaires sur votre
MoreColsForAdressBook: Requis
agenda:ThunderBirthDay
Protéger vos emails avec une clé de cyptage:Enigmail
Date: Monday, 24 Dec 2007 09:30
Après avoir testé plusieurs moyens de conserver ses favoris sur le net, je viens enfin de trouver la solution idéale.
Google Bookmarks et son extension Firefox. Vos marque pages apparaissent juste à coté de la rubrique marque page dans le navigateur.
L'extension n'était pas complète, je me suis mis au XUL et j'y ai rajouté quelques fonctionnalitées à savoir:
- Ajout d'un moteur de recherche
- Ajout des sous dossiers
- Ajout de description des bookmarks.
Vous pouvez l'installer via le lien suivant
Voici un petit comparatif des solutions existantes à ce jour, si vous souhaitez connaitre la concurrence:
- http://del.icio.us/, est un site de partage des marque pages. Le problème c'est que chaque mot clé devient une catégorie où est stocké le marque page, et qu'il n'y a donc pas moyen de les classer par thème (les mots composants le site étant eux même des mots clés)
- Startaid Online Bookmark est un plugin qui s'installe sous IE et sous FF et qui permet de conserver également ses favoris. Seulement le site est victime de son succès, et à plusieurs fois j'ai eu des problèmes de connexion à l'ajout de marque pages.
- Netvibes a malheureusement un système de gestion des bookmarks assez pauvre. Tout se fait dans une petite fenêtre avec des catégories qui deviennent assez rapidement illisibles.
- MyBookmark était la solution que j'avais développé, mais qui est assez lente car full javascript.
Google Bookmarks et son extension Firefox. Vos marque pages apparaissent juste à coté de la rubrique marque page dans le navigateur.
L'extension n'était pas complète, je me suis mis au XUL et j'y ai rajouté quelques fonctionnalitées à savoir:
- Ajout d'un moteur de recherche
- Ajout des sous dossiers
- Ajout de description des bookmarks.
Vous pouvez l'installer via le lien suivant
Voici un petit comparatif des solutions existantes à ce jour, si vous souhaitez connaitre la concurrence:
- http://del.icio.us/, est un site de partage des marque pages. Le problème c'est que chaque mot clé devient une catégorie où est stocké le marque page, et qu'il n'y a donc pas moyen de les classer par thème (les mots composants le site étant eux même des mots clés)
- Startaid Online Bookmark est un plugin qui s'installe sous IE et sous FF et qui permet de conserver également ses favoris. Seulement le site est victime de son succès, et à plusieurs fois j'ai eu des problèmes de connexion à l'ajout de marque pages.
- Netvibes a malheureusement un système de gestion des bookmarks assez pauvre. Tout se fait dans une petite fenêtre avec des catégories qui deviennent assez rapidement illisibles.
- MyBookmark était la solution que j'avais développé, mais qui est assez lente car full javascript.
Date: Tuesday, 11 Dec 2007 11:56
Depuis quelques mises à jours Windows, mes touches de clavier "augmenter /diminuer le son" ne fonctionnaient plus (c'est un Microsoft Digial Media Pro Keyboard). L'icone du systray n'était plus visible et aucune des opérations que j'ai pu lire sur les forums n'ont pu m'aider à faire en sorte qu'au redémarrage suivant tout refonctionne de nouveau.
Cependant en croisant diverses informations, je pense avoir trouvé LA SOLUTION.
1-Télécharger ce fichier zip: Utils
2-Décompresser et placer les fichiers dans un répertoire c:\utils
3-Dans démarrer executer taper cmd.exe
4-Taper ensuite les commandes suivantes
cd utils
devcon find * >liste.txt
5-Rechercher dans le fichier liste.txt votre carte son (par ex: creative).
Personnellement, j'ai cette ligne PCI\VEN_1274&DEV_1371&SUBSYS_13711274&REV_06&11B6166B&0&00F0: Creative AudioPCI (ES1371,ES1373) (WDM)
6-Modifier le fichier son.bat pour ajouter le numéro de votre périphérique sonore (ici le 1er numéro est 1274). Votre carte son sera désactivé puis réactivé au démarrage.
devcon disable *VEN_1274
devcon enable *VEN_1274
7-Placer un raccourci vers le fichier c:\utils\son.bat dans votre menu démarrer.
8-Redémarrer et vos problèmes seront de l'histoire ancienne.
-----------------------------------------------------------------------------
Pour ceux qui veulent comprendre ce qu'ils ont fait. Vous avez appeller un fichier qui modifie le registre afin de rajouter la clé qui indique à windows d'afficher l'icone volume. Vous avez désactiver puis réactiver votre carte son (via l'utilitaire microsoft devcon) et enfin vous avez redémarrer votre explorer.exe pour prendre en compte les modifications.
C'est certes compliqué, mais dans mon cas, c'est la seule manipulation qui fonctionne.
Cependant en croisant diverses informations, je pense avoir trouvé LA SOLUTION.
1-Télécharger ce fichier zip: Utils
2-Décompresser et placer les fichiers dans un répertoire c:\utils
3-Dans démarrer executer taper cmd.exe
4-Taper ensuite les commandes suivantes
cd utils
devcon find * >liste.txt
5-Rechercher dans le fichier liste.txt votre carte son (par ex: creative).
Personnellement, j'ai cette ligne PCI\VEN_1274&DEV_1371&SUBSYS_13711274&REV_06&11B6166B&0&00F0: Creative AudioPCI (ES1371,ES1373) (WDM)
6-Modifier le fichier son.bat pour ajouter le numéro de votre périphérique sonore (ici le 1er numéro est 1274). Votre carte son sera désactivé puis réactivé au démarrage.
devcon disable *VEN_1274
devcon enable *VEN_1274
7-Placer un raccourci vers le fichier c:\utils\son.bat dans votre menu démarrer.
8-Redémarrer et vos problèmes seront de l'histoire ancienne.
-----------------------------------------------------------------------------
Pour ceux qui veulent comprendre ce qu'ils ont fait. Vous avez appeller un fichier qui modifie le registre afin de rajouter la clé qui indique à windows d'afficher l'icone volume. Vous avez désactiver puis réactiver votre carte son (via l'utilitaire microsoft devcon) et enfin vous avez redémarrer votre explorer.exe pour prendre en compte les modifications.
C'est certes compliqué, mais dans mon cas, c'est la seule manipulation qui fonctionne.
Date: Saturday, 08 Dec 2007 10:44
Cette phrase volontairement ironique m'amène à parler du phénomene des réseaux sociaux type FaceBook, ou mySpace.J'ai toujours été réticent à l'idée de les utiliser.
Quel intéret de montrer ses gouts personnels sur Internet ? Mes "vrais" amis les connaissent déjà. Cette relation qu'on qualifie "ami" sur ces réseaux n'est d'après moi qu'un simple lien de réferencement. N'importe qui peut se dire l'ami de n'importe qui. Le seul véritable objectif est de ramener des visiteurs sur son site perso via cette liste d'amis virtuels.
Quitte à attirer des visiteurs pour ses gouts personnels autant leur donner la possibilité de les partager via des options d'achats. C'est là que Zlio devient intéressant. Zlio vous permet de créer votre boutique en quelques clics de souris avec les produits que vous avez choisi. Bien sur, vous ne deviendrez pas millionnaire en quelques jours. En fait, vous ne deviendrez surement pas millionnaire du tout, mais ca peut vous offrir un moyen de générer quelques revenus supplémentaires sans avoir de la pub à gogo sur votre site.
Donc, si vous voulez connaitre mes gouts en matière de DVD, jeux... rendez vous sur ma boutique: http://yoz.zlio.net
Et si vous souhaitez ouvrir votre boutique, c'est ici

Quel intéret de montrer ses gouts personnels sur Internet ? Mes "vrais" amis les connaissent déjà. Cette relation qu'on qualifie "ami" sur ces réseaux n'est d'après moi qu'un simple lien de réferencement. N'importe qui peut se dire l'ami de n'importe qui. Le seul véritable objectif est de ramener des visiteurs sur son site perso via cette liste d'amis virtuels.
Quitte à attirer des visiteurs pour ses gouts personnels autant leur donner la possibilité de les partager via des options d'achats. C'est là que Zlio devient intéressant. Zlio vous permet de créer votre boutique en quelques clics de souris avec les produits que vous avez choisi. Bien sur, vous ne deviendrez pas millionnaire en quelques jours. En fait, vous ne deviendrez surement pas millionnaire du tout, mais ca peut vous offrir un moyen de générer quelques revenus supplémentaires sans avoir de la pub à gogo sur votre site.
Donc, si vous voulez connaitre mes gouts en matière de DVD, jeux... rendez vous sur ma boutique: http://yoz.zlio.net
Et si vous souhaitez ouvrir votre boutique, c'est ici

Date: Tuesday, 04 Dec 2007 20:29
A force de recevoir des mails de blagues avec 150 emails à l'intérieur, il me semble important de faire un post sur le sujet.
Aujourd'hui plusieurs virus ont pour objectif de récupérer les adresses mails sur le web et celles contenus dans vos emails et/ou carnets d'adresses afin de les spammer.
Aussi, pensez lorsque vous faites des envois "massifs" de mails aux options
de copie caché. Dans votre outil de messagerie, vous avez surement une case d'adresse du type BCC, CCI ou Copie caché (faites une recherche dans l'aide). Cette option vous permet d'envoyer votre courrier sans afficher les emails des autres.
Pensez également à nettoyer les adresses qui se trouvent dans le mail lorsque vous faites un transfert/forward, ca évitera de les propager à des personnes qui n'en ont pas besoin.
Une autre bonne pratique est de ne pas envoyer des pièces jointes de plus de 2 mégas sans que la personne ne soit au courrant.
Et surtout, si vous recevez des mails qui vous demandent de faire suivre le message à tout le monde, consultez le site hoaxbuster qui vous dira s'il s'agit ou non d'un canular.
Aujourd'hui plusieurs virus ont pour objectif de récupérer les adresses mails sur le web et celles contenus dans vos emails et/ou carnets d'adresses afin de les spammer.
Aussi, pensez lorsque vous faites des envois "massifs" de mails aux options
de copie caché. Dans votre outil de messagerie, vous avez surement une case d'adresse du type BCC, CCI ou Copie caché (faites une recherche dans l'aide). Cette option vous permet d'envoyer votre courrier sans afficher les emails des autres.
Pensez également à nettoyer les adresses qui se trouvent dans le mail lorsque vous faites un transfert/forward, ca évitera de les propager à des personnes qui n'en ont pas besoin.
Une autre bonne pratique est de ne pas envoyer des pièces jointes de plus de 2 mégas sans que la personne ne soit au courrant.
Et surtout, si vous recevez des mails qui vous demandent de faire suivre le message à tout le monde, consultez le site hoaxbuster qui vous dira s'il s'agit ou non d'un canular.
Date: Sunday, 18 Nov 2007 17:24
Récemment, je suis tombé sur un forum qui affichait le désespoir des personnes chargées de réaliser le planning des cours dans les lycées et les collèges. J'ai donc voulu les aider en proposant ce petit utilitaire access.
Il vous suffit de remplir les paramétres suivants:
- Ressources
- Salles
- Type de classes
- Classes
- Professeurs
- Horaires...
Le calcul se fait assez rapidement et vous permet d'afficher les emplois du temps par professeur, par classe, et par salle.
Ceci est une première version, j'ai donc laissé les données à l'intérieur pour que vous comprenniez bien le système de paramétrage. Je vais prochainement rajouter une optimisation de tout ça.
Si ce logiciel vous a aidé, ou que vous souhaitez que je l'améliore, faites moi un email.
Plus d'infos sur http://ynizon.free.fr/documents/emploi_ ... ee_college
Télécharger le logiciel
Il vous suffit de remplir les paramétres suivants:
- Ressources
- Salles
- Type de classes
- Classes
- Professeurs
- Horaires...
Le calcul se fait assez rapidement et vous permet d'afficher les emplois du temps par professeur, par classe, et par salle.
Ceci est une première version, j'ai donc laissé les données à l'intérieur pour que vous comprenniez bien le système de paramétrage. Je vais prochainement rajouter une optimisation de tout ça.
Si ce logiciel vous a aidé, ou que vous souhaitez que je l'améliore, faites moi un email.
Plus d'infos sur http://ynizon.free.fr/documents/emploi_ ... ee_college
Télécharger le logiciel
Date: Thursday, 18 Oct 2007 20:18
Pour ceux qui cherche à inclure un nuage de tags dans leur site.
Voici un script php qui permet de le faire facilement avec simplephpBlog.
http://ynizon.free.fr/documents/simplep ... clouds.zip
Vous avez 2 parametres pour définir la taille mini et la taille maxi.
Le nuage se créé lorsque vous rajoutez du contenu. Vous devez donc aussi modifier le fichier sb_entry_UPDATE.php.
Pour une démo, cliquez ici
Voici un script php qui permet de le faire facilement avec simplephpBlog.
http://ynizon.free.fr/documents/simplep ... clouds.zip
Vous avez 2 parametres pour définir la taille mini et la taille maxi.
Le nuage se créé lorsque vous rajoutez du contenu. Vous devez donc aussi modifier le fichier sb_entry_UPDATE.php.
Pour une démo, cliquez ici
Date: Saturday, 13 Oct 2007 11:04
Recemment, je suis tombé sous le charme d'un composant Flash sur le site d'Arte. Celui-ci permet d'afficher des minis vidéos dans un bandeau déroulant. La barre de scrolling zoom sur la vidéo principale et la lance automatiquement. C'est vraiment super bien fait (chapeau messieurs les programmeurs/designers).
J'ai voulu voir comment faire de même, et grâce à l'exemple PhotoViewer d'Adobe, j'ai réussi à obtenir à peu près la même chose via le logiciel Flex.
Pour info, Flex permet d'utiliser des composants Flash, et de programmer des interfaçes très facilement.
Je vous laisse regarder ce que ça donne.
Si vous aussi, vous souhaitez avoir ce composant, télécharger mon mon bout de code ici. Pour ceux qui n'ont pas Flex, il ne vous reste plus qu'à copier les fichiers du répertoire bin, et à modifier le fichier XML pour mettre vos vidéos ou vos images.
J'ai voulu voir comment faire de même, et grâce à l'exemple PhotoViewer d'Adobe, j'ai réussi à obtenir à peu près la même chose via le logiciel Flex.
Pour info, Flex permet d'utiliser des composants Flash, et de programmer des interfaçes très facilement.
Je vous laisse regarder ce que ça donne.
Si vous aussi, vous souhaitez avoir ce composant, télécharger mon mon bout de code ici. Pour ceux qui n'ont pas Flex, il ne vous reste plus qu'à copier les fichiers du répertoire bin, et à modifier le fichier XML pour mettre vos vidéos ou vos images.
Date: Friday, 28 Sep 2007 18:00
Certaines personnes culpabilisent au travail pensant qu'elles font moins d'heures que leurs collègues, alors qu'elles font leurs véritables horaires.
Certains patrons aiment connaitre les temps réels passés de leurs employés au travail (heure d'arrivée, de départ, temps de pause...).
C'est pour ces 2 besoins que j'ai créé un programme de pointeuse. Celui-ci est gratuit, et les sources (VB6) sont disponibles sur demande.
Il détecte les temps d'inactivité du PC et mémorise automatiquement les pauses (pas d'activité souris/clavier).
Il permet de créer ses propres états en utilisant la base Access ou d'afficher les états par défaut (synthèse des tâches par jour).
Vous pouvez également connaitre et modifier vos temps passés sans avoir Access.
Un dernier détail: si vous souhaitez interdire la modification des temps dans la pointeuse, il suffit de rajouter dans le fichier param.ini la ligne DROIT=FALSE dans la section [PROFIL].
Enfin si vous aimez ce logiciel, un petit mail pour dire merci serait bien sympathique ;-)

Télécharger le logiciel pointeuse
Certains patrons aiment connaitre les temps réels passés de leurs employés au travail (heure d'arrivée, de départ, temps de pause...).
C'est pour ces 2 besoins que j'ai créé un programme de pointeuse. Celui-ci est gratuit, et les sources (VB6) sont disponibles sur demande.
Il détecte les temps d'inactivité du PC et mémorise automatiquement les pauses (pas d'activité souris/clavier).
Il permet de créer ses propres états en utilisant la base Access ou d'afficher les états par défaut (synthèse des tâches par jour).
Vous pouvez également connaitre et modifier vos temps passés sans avoir Access.
Un dernier détail: si vous souhaitez interdire la modification des temps dans la pointeuse, il suffit de rajouter dans le fichier param.ini la ligne DROIT=FALSE dans la section [PROFIL].
Enfin si vous aimez ce logiciel, un petit mail pour dire merci serait bien sympathique ;-)

Télécharger le logiciel pointeuse
Date: Wednesday, 19 Sep 2007 20:25
Plusieurs personnes m'ont envoyé des mails pour me demander comment j'avais réussi à installer QuiXplorer sur free.
Pour rappel, QuiX est un gestionnaire de fichiers web qui vous évite de passer par le ftp.

Tout d'abord il faut créer un répertoire sessions à la racine de votre site.
Celui ci stockera des fichiers temporaires lors de l'authentification.
Créer aussi un dossier quix à la racine avec les sources, ainsi qu'un répertoire mes_documents.
Votre fichier de config doit avoir ces lignes
$GLOBALS["require_login"] = true;
$GLOBALS["home_dir"] = "/mnt/147/free.fr/e/c/VOTRE_LOGIN/mes_documents";
$GLOBALS["home_url"] = "http://VOTRE_LOGIN.free.fr/mes_documents";
Pour trouver le /mnt/147..., il suffit d'ecrire <?php echo ",; ?>
dans un fichier php et de l'ouvrir.
Bon courage à tous...
Pour rappel, QuiX est un gestionnaire de fichiers web qui vous évite de passer par le ftp.

Tout d'abord il faut créer un répertoire sessions à la racine de votre site.
Celui ci stockera des fichiers temporaires lors de l'authentification.
Créer aussi un dossier quix à la racine avec les sources, ainsi qu'un répertoire mes_documents.
Votre fichier de config doit avoir ces lignes
$GLOBALS["require_login"] = true;
$GLOBALS["home_dir"] = "/mnt/147/free.fr/e/c/VOTRE_LOGIN/mes_documents";
$GLOBALS["home_url"] = "http://VOTRE_LOGIN.free.fr/mes_documents";
Pour trouver le /mnt/147..., il suffit d'ecrire <?php echo ",; ?>
dans un fichier php et de l'ouvrir.
Bon courage à tous...
Date: Sunday, 26 Aug 2007 10:22
Pour ceux qui veulent ouvrir une Webradio, tournez vous vers deezer.com. C'est la 1er (voir la seule) offre de web radio légale. Pour le moment, ils se font pas mal chahutés à cause de la technologie Flash, mais ils travaillent dessus pour résoudre ce problème. Souhaitons leur bonne chance.
Ci-dessous ma playlist préférée:
Ci-dessous ma playlist préférée:
Date: Sunday, 19 Aug 2007 08:31
Aujourd'hui, il y a plein de façons de créer des jolis boutons dans le style Web 2.0. La plus simple est de créer 2 boutons avec 2 styles (un standard et un survolé), mais dans ce cas vous devez créer autant d'images que de boutons avec des textes différents.
Pour simplifier la chose, il y a le CSS qui permet d'avoir une image de fond et du texte par dessus. Mais là ou ça se corse, c'est si on veut un bouton avec des bords arrondits (en attendant le CSS v3).
Ma méthode c'est de diviser le boutons en 3 parties (image avec bords arrondits à gauche, texte au centre avec image qui se répete en CSS, image avec bords arrondits à droite) et de faire le reste avec du javascript.
DEMONSTRATION ICI
Pour commencer, lancez Photoshop et charger les styles suivants:
Boutons Style WEB 2.0. Il ne vous reste plus qu'à créer un rectangle aux bords arrondits. Enregistrer votre image et afficher la dans une page Web pour voir le résultat.
Vous trouverez plus d'explications via ce tutoriel.
Maintenant, si vous souhaitez obtenir un effet de reflet, vous pouvez soit utiliser Photoshop (cf tutoriel suivant), soit utiliser la librairie javascript mootools. Nous allons utiliser cette dernière, pour cela ajouter le code suivant à votre page:
<script language="javascript" type="text/javascript" src="js/mootools.js">
</script>
<script language="javascript" type="text/javascript" src="js/reflection.js">
</script>
<img class="reflect" src="votre_image.jpg"/>
Les fichiers javascript étant disponibles ici:
- http://ynizon.free.fr/documents/boutons ... ootools.js
- http://ynizon.free.fr/documents/boutons ... lection.js
Rafraichissez la page, vous devez visualiser l'effet reflet. Faites la touche "imprime écran" sur votre clavier, puis coller le résultat dans Photoshop.
Faite la découpe en 3 images. Pour la partie centrale, vous pouvez utiliser "l'outil rectangle de sélection 1 colonne".
Refaites la même manipulation avec un autre style pour avoir le style survolé.
Maintenant, il ne vous reste plus qu'à déclarer cette feuille de style et ce javascript dans votre page.
Et à coller le code suivant:
Faites attention, à ne pas avoir le même id pour chaque lien <a>.
Tous les fichiers nécessaires se trouvent à cette adresse:
http://ynizon.free.fr/documents/boutons_web2/
<link rel="stylesheet" type="text/css" href="css/style_web2.css" media="screen" />
<script language="javascript" type="text/javascript" src="js/rollover_functions.js">
</script>
<!-- MENU
Le menu appelle des fonctions de rollover, il faut que chaque id du lien <a> soit different
Le prechargement permet d'afficher le rollover instantenement
-->
<div style="display:none" name="prechargement">
<img src="images/B_BarreGauche2.jpg"/>
<img src="images/B_Barre_Reflet2.jpg"/>
<img src="images/B_BarreDroite2.jpg"/>
</div>
<table cellpadding="0" cellspacing="0" border="0" >
<tr>
<td>
<a id='B_MONBOUTON' href='#' title='MON BOUTON' onmouseover="buttons_roll(this,'true')" onmouseout="buttons_roll(this,'false')" >
<div class='bouton_standard' name='img_centre' >
<img name='img_gauche' src='images/B_BarreGauche.jpg' />
<span class='bouton_texte' >
MON BOUTON
</span>
<img name='img_droite' src='images/B_BarreDroite.jpg' />
</div>
</a>
</td>
</tr>
</table>
Pour simplifier la chose, il y a le CSS qui permet d'avoir une image de fond et du texte par dessus. Mais là ou ça se corse, c'est si on veut un bouton avec des bords arrondits (en attendant le CSS v3).
Ma méthode c'est de diviser le boutons en 3 parties (image avec bords arrondits à gauche, texte au centre avec image qui se répete en CSS, image avec bords arrondits à droite) et de faire le reste avec du javascript.
DEMONSTRATION ICI
Pour commencer, lancez Photoshop et charger les styles suivants:
Boutons Style WEB 2.0. Il ne vous reste plus qu'à créer un rectangle aux bords arrondits. Enregistrer votre image et afficher la dans une page Web pour voir le résultat.
Vous trouverez plus d'explications via ce tutoriel.
Maintenant, si vous souhaitez obtenir un effet de reflet, vous pouvez soit utiliser Photoshop (cf tutoriel suivant), soit utiliser la librairie javascript mootools. Nous allons utiliser cette dernière, pour cela ajouter le code suivant à votre page:
<script language="javascript" type="text/javascript" src="js/mootools.js">
</script>
<script language="javascript" type="text/javascript" src="js/reflection.js">
</script>
<img class="reflect" src="votre_image.jpg"/>
Les fichiers javascript étant disponibles ici:
- http://ynizon.free.fr/documents/boutons ... ootools.js
- http://ynizon.free.fr/documents/boutons ... lection.js
Rafraichissez la page, vous devez visualiser l'effet reflet. Faites la touche "imprime écran" sur votre clavier, puis coller le résultat dans Photoshop.
Faite la découpe en 3 images. Pour la partie centrale, vous pouvez utiliser "l'outil rectangle de sélection 1 colonne".
Refaites la même manipulation avec un autre style pour avoir le style survolé.
Maintenant, il ne vous reste plus qu'à déclarer cette feuille de style et ce javascript dans votre page.
Et à coller le code suivant:
Faites attention, à ne pas avoir le même id pour chaque lien <a>.
Tous les fichiers nécessaires se trouvent à cette adresse:
http://ynizon.free.fr/documents/boutons_web2/
<link rel="stylesheet" type="text/css" href="css/style_web2.css" media="screen" />
<script language="javascript" type="text/javascript" src="js/rollover_functions.js">
</script>
<!-- MENU
Le menu appelle des fonctions de rollover, il faut que chaque id du lien <a> soit different
Le prechargement permet d'afficher le rollover instantenement
-->
<div style="display:none" name="prechargement">
<img src="images/B_BarreGauche2.jpg"/>
<img src="images/B_Barre_Reflet2.jpg"/>
<img src="images/B_BarreDroite2.jpg"/>
</div>
<table cellpadding="0" cellspacing="0" border="0" >
<tr>
<td>
<a id='B_MONBOUTON' href='#' title='MON BOUTON' onmouseover="buttons_roll(this,'true')" onmouseout="buttons_roll(this,'false')" >
<div class='bouton_standard' name='img_centre' >
<img name='img_gauche' src='images/B_BarreGauche.jpg' />
<span class='bouton_texte' >
MON BOUTON
</span>
<img name='img_droite' src='images/B_BarreDroite.jpg' />
</div>
</a>
</td>
</tr>
</table>
Date: Thursday, 26 Jul 2007 08:10
Eviter de faire comme moi et de monter votre tente avec des morceaux de bois trouvés à droite et à gauche. Pour cela, voici une checklist afin de ne rien oublier lors d'un depart en vacances:
- Tente,
- Armature et sardines,
- Matelas,
- Gonfleur,
- Couverts,
- Eponge et produit vaisselle,
- Serviettes de bain,
- Ballons,
- Raquettes ping pong/tennis,
- Affaires de toilettes,
- Creme solaire,
- Duvet,
- Glacière,
- Lampe,
- Livres,
- Couette et oreillers,
- PQ,
- sacs poubelles,
- rechaud.
- Tente,
- Armature et sardines,
- Matelas,
- Gonfleur,
- Couverts,
- Eponge et produit vaisselle,
- Serviettes de bain,
- Ballons,
- Raquettes ping pong/tennis,
- Affaires de toilettes,
- Creme solaire,
- Duvet,
- Glacière,
- Lampe,
- Livres,
- Couette et oreillers,
- PQ,
- sacs poubelles,
- rechaud.
Date: Monday, 25 Jun 2007 17:29
Voici quelques jeux en flash pour apprendre sa géographie:
EUROPE
http://www.addictinggames.com/europemap.html
http://sickflash.com/europe_education.htm
MOYEN ORIENT
http://www.addictinggames.com/MESAmap.html
http://www.dailyhaha.com/_flash/Another_Map_game.htm
USA
http://www.dailyhaha.com/_flash/all_50_states.htm
AFRIQUE
http://www.addictinggames.com/africamap.html
MONDE ET AUTRES CONTINENTS
http://www.kidsgeo.com/geography-games/ ... p-game.php
ET POUR FINIR UN PETIT TEST DE MEMOIRE
http://www.bbc.co.uk/science/humanbody/sleep/tmt/
EUROPE
http://www.addictinggames.com/europemap.html
http://sickflash.com/europe_education.htm
MOYEN ORIENT
http://www.addictinggames.com/MESAmap.html
http://www.dailyhaha.com/_flash/Another_Map_game.htm
USA
http://www.dailyhaha.com/_flash/all_50_states.htm
AFRIQUE
http://www.addictinggames.com/africamap.html
MONDE ET AUTRES CONTINENTS
http://www.kidsgeo.com/geography-games/ ... p-game.php
ET POUR FINIR UN PETIT TEST DE MEMOIRE
http://www.bbc.co.uk/science/humanbody/sleep/tmt/
Date: Saturday, 23 Jun 2007 16:28
2 petites astuces:
- le 1er pour zapper le compte a rebours lorsque vous visionnez une bande annonce. Il suffit de faire un marque page avec ce lien
SUPPRIMER PUB ALLOCINE en le glissant dans vos favoris.
Lorsque le compteur s'affiche, cliquez sur ce lien, et le film commencera.
- la 2e pour éviter d'avoir à cliquer sur la publicité en arrivant sur le site. Ajoutez ce lien dans vos favoris plutot que celui d'allocine: Allocine Sans Pub
Faites un clic droit dessus, puis propriétés et dans mots clés, saisissez
http://www.allocine.fr/
Le jour ou vous saisirez allocine.fr, cette page sera automatiquement chargée vous supprimant la pub.
- le 1er pour zapper le compte a rebours lorsque vous visionnez une bande annonce. Il suffit de faire un marque page avec ce lien
SUPPRIMER PUB ALLOCINE en le glissant dans vos favoris.
Lorsque le compteur s'affiche, cliquez sur ce lien, et le film commencera.
- la 2e pour éviter d'avoir à cliquer sur la publicité en arrivant sur le site. Ajoutez ce lien dans vos favoris plutot que celui d'allocine: Allocine Sans Pub
Faites un clic droit dessus, puis propriétés et dans mots clés, saisissez
http://www.allocine.fr/
Le jour ou vous saisirez allocine.fr, cette page sera automatiquement chargée vous supprimant la pub.
Date: Saturday, 09 Jun 2007 16:43
Etant donné que la TAN tarde à avoir sur son site internet, un outil qui permet de savoir quel bus il faut prendre pour arriver à tel endroit, j'ai décidé de créer le mien.
Pour le moment, il n'y a que quelques lignes, et l'interface est encore rudimentaire, mais l'essentiel est déjà là.
Si vous souhaitez rajouter des lignes, modifier des coordonnées erronées, ou encore me faire des suggestions, ne vous privez pas, mais prévenez moi lorsque c'est fait.
Le lien est ici
http://ynizon.free.fr/documents/tan_nantes
Pour le moment, il n'y a que quelques lignes, et l'interface est encore rudimentaire, mais l'essentiel est déjà là.
Si vous souhaitez rajouter des lignes, modifier des coordonnées erronées, ou encore me faire des suggestions, ne vous privez pas, mais prévenez moi lorsque c'est fait.
Le lien est ici
http://ynizon.free.fr/documents/tan_nantes
Date: Monday, 14 May 2007 11:06
J'ai un ami qui a créér un jeu de stratégie sur plateau. Avant de passer à une phase de commercialisation, il voudrait tester son jeu auprès du public, et c'est pourquoi il m'a demandé de l'adapter à Internet. Le jeu est vraiment sympa, et c'est pourquoi j'ai décidé de m'y atteler. Le problème c'est que je manque de temps et que le projet avancerait certainement plus vite si nous étions plusieurs. SI vous êtes interessé, mailez moi.
http://ynizon.free.fr/perso/contact.php
Le jeu se base sur une carte constituée de polygones avec des vaisseaux qui se déplacent, tirent et ramassent des objets.
J'ai commencé à le programmer en Flash 8 (en objet) et avec une base mysql/PHP.
Le projet se passe sur http://test4google.free.fr/space_cargo
http://ynizon.free.fr/perso/contact.php
Le jeu se base sur une carte constituée de polygones avec des vaisseaux qui se déplacent, tirent et ramassent des objets.
J'ai commencé à le programmer en Flash 8 (en objet) et avec une base mysql/PHP.
Le projet se passe sur http://test4google.free.fr/space_cargo
» © All content and copyrights belong to their respective authors.«
» © FeedShow - Online RSS Feeds Reader









