pyeb theme 2 dotclear

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

mardi 6 février 2007

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy

freshyOne La mise en œuvre d’un menu de navigation par onglet demande de modifier les fichiers de structure de Dotclear 2, cela va permettre un peu de créativité et donc de chambouler la structure classique d’un blog DC2.

Le script jQuery utilisé est Tabs. Deux exemples, tout d’abord celui de l’auteur, exemple des différents possibilités et effets de transition, et, ensuite, celui de Pep tant qu’il ne change pas de thème.

La première partie portera sur la construction et l’intégration d’un menu de navigation par onglet s’insérant dans la structure de Dotclear 2. La deuxième partie s’intéressera à l’imbrication des effets affichage/masquage dans un menu de navigation existant – celui intégré dans le somptueux thème Freshy -, à l’utilisation des templates de Dotclear 2 et à la bataille de la comptabilité avec les principaux navigateurs internet.

Télécharger le thème freshyOne.

Lire la suite...

jeudi 25 janvier 2007

Deuxième pas en jQuery sous Dotclear 2, effet d'arrondi avec le thème alto

Visualiser le thème altowithjquery Des scripts existent pour jQuery déjà prêts à l'emploi ou presque ! En dehors de Tabs, un autre morceau code m'avait intéressé en terme d'exemple : Round Corner. Mais, il a un léger problème à mes yeux, il ne fonctionne pas avec Safari… Et je l'utilise ! Je me suis donc tourné vers son cousin Curvy Corners qui fonctionne sous Firefox, Internet Explorer, Safari et Opera.

Leur intérêt réside à ne pas utiliser d'images pour faire des coins non carrés et surtout de ne pas modifier la structure de Dotclear. Ma victime idéale est le thème alto qui utilise des coins arrondis pour les billets, les éléments de listes de la barre de menu et les commentaires.

De suite, je vous livre le thème altowithjQuery. Par ailleurs, les modifications du fichier style.css ne seront explicitées que si elles interagissent directement avec le code javascript.

Le thème fonctionne avec la version jQuery de Dotclear 2 beta 5 et la 1.1.

Lire la suite...

vendredi 19 janvier 2007

monster in love, rouge sang

monsterinlove

monsterinlove est un thème fixe 2 colonnes de 950px. J'avais envie d'un thème flamboyant, un joli rouge sang, et de titres bien gras, ce sera monsterinlove. Avec des petites giclées... de sang.

Bref, c'est un thème un peu concept...

Télécharger le thème.

lundi 15 janvier 2007

Premier pas en jQuery, afficher/masquer des listes dans la barre de menu de Dotclear 2

Dotclear 2 utilise jQuery comme librairie javascript. La manipulation des widgets en est l'exemple le plus simple à observer avec l'usage du glisser/déposer et l'affichage/masquage des préférences des widgets.

Mais bon, ce qui fait vraiment saliver, ce sont les effets de transition qui se produisent sur le blog lui-même. Les exemples qui m'ont frappé l'esprit sont ceux du grand architecte et du codeur nocturne. Il faut donc mettre les mains dans le cambouis et faire cela dans l'ordre. On cherche des détails sur jQuery, on s'amuse dans le bac à sable et enfin, on passe aux travaux pratiques !

Pour ce faire, il faut demander à…

Lire la suite...

jeudi 11 janvier 2007

Dotclear beta 5.2, mise à jour des thèmes

Des modifications au niveau des styles des widgets ont été apportées avec la beta de DC2. Tous les thèmes ont été mis à jour pour qu'ils fonctionnent correctement.

Les archives sont accessibles sur chaque billet des thèmes. En annexe, les packages des thèmes sont disponibles.

samedi 6 janvier 2007

Multiblog avec Dotclear 2 et sous-domaine avec l'hébergeur 1&1

Il n'y a pas de solutions uniques pour faire du multiblog sous Dotclear 2 (DC2). Chacun a ses petites habitudes, chacun a sa manière d'aller au plus rapide.

Ce tutoriel a pour but de mettre en place le multiblog de DC2 avec un hébergement 1&1.

Installation de DC2

Tout d'abord, il est nécessaire de mettre en place une installation de DC2. Tout est expliqué sur la doc officielle.

Supprimer index.php/ de l'URL de votre site

Pour avoir des URL du type www.monsite.com/repertoiredc2/ - repertoiredc2 sera ici le dossier contenant DC2 -, j'ai utilisé le Complément pour le fichier .htaccess qui permet de faire disparaître index.php.

J'ai mis le dossier tmp à la racine de mon hébergement. Il est nécessaire de modifier le chemin vers le dossier pour une installation 1&1 et garder /tmp dans le fichier config.php du dossier inc.

Supprimer le répertoire contenant DC2 de l'URL de votre site

J'ai aussi voulu faire disparaître repertoiredc2. Pour cela, il est nécessaire d'aller à l'espace client de votre compte 1&1. Choisir Configuration des domaines, cliquer sur votre nom de domaine puis sur le bouton Modifier.
Dans Répertoire racine, choisir Répertoire existant pour Répertoire racine puis choisir repertoiredc2 pour Répertoire existant. Valider en appuyant sur Enregistrer.

Modifier l'URL de votre blog dans l'interface d'administration de DC2

Pour que tout fonctionne correctement, il est nécessaire maintenant de modifier l'URL du blog sous DC2. Aller dans la partie admin puis dans Paramètres du blog. Entrer http://www.monsite.com/ dans URL du blog. Valider en appuyant sur enregistrer.

Mise en place du multiblog

Sous 1&1, au minimum 10 sous-domaines sont possibles pour chaque hébergement. J'ai choisi cette solution car elle reste la plus esthétique même si le nombre de multiblog est limité par le nombre de sous-domaines disponibles.

Créer un sous-domaine

Aller à l'espace client de votre compte 1&1, choisir Configuration des domaines puis cliquer sur le bouton Nouveau et choisir Créer un sous-domaine. Donner un nom - domaine1 sera utilisé ici - puis valider en appuyant sur Enregistrer. La création n'est pas immédiate, elle permettra de faire le travail sous DC2.

Créer un nouveau blog

Aller dans l'interface d'administration de DC2, cliquer sur Blogs - barre latérale à gauche dans Système - puis sur Créer un nouveau blog.
Pour l'Identifiant du blog - idblog1 sera utlisé ici -, utiliser un mot court et significatif. Il n'est pas obligatoire qu'il corresponde au nom du sous-domaine créé précédemment ni au Nom du blog.
Le Nom du blog est le nom qui apparaîtra en-tête de votre blog.
L'URL du blog sera http://domaine1.monsite.com/.

Ne pas oublier de vous donner les permissions d'administrateur sur ce nouveau blog.

Mise en place du blog

A la racine de votre hébergement, créer un dossier idblog1.
Dans le dossier idblog1, créer un fichier index.php contenant les éléments suivants :

<?php
define('DC_BLOG_ID','<idblog1>'); # identifiant du blog
require dirname(FILE).'/../<repertoiredc2>/inc/public/prepend.php';
?>

Modifier selon votre configuration <idblog1> et <repertoiredc2>.

Puis faites un copie du fichier .htaccess utilisé par le blog par défaut. Créer un dossier public et si vous le souhaiter un dossier themes.

Revenir à l'interface d'administration de DC2. En haut à droite, choisir votre nouveau dans le menu puis appuyer sur about:config - barre latérale gauche dans Extensions.
Modifier public_path par ../<idblog1>/public. Les médias de ce nouveau blog seront à installer dans le dossier public de idblog1.

Vous pouvez au choix utiliser un dossier de thème spécifique pour ce nouveau blog ou utiliser le dossier themes du blog par défaut.
1) Configuration avec utilisation du dossier themes par defaut
themes_path : themes
themes_url : http://www.monsite.com/themes
2) Configuration avec un dossier themes spécifique
themes_path : ../<idblog1>/themes
themes_url : /themes

Modifier l'URL du sous-domaine chez 1&1

Comme vu précédemment, il est nécessaire d'aller à l'espace client de votre compte 1&1. Choisir Configuration des domaines, cliquer sur le sous-domaine puis sur le bouton Modifier.
Dans Répertoire racine, choisir Répertoire existant pour Répertoire racine puis choisir le dossier idblog1 pour Répertoire existant. Valider en appuyant sur Enregistrer.

mercredi 27 décembre 2006

Dotclear beta 4, pas de mise à jour des thèmes

La beta 4 de Dotclear n'a pas introduit de nouveautés aux niveaux des thèmes, la plupart des widgets et des extensions doivent par contre être mis à jour.

Pas de travail de mise à niveau !

mercredi 20 décembre 2006

sober, variations chromatiques

sober2.jpg

sober est un thème liquide et minimaliste, il permet de mettre des photos de 500px. Toutes les variations sont contenues dans le dossier du thème, il faut décommenter la feuille de style choisie pour modifier l'apparence. Pour modifier l'image du top, il faut que l'image mesure 549px x 300px.

Màj 28/06/08 : Ajout d'un éditeur de thème pour choisir la variation. Fonctionne à partir de DC2 RC1.

Visualiser : Blanc/rouge (classic) - Blanc/bleu/orange (blue) - Noir/rouge (black) - Orange (orange) - Vert clair (olive) - Bleu clair (sky)

Télécharger : Toutes les variations

sober.jpg

dimanche 17 décembre 2006

Chocolat & biscuit bonus

Chocolatandbiscuit.jpg

Je ne suis pas très fan des icônes précédents les tags ou les informations sur les commentaires. D'ailleurs, il n'y a que pour le thème RedSky.

Mais suite à une demande de folken - mal comprise au départ d'ailleurs -, j'ai fait le nécessaire pour le thème Chocolate & biscuit. Il suffit de télécharger ce fichier et faire les modifications qui sont dans le fichier Lisezmoi.txt.

Pour modifier le placement des tags, il faut toucher aux fichiers home.html, tag.html, category.html et search.html. Il n'existe pas dans le thème Chocolate & biscuit, il utilise ceux présents dans le thème default. Soit, il faut modifier directement ceux présents dans default et les modifications se répercuteront sur d'autres thèmes, soit il faut les copier dans le thème Chocolate & biscuit et les modifier uniquement pour celui-ci.

Il suffit de déplacer

<tpl:EntryMetaData>
<tpl:MetaDataHeader><ul class="post-tags"></tpl:MetaDataHeader>
<li><a href="{{tpl:MetaURL}}">{{tpl:MetaID}}</a></li>
<tpl:MetaDataFooter></ul></tpl:MetaDataFooter>
</tpl:EntryMetaData>

Soit avant Number of comments, trackbacks and attachments ou après la fermeture du paragraphe contenant les informations de commentaires soit la première balise </p> selon les envies.

Pour les thèmes pastel like et 123 Blue, on peut utiliser les icônes - attach.png, commentaire.png, retrolien.png et tag.png - présents dans le dossier img du thème default - en les copiant dans le dossier img du thème concerné - et reprendre les modifications incluses dans le fichier style.css de Chocolate & biscuit.

samedi 16 décembre 2006

Oups… j'ai mal modifié 404.html pour les thèmes 123

J'ai mal fermé une div dans le fichier 404.html, je ne l'ai pas fermé quoi… Télécharger le nouveau fichier :

404.html

Les fichiers archive (.zip) ont été modifiés en conséquence.

- page 3 de 5 -