J’ai trouvé sur MacRabbit un petit « kit » pour changer les icones de VLC sous mac OS X. L’opération se fait facilement en quelques étapes :

1/ Téléchargez le « kit » ici

2/ Trouvez votre application VLC, qui devrait normalement être dans votre répertoire application.

3/ Faites un clique-droit dessus et séléctionnez « Afficher le contenu du paquet ».

4/ Normalement, ça devrait vous ouvrir une nouvelle fenêtre, naviguer dans « Contents » puis « Resources »

5/ Copiez dans le dossier « Resources » ce qui se trouve dans le kit que vous avez téléchargez.

Et voilà ! Vous devriez maintenant avoir ces beaux icônes !

© Pierre Atman for Get Back To Work, 2009. | Permalink | No comment | Add to del.icio.us
Post tags: Freebies, icones, tips, vlc

Il n’est pas mis à jour très très souvent, mais c’est toujours de qualité ! Bref, messieurs les graphistes, à vos bookmark !

© Pierre Atman for Get Back To Work, 2008. | Permalink | 2 comments | Add to del.icio.us
Post tags: graphisme, texture, vinyles

© Pierre Atman for Get Back To Work, 2008. | Permalink | 2 comments | Add to del.icio.us
Post tags: grunge, icône, photoshop, screecast, tutorial, video

Comme vous le savez peut-être, je suis graphiste et flasheur. En tant que flasheur j’utilise assez souvent des fichiers PNG transparents car Flash gère ça très bien. Je fais un peu plus rarement du HTML et c’est en montant ce blog, et plus particulièrement le prochain thème de ce blog que j’ai rencontré ce petit soucis avec IE 6…Bon en fait c’est pas tout c’est pas tout à fait la vérité, je savais déjà que ça passait pas sous IE6…c’était juste pour faire un teaser à 30 cents d’euro pour mon prochain thème!

Toujours est-il que j’ai du chercher pour la première fois la solution à ce problème! Il y a encore une fois pas mal de solution et de script de disponible. Après avoir fait le tour, celui d’Angus Turnbull me semble le mieux et surtout c’est un script qui evolue encore aujourd’hui car il vient de sortir une version 2 (encore en test).

Pour commencer il faut télécharger le script ici. Ensuite au niveau de la mise en place, c’est vraiment tout ce qu’il y a de plus simple! Pour les amoureux de l’anglais vous trouverez l’integralité des informations ici, pour les autres voici un petit résumé !

1. Une fois que vous avez téléchargé et dezippé le fichier, copiez « iepngfix.htc » et « blank.gif" dans votre site web ou dans le dossier de votre thèmes WordPress.
2. Ajouter ce code dans votre page HTML ou dans votre fichier CSS:
   <style type= »text/css »>
   img, div { behavior: url(iepngfix.htc) }
   </style>
   Evidement si vous comptez mettre du png transparent dans un lien ou d’autre type de balise, il faut les ajouter au code. Comme ceci par exemple :
   <style type= »text/css »>
   img, div, a, input { behavior: url(iepngfix.htc) }
   </style> 
3. Si besoin, en fonction de l’arborescence de votre site, il faudra éditer le fichier « iepngfix.htc » pour changer le ciblage du fichier « blank.gif« . Par exemple si le fichier se trouve dans le dossier « images« :
   var blankImg = ‘/images/blank.gif’; 
4. Et bah rien…Ah si, comme le dit l’auteur du script et je dois avouer que je suis assez pour ce genre de chose, si vous utilisez son script, pensez à faire une donation! Cliquez-ici pour le remercier!

Je profite de l’occasion pour vous poser la question, est-ce-qu’il vous arrive de faire des donations pour ce genre de chose ? Personnellement, je donne assez régulièrement, rarement des grosses sommes je dois l’avouer, mais ce que je peux. Pas mal de fois, je me suis sorti de gros merdier grâce à un type à l’autre bout de la planète qui a eut la générosité de partager son travail. Je me dis toujours que si des gens donnent, il y a de forte chance pour que les codeurs, graphistes, et j’en passe, continuent à donner.

Pour voir tous les « Tips & Tricks » c’est par ici!

© Pierre Atman for Get Back To Work, 2008. | Permalink | 4 comments | Add to del.icio.us
Post tags: ie6, png, Tips & Tricks, transparent

Pour cette premiere astuce, nous allons voir comment améliorer le graphisme des titres de vos blog grâce au PHP. J’ai eu cette idée suite à une discussion sur le blog de Christophe de logiste.be

Le reste est dans la suite, car c’est vraiment un article très long! (ce qui explique l’absence de news durant le week-end)

Comme vous le savez sûrement, en HTML, nous sommes limités aux polices dites « système ». Grosso-modo vous avez le droit à :

• Arial
• Verdana
• Times new roman
• Courrier
• Georgia
• Gevena

Bon c’est sympa, mais pas super fun tout de même! Il existe quelques méthodes qui permettent d’utiliser d’autres polices, je dirais même toutes les polices (TTF).

Avant de mettre les mains dans cambouis, je tiens à préciser que cette petite astuce demande tout de même quelques connaissance technique, aussi bien au niveau du PHP que de WordPress. En cas de problème n’hesitez pas à poser vos questions en commentaire, je répondrais et je vous aiderais dans la mesure du possible…et de mes capacités!

Alors, c’est parti!

Méthode 1 :

En premier, je vous présente la solution que j’ai préférée et que je compte installer sur mon blog dans quelques temps (je suis déjà sur un nouveau thèmes ^^). Je vous propose de voir comment la mettre en place sur le votre. Pour commencer, rendez-vous sur le site de João Makray qui à créé le script. Pour ceux qui parlent anglais, je vous invite à lire ses explications afin de mieux comprendre le fonctionnement du système.  

Nous allons procéder étapes par étapes dans l’installation du code :

1. Pour commencer, si vous travaillez directement en ligne, pensez à faire une sauvegarde de vos fichiers! (on est jamais trop prudent!)
2. Pour commencer, il faut télécharger ce fichier zip, et le dezipper!
3. Dans le dossier « dtr » ouvrez le fichier « dtr.php« .
4. Modifiez la variable « $dtr_dir » par le chemin complet vers votre thème.
   Par exemple pour moi : var $dtr_dir = « wp-content/themes/montheme/dtr »;
5. Vous pouvez maintenant uploader le dossier « dtr » dans votre dossier « themes » sur votre serveur.
6. Ce qu’il reste à faire c’est lier le tout! Pour cela, vous allez ouvrir le fichier « index.php » de votre thème et ajouter en première ligne ceci : 
   <?php include ‘wp-content/themes/montheme/dtr/dtr.php’; ?>
7. A la dernière ligne de votre fichier « index.php« , vous allez ajouter ceci :
   <?php ob_end_flush(); ?> 
8. Il nous reste maintenant à lier la CSS qui va nous servir à configurer et afficher notre texte en image. Vous devez donc ajouter au fichier CSS de votre thèmes cette ligne :
   @import « dtr/headings.css »; 
9. Pour la dernière étape, ouvrez le fichier « headings.css » et modifiez-le comme bon vous semble.

Pour avoir essayé rapidement, je peux vous assurer que cela marche très bien, cependant suivant les thèmes et le fichier CSS de votre thèmes la configuration du fichier « headings.css » se révèle plus ou moins facile…Bref, si vous touchez votre bille (et hop, une petite expression en direct des années 80) en HTML/CSS pas de problème, sinon vous aurez peut-être quelques surprise.

J’ai échangé quelques email rapides avec l’auteur du script, il travaille visiblement sur une version pour WordPress et devrait me prévenir quand il aura fini. Il m’a aussi prévenu que son emploi du temps était assez chargé et qu’il n’avait donc aucune date de livraison, mais on ne peut pas lui en vouloir pour ça!

Méthode 2 :

La deuxième méthode fonctionne avec un script php, et un javascript, j’ai aussi réussi à le faire marcher sans soucis, par contre il ne semble pas intégrer le retour à la ligne automatique. Bref, il à l’air un peu moins puissant que l’autre. Pour toutes les informations, c’est par ici.

Méthode 3 :

J’ai trouvé celle-ci grâce à rez0.info, merci à lui! C’est encore le combo Javascript/PHP pour le remplacement de texte. vous trouverez toutes les informations sur le site de FaceLift. Personnellement j’ai trouvé que c’était un peu plus complexe à première vu. Je n’ai donc pas vraiment était plus loin, mais vous pouvez le voir en action sur rez0.info!

Méthode 4 :

Et encore une dernière pour la route! Alors celle-la je ne l’ai même pas testée. Pourquoi ? Parce qu’elle utilise Flash, et que personnellement je ne veux pas que mes titres soient remplacés par du Flash. Je vous donne quand même le lien, vous vous ferez votre propre opinion! sIFR c’est par ici! 

Et bien voilà, pour une première de « Tips & Tricks » je pense que c’est pas mal. Beaucoup d’information. Je dois avouer que j’ai passé pas mal de temps à regarder tout ça j’espère que ça vous inspirera pour vos prochain thème ou site internet! N’hesitez pas à me donner votre avis ou à poser des questions!

Pour voir tous les « Tips & Tricks » c’est par ici!

© Pierre Atman for Get Back To Work, 2008. | Permalink | 7 comments | Add to del.icio.us
Post tags: blog, Design, PHP, Police, Titre

Voila ce que ça donne en image :

Dans l’ordre on a donc le fameux RSS, puis Facebook et Twitter. Bon je ne suis pas content à 100% du Twitter. Je pense qu’il va rapidement subir un petit lifting celui-la!

Si certains d’entre vous sont intéressés par les PSD pour compléter ou retoucher à leur sauce, n’hésitez pas à me demander!

Et par ici pour télécharger les PNG!

© Pierre Atman for Get Back To Work, 2008. | Permalink | 20 comments | Add to del.icio.us
Post tags: facebook, Freebies, icône, photoshop, rss, twitter