Aller au contenu | Aller au menu | Aller à la recherche

Marine

Keyword - template

Fil des billets - Fil des commentaires

Futur template wordpress et dotclear : Fluctuat Nec Mergitur

Juste un petit aperçu de ce que sera le header d'un futur nouveau blog sur Paris. J'adapterais ensuite son design à un template générique distribué librement avec les licences de creative commons habituelles.

template wordpress

J'aime bien faire ce genre de design "urbain", avec la ville en fond, j'avais déjà fait quelque chose d'approchant pour feu mangastyl avec des persos à la place des bâtiments il y a quelques années, pour dotclear.


Azulejo Portugais, thème pour Wordpress

Mon nouveau site sur le Portugal et la culture lusophone, Lusitanie.fr; repose sur le thème spécialement créé pour lui, "Azulejo Portugais". Ce thème a pour base graphique les carrelages typiques que l'on voit un peu partout au Portugal, les "azulejos" (sur des maisons de particuliers, sur des églises, sur des mairies, des boutiques... partout). Majoritairement bleu et blanc, un design qui s'adapte à la résolution de l'écran, et qui se veut porteur d'un certain concept portugais de l'esthétisme.

Header du Template Azulejo de Portugal Cette image ci-contre correspond au header - la partie supérieure - du template pour Wordpress. Vous pouvez télécharger le thème pour Wordpress ici : http://e-jori.com/etc/wp-azulejo.zip et l'installer normalement pour votre blog Wordpress : il est compatible avec les widgets, et la barre latérale est sur la gauche. Le template a également été optimisé pour le référencement naturel, qui de toute façon est déjà très bon par défaut sur Wordpress.

Avant que quelqu'un ne le demande, oui, je prépare une version pour Dotclear =) !

Au sujet de Lusitanie.fr : c'est un blog sur lequel je parlerais du Portugal et des cultures héritières, les pays lusophones (Brésil, Angola, Cap-Vert...). Différents aspects de la culture seront abordés, de la musique à la gastronomie, en passant par les monuments ou les coutumes locales. Dans mon premier post, je vous parle de Fado, la musique de la Saudade.

Footer du Template Azulejo de Portugal L'image de gauche correspond ici au footer de "Azulejo de Portugal". Chaque fin de post est ponctué d'un coquillage. L'utilisation de la police de caractères "monotype corsiva" pour le titrage est assez "osée", parce que ce n'est pas une police habituelle, mais pourtant ! Il semblerait qu'elle soit disponible dans plus de 80% des systèmes Windows, ce qui en ferait une police encore plus répandue que Times New Roman. Pourquoi s'en priver, surtout qu'elle correspond plus ou moins à la police que je cherchais pour ce design... Il faut savoir qu'au départ, je voulais utiliser sIFR pour ce template, afin d'inclure la police de mon choix. Après avoir réussi à installer sIFR, j'ai été forcé de constater que cette technologie avait trop de désavantages : de nombreux petits bugs, comme le non affichage pur et simple des titres une fois sur deux, une difficulté à configurer et personnaliser la police m'ont donc fait préférer une inclusion classique en CSS de la police de caractères actuelle. J'ai fait le même type de pari pour la police en général du template, "Palatino Linotype" : très répandue également sur les systèmes windows, l'écrasante majorité des lecteurs des blogs utilisant ce thème pour wordpress (et prochainement dotclear) devraient le voir conformément à l'original.


LiquidCard pour WordPress

Je viens de voir que je n'avais pas encore fait de billet pour mon thème LiquidCard pour WordPress, alors que je l'avais décliné sur ce fameux moteur de blog depuis... belle lurette maintenant ¬¬ Donc voila, réparons cette regrettable erreur, en vous mettant à disposition LiquidCard normal (avec les couleurs de mon blog), et l'assez populaire dark LiquidCard (celui tout noir et bleu). Il y a des blogs qui utilisent un peu partout sur le web ces deux thèmes, à vous de taper sur Google les bons mots clefs, j'ai la flemme =D

http://e-jori.com/etc/wp-dark-liquidcard.zip pour la version foncée
http://e-jori.com/etc/wp-liquidcard.zip pour la version normale. Dézippez les dans votre dossier de thèmes, ça devrait marcher.


LiquidCard pour dotclear 2

Vous ne l'attendiez plus, moi non plus! Mais j 'ai enfin débloqué un peu de temps pour mettre à jour mon LiquidCard pour dotclear 2. Alors voilà, au programme, tout ce que vous avez pu voir sur mon blog depuis maintenant plus d'un an : propriétés liquides, revision de quelques bugs d'affichage (par exemple les titres des billets trop longs qui se chevauchaient sur les dates...), un peu d'optimisation pour le référencement. Rien de bien méchant. Pour l'installer, voici l'adresse du package :

http://e-jori.com/dotclear2/public/theme-LiquidCard2-2.0.pkg.gz

Pour ceux qui préfèrent le fichier .rar :

http://e-jori.com/dotclear2/public/LiquidCard2.rar

Si vous rencontrez certains problèmes d'affichage, c'est sans doute parce que je suis incompétent, et je vous fait confiance pour me dire ce qui ne va pas, afin que je puisse corriger si besoin est =) ! Peut être que je ferais les autres versions de couleur, si j'ai le temps, un de ces quatre, un jour, probablement, on sait jamais, pourquoi pas.


webdesign: principaux sites réalisés.

detail Au cours des années, de mon premier site réalisé en 1999 jusqu'a aujourd'hui, beaucoup de choses ont changé au niveau du webdesign. Je vous montre ici mes réalisations principales, à des moments clefs de mon parcours de webdesigner. De l'époque où le mot d'ordre etait l'utilisation de tables et des éditeurs wysiwyg à aujourd'hui: respect des standards et la séparation du contenu du graphisme en utilisant (x)html et css2. Pour voir un graphisme en plus grand, cliquez sur l'image :)

Lire la suite...


Mozaik, pour dotclear

J'ai fini l'adaptation en thème dotclear d'un ancien design que j'avais fait pour PHPBB, Mozaïk. J'éspère qu'il vous plaira, il est liquide (adaptable à toute résolution) et facilement personnalisable.

Pour l'installer: installeur

Les fichiers archivés si l'installeur ne fonctionne pas: archives

Et enfin deux petites prévisualisations: visualiser header et visualiser bottom

À propos, le dessin utilisé pour le header est Flores Latinas, que vous pouvez voir sur deviantART dans son intégralité : deviantART, libre à vous de remplacer cette illustration par votre header personnalisé ;)