Theme BiznessCard 1.0

Ça fait déjà quelques temps que je développe des thèmes pour Wordpress que ce soit pour moi, pour Noli ou pour les sites de divers personnes mais jusqu’ici je n’avais pas encore rendu de thème disponible au téléchargement.

Biznesscard est donc le premier (d’une longue série peut-être ?). Comme d’habitude maintenant, c’est Noli qui le fait sous photoshop et je le code par la suite.

Il a pour vocation d’être un thème type portail pour présenter une personne et/ou ses créations ainsi que ses réseaux sociaux.

Pressé par Noli pour le sortir, je n’ai malheureusement pas eu le temps de me pencher sur un panneau d’administration et il faut encore éditer deux ou trois fichier à la main pour qu’il soit utilisable ailleurs. Peut-être que j’ajouterai ça dans une version future, sinon ça sera pour un autre thème.

Vous pouvez le voir en action sur le portail de Noli et le télécharger ici: BiznessCard 1.0

Prenez bien garde à lire le ReadMe. Et si il vous plait, n’hésitez pas à me laisser un petit commentaire

Le vieux thème flashy

Alors que le précédent n’avait que quelques mois, j’ai décidé de développer un nouveau thème un peu plus sobre et plus lisible (il parait que blanc sur fond orange clair c’est peu lisible)

Il n’a pas de nom (mais combien d’entre vous savent que le précédent s’appelait Orange and Nerdy ?) et fait un usage intensif du border radius et de la propriété rgba pour les backgrounds introduits par CSS3. Tous les navigateurs ne sont donc pas correctement supportés (ils ont qu’a être à jour après tout…)

Si vous utilisez un navigateur Webkit ou Gecko (Firefox, Safari, Chrome,…) vous n’aurez aucun problème, en revanche avec Opera et Internet Explorer vous ne verrez pas les bords arrondis et le tout risque de vous paraître un peu angulaire… Par contre l’opacité se comporte convenablement (sauf pour IE6 mais là j’abandonne)

N’ayant pas IE7, je n’ai pas testé. Si vous l’utilisez vous feriez mieux de passer à la version 8
Dans la foulée j’ai mis à jour Wordpress en version 2.9, en un clic c’était fait et sans encombres (J’ai parlé trop vite, publier l’article a fait planté SexyBookmarks). Et si vous utilisez un téléphone mobile pour venir ici, vous aurez droit à un joli thème par défaut tout à fait adapté que je mettrai prochainement aux couleurs du thème normal actuel.

N’hésitez pas à émettre critiques et/ou suggestions si vous en avez. Bonne journée et à bientôt.

PS: Au fait: C’est mon premier thème 100% valide xHTML 1.0 Transitionnal.

Grâce au talent et aux idées de Noli, me voila moi aussi avec un thème trop classe. Une journée de boulot pour découper et coder. J’arrive à saturation là, donc il se passera un certain temps (voire même un temps certain) avant que je ne me relance dans une telle entreprise.

Vous avez quand même échappé à ça: Lire la suite

Meet Pastelle

Il m’aura fallu une journée et demi mais je l’ai fait. Mon premier thème découpé à partir de photoshop, et de loin le truc le plus compliqué que j’ai eu a faire. J’ai appris a maîtriser les balise position, overflow, z-index et compagnie. Et en plus il s’affiche tout pareil sous Firefox3, Chrome, Opera 10 et IE8.

Evidemment les vrais développeurs web eux ils torchent ça en 5min et s’amusent de me voir m’extasier mais je m’en fout. Je suis fier de moi.

Bientôt (une fois que Noli aura fait le design sous Photoshop) c’est mon thème qui y passera. Et ça va claquer tout autant !

Vous pouvez admirer la version fonctionnelle de « Pastelle » (c’est Noli qui a trouvé le nom évidemment) sur Noli.fr

Et ne regardez pas le code source (encore moins le CSS), je pense qu’il va vous piquer les yeux.

Donne thème Wordpress, original, jamais servi.

Noli s’étant enfin décidée a designer son thème sous photoshop, j’ai décidé hier de faire pareil et j’ai passé toute l’après-midi et toute la soirée d’hier a me faire mon futur thème pour ce blog.

J’aime le changement, et pour mon confort psychologique je dois changer de thème deux fois l’an, sinon je perds ma motivation a écrire des articles. Or c’est le moment, le noir et orange ça va un temps, maintenant je trouve ça un poil lugubre. D’autant que les beaux jours s’en vont, il faut donc un peu de soleil sur mon blog a défaut d’en avoir par la fenêtre. (Contrairement aux idée reçues, je ne passe pas ma journée les volets fermés -à part quand il y a des reflets-)

Bref, quelques heures de boulot qui me satisfaisaient encore hier soir, mais malheur… Ce matin, plus rien, il ne me plait déjà plus assez pour que je le peaufine. On va donc partir sur autre chose (et c’est Noli qui sera à la création, moi je m’occuperai du code). Mais comme j’ai pas envie de faire du boulot pour rien, je vous propose (si quelqu’un est intéressé) de le personnaliser et de le terminer pour votre blog. Ma seule condition c’est un article publié à mon sujet (en bien ou en mal, m’en fout ^_^) et un lien (discret) dans le footer.

Endless enhancing

Ces derniers jours j’ai un peu travaillé sur mon blog histoire de rajouter deux trois choses (très exactement trois en fait):

• Des boutons Twitter et Facebook pour pouvoir me suivre facilement sur les plateformes de web 2.0 (Cliquez sur « Find me on the Web » )
• Un système de notation des articles et des commentaires. N’hésitez donc pas à attribuer une note aux articles que vous lisez (qu’ils soient intéressants ou non), ça me permettra de voir de quoi vous préférez que je parle (et ça me donnera l’impression que vous me lisez vraiment)
• Last but not least: Des sondages ! Comme ça je pourrais avoir directement votre avis sur tout et n’importe quoi.

D’ailleurs en parlant de sondage on commence tout de suite avec celui-ci, histoire de savoir si vous trouvez ça utile ou complètement useless…

 Loading ...

Parce que bon ça doit faire le troisième thèmes que je fais (grâce aux très bons tutoriaux de Fran6 qui sont très bien fait) mais le premier à être aussi réussi. Tout ça c’est la faute à ma chérie qui m’a fait cette bannière super classe qui m’a inspirée pour le reste.

Sinon ben j’ai passé tout la soirée à reclasser mes 293 articles dans les nouvelles 7 catégories, c’était vraiment trop le bordel, espérons que j’arrive à garder un semblant d’ordre ici.

Je suis conscient que la disparition de la sidebar peut en perturber certains, mais la tentation de la remplir de trucs inutile était trop forte et elle n’avait plus grand intérêt.

Alors, combien de temps je vais le garder celui là ?

Mais qu’est-ce que c’est ?

Rien de bien compliqué, derrière ce mot étrange se cache un service de gestion d’avatars. Ça permet (après avoir inclut quelques lignes dans le code de la page des commentaires) d’afficher un avatar propre à chaque auteur de commentaire. Et dans le cas où il n’a pas d’avatar associé, wordpress en génère un automatiquement.

C’est pour ça que moi et noli (par exemple) on a un chouette avatar et que les autres ont un petit monstre moche (Parce que la génération se base sur « MonsterID » mais j’aurais tout aussi bien pu faire des petites têtes moches avec « Wavatar » ou des petites formes géométriques moches avec « Identicon »)

Pour se faire un gravatar et donc afficher une image qui vous correspond un peu plus, il vous suffit de vous rendre sur Gravatar.com et de vous y inscrire. Ensuite, la détection de l’avatar se base sur l’adresse e-mail fournie lors de votre inscription. Il vous suffira donc de l’indiquer à chaque fois que vous postez un commentaire et votre Gravatar s’affichera automatiquement à côté de votre pseudo.

Hier j’ai remarqué que mon compteur de visite restait désespérément sur 0. Étrange pour un blog aussi bien référencé que le mien (notamment pour des requêtes telles que « fouetter » « filme de sex la ou on baise » ou encore « faire mal« .)

Le problème s’étant déjà présenté j’avais ma petite idée de la cause: La fonction wp_footer() ne figurait probablement pas dans mon thème. (Elle est utilisée par un paquets de plugins qui peuvent rajouter ce dont ils ont besoin à la fin du code source sans que l’utilisateur ait à modifier manuellement le fichier.) J’allais donc devoir m’assurer de sa présence.

Sauf que… Le développeur du thème ne voulait pas qu’on édite son précieux thème (surtout pas la partie ou il se fait sa pub) et a donc crypté le fichier footer.php avec une obscure fonction: base64_encode.

Le fichier ressemblait donc à ça:

1
2
3
4
5
6
7
8

<?php 
/*
Encoder : NET-TEC PHP-ENCODER V 1.0
WEB : http://www.net-tec.biz/
WARNING: This file is protected by copyright law. To reverse engineer or decode this file is strictly prohibited. 
*/
$Q4B4A2639A3042AC58A17D9256DBA8280="DQovKg0KRW5jb2Rlc /* Partie tronquée parce que 240Ko de caractères ça fait un peu beaucoup */ 2Pg0KPC9kaXY+DQo8L2JvZHk+DQo8L2h0bWw+";eval(base64_decode($Q4B4A2639A3042AC58A17D9256DBA8280));
?>

Un peu difficile a lire non ?

Après quelques recherche j’ai trouvé qu’en remplaçant simplement eval(…); par print(…); on obtenait le résultat sans qu’il soit interprété par php. Mais j’ai jamais réussi à le faire à l’aide de mon simple navigateur… C’est donc comme ça que je me suis retrouvé connecté en ssh sur mon serveur à lancer la commande php footer.php > footer_decode.php pour récupérer ceci:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<?php
/*
Encoder : NET-TEC PHP-ENCODER V 1.0
WEB : http://www.net-tec.biz/
WARNING: This file is protected by copyright law. To reverse engineer or decode this file is strictly prohibited. 
*/
?> 
    		</div>
		<div id="sidebar">
			<a class="rss" title="RSS Feed" href="<?php bloginfo('rss2_url'); ?>">RSS Feed</a>
			<?php include (TEMPLATEPATH . '/sidebar.php'); ?>
		</div>
		<div class="clear"></div>
	</div>
	<div id="footer">
		Black n Orange <?php 
/* V10
Encoder : NET-TEC PHP-ENCODER V 1.0
WEB : http://www.net-tec.biz/
WARNING: This file is protected by copyright law. To reverse engineer or decode this file is strictly prohibited. 
*/
 $ooo="pCQ9jnUNtWS/* Tronqué pour les mêmes raisons que précédemment */ LmV3LJEuAl4aCP9uCv4aB31yL2uiVPEFBTMuZGEwMQf/Ct==";eval(base64_decode("JG1tbT0nsbD0kbGxsbGxsbGxsb/* Encore tronqué */ GxsbGxsbGxsPSckbGxsbGxsbGxsbGw9XCdfXCc7JztldmFsKCRsbGxsbGxsbGwpOw=="));
 ?>
 
 
  </div>
</div>
</body>
</html>

Je vous passe les deux autres décodages nécessaires pour se rendre compte que la dernière partie cryptée ne correspond qu’à deux trois liens vers le site du développeur et quelques sites commerciaux dont je n’ai rien à cirer. J’ai donc pu inclure mon super wp_footer() et virer tout ce qui avait trait à ce salaud dissimulateur.

Certains peuvent se demander quel intérêt de se donner tant de mal pour un petit bout de code alors qu’il aurait probablement suffit d’ajouter bêtement le bout de code qu’il fallait sous la partie cryptée ? Tout simplement parce que je supporte pas qu’un code source me dissimule des choses. Qui sais s’il n’y avait pas une fonction qui récupérai mon mot de passe pour l’envoyer sur un serveur en russie ? Un bout de code qui afficherait une popup à chaque fois que quelqu’un clique sur un lien ? J’aime savoir ce que fais le code que j’exécute, surtout quand d’autres personnes peuvent être concernée (récupérer le cookie d’un visiteur contenant un mot de passe n’est pas si compliqué que ça parait-il.)

Désolé à NoLi de l’avoir ignorée tout le temps que ce fichu décryptage m’a pris, j’avais besoin d’être concentré

Parce que je suis un glandeur doublé d’un bourrin, j’ai mis à jour mon blog en version 2.7 via la mise a jour automatique à partir du PC du boulot.