Consultant référencement naturel et design : voir et être vu sur le web, par José da Silva, alias Jori Avlis - Tag - dotclear

Futur template wordpress et dotclear : Fluctuat Nec Mergitur

Jori — Tue, 14 Oct 2008 23:30:00 +0200

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.

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.

LiquidCard pour dotclear 2

Jori — Mon, 18 Feb 2008 22:53:00 +0100

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.

Comment modifier Liquid Card

Jori — Mon, 16 Jan 2006 17:42:00 +0000

Quelques questions souvent posées, quelques idées pour personnaliser son thème? Voici un petit tuto pour vous aider :)

Tout d'abord, je vous présente le nouveau thème de couleur, en négatif: dark LiquidCard - installeur allez faire un petit tour sur le site démo, les images sont plus explicites que les mots. Ça change :p

Passons au mini tuto.

Comment ajouter un lien dans le menu des catégories supplémentaires, dans la même ligne?

On cherche dans template.php la ligne où se trouve: dcCatList() et on remplace par dcCatList('<ul>%s<li><a href="votre nouveau lien">blabla</a></li></ul>')

Comment rajouter une image en fixe à droite comme sur e-Jori.com?

Ouvrir style.css et rajouter:

#bougepas {

 position: absolute;
 bottom: 0;
 right: 0;
 z-index: 100;

} html>body #bougepas {

 position: fixed;

}

Si vous voulez mettre l'image à gauche, remplacez right par left.

Ensuite, dans template.php, il faut rajouter quelque part (avant <div id="menu"> par exemple).

Ah je veux mon menu en fixe, pour pas qu'il bouge, comment je fais?

C'est le même principe que pour la question précédente. Sauf que comme les liens ne vont pas bouger, il vaut mieux intervertir les positions avec le header, donc:

dans template.php, on prend

et on le met avant

On vient donc de mettre l'élément du menu avant l'élément du header. Maintenant, on veut que ce menu ne scrolle pas (j'avertis tout de suite que ça ne marche pas sous IE, comme d'habitude, mais on est habitués :)

On ouvre style.css, on trouve

#menu { margin: -7px 0 -4px 0px; padding: 0; }

après padding: 0; (et avant le } ) on rajoute:

 position: relative;
 z-index: 90;

} html>body #menu {

 position: fixed;

Voilà, ça devrait marcher. Bon courage, si vous avez des questions, hésitez pas :)

Petit bonus: images sans plantes pour ceux qui veulent personnaliser un maximum Liquid Card. Oubliez pas de retirer le gAMA de votre fichier png avec tweakPNG, comme ça Internet Explorer affichera correctement les couleurs.

Mozaik, pour dotclear

Jori — Sun, 08 Jan 2006 12:53:00 +0000

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é ;)

Thème LiquidCard

Jori — Thu, 29 Dec 2005 10:56:00 +0000

J'ai enfin fini l'adaptation du thème de mon petit site :) Le design s'adapte à votre résolution, ainsi, quelque soit votre résolution, le site ne paraitra jamais minuscule :p (bon en dessous de 800*600 avec Internet Explorer, ça bugue un peu à cause du calendrier...). Un LiquidCard simplifié, sans flash, mais en revanche un header liquide aussi, comme le reste des éléments qui composent ce thème.

A vous de le personaliser ;)

Si vous utilisez ce thème, merci de me l'indiquer (en commentant ce billet, par exemple), que je puisse vous lier.

Une petite capture d'écran

Une petite démo

Installeur:

http://e-jori.com/etc/dc_themes/theme-LiquidCard-0.1.pkg.gz

Version rar, si l'installeur ne marche pas:

http://e-jori.com/etc/dc_themes/LiquidCard.rar

Variantes de couleur:

Pink Liquid Card

installeur | archive | visualiser

green Liquid Card

installeur | archive | visualiser

night Liquid Card

installeur | archive | visualiser

dark Liquid Card

installeur | archive | visualiser

blogs utilisant Liquid Card :)