pyeb theme 2 dotclear

2008

2007

2006

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

 

Cinéma

18 août 2006

Cinéma

Dans la suite de Lueurs, Cinéma est un thème fixe 800x600. La taille du post est de 500px, cela permet de publier des photos de bonne taille dans un espace restreint.

… Du rouge flamboyant aussi.

Télécharger le thème.

Màj : les pièces jointes s'affichent correctement.

 

Lueurs

15 août 2006

Lueurs

Lueurs est un thème liquide en 2 colonnes pour une résolution minimale de 1024x768. Le haut de page est inséré dans la même div que le contenu et la barre de navigation, celle-ci remonte donc jusqu'en haut de la page. Le haut de page est aussi cliquable. Le titre du blog est reporté dans la barre de navigation. Les en-têtes et les pieds de page des billets et autres fioritures sont différents selon le changement pair/impair ou le contexte.

Mise-à-jour (18 août 2006) :

Corrections d'un problème avec la fermeture des commentaires et quelques améliorations dans la feuille de style.

Télécharger le thème.

Màj 2 : les pièces jointes s'affichent correctement.

 

Mise à jour des thèmes de DC2 beta 1 vers beta 2

J'ai modifié 3 thèmes pour qu'ils fonctionnent sous DC2 beta 2.

Pour RedSky, ce sont plutôt des corrections d'ordre esthétique.

Pour DoTunes et Palissade, il faut absolument changer de version. La page Tag ne fonctionne plus, il fallait rajouter les flux rss de toutes façons.

Pas de problème - a priori… - pour DoublOrange.

 

Palissade

24 juillet 2006

Palissade

Palissade est un thème coloré - ! - liquide et 2 colonnes.

Télécharger le thème.

 

DoTunes

DoTunes

DoTunes est inspiré par Mac OS X et iTunes. Le but est de faire un thème sobre au contenu compact, le bleu c'est pour donner un peu de peps. C'est un thème liquide qui demande une résolution minimale de 1024x768.

Certaines fonctionnalités du thème n'apparaissent pas sous IE 6 et inférieur. Mise à jour : le hover sur les titres des widgets ne sont pas fonctinnels sous IE.

Télécharger le thème.

 

DoublOrange

9 juillet 2006

DoublOrange

DoublOrange est un thème fluide avec 3 colonnes - contenu à gauche et les 2 sidebars à droite. Il n'y a qu'une image pour le fond de la sidebar, le thème et la feuille de style sont légers et demandent peu de bande passante.

Télécharger le thème.

 

RedSky

RedSky.jpg

C'est le premier thème que j'ai adapté pour Dotclear 2. Il existait déjà pour DC1 mais j'ai préféré attendre la dernière version de Dotclear.

C'est un thème liquide qui fonctionne avec une résolution de 800x600. Une nuit rouge aux reflets dorées.

Télécharger le theme.

 

Test de styles

1 juillet 2006

Regroupement dans ce billet des principales balises d'enrichissement. Elles sont présentées avec du faux texte. C'est une très ancienne tradition en vigueur dans l'imprimerie. Ce faux texte a ici été généré par un site dont je vous donne le lien (ipsum generator), ce qui me permet du même coup de montrer la présentation des liens dans les billets. Le texte a été saisi en wiki, wiki2xhtml se chargeant ensuite de la conversion en HTML.

Titre de niveau h3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed scelerisque euismod leo. Donec magna (balise <strong>). Integer mollis nonummy magna. Donec tristique lorem a pede. Nunc scelerisque sodales justo. Phasellus tempus eros. Praesent feugiat, mauris at malesuada blandit, justo nisl dignissim tortor, a ornare sem nulla in ante. Integer elit orci, tempor eu, rhoncus ut, tristique eu, tellus. Sed eget lorem. (<em>) Sed sodales, purus et luctus adipiscing, orci nulla scelerisque orci, at lobortis ante sapien vitae felis. Aenean varius tempor ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras malesuada commodo leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Etiam mollis, nunc vitae dignissim cursus, velit odio sollicitudin mi, ut sollicitudin turpis elit eu elit. (<q>)

Titre de niveau h4

Vestibulum ultrices purus id odio. Duis nec erat ornare dolor pellentesque gravida. Pellentesque turpis. Cras non mauris. Donec pede leo, eleifend non, imperdiet non, interdum ut, diam. Vestibulum porta. Nulla interdum wisi non neque. Ut sollicitudin blandit sem. Etiam risus diam, elementum id, vehicula eget, consectetuer ac, quam. Cras sapien.

Morbi sed erat. Maecenas rutrum nunc a erat. Nam libero nunc, mattis eget, pellentesque nec, molestie in, wisi. Phasellus rutrum neque nec eros. Donec lectus lacus, lacinia in, lacinia non, semper eget, lectus. In hac habitasse platea dictumst. (<blockquote>)

In velit. Suspendisse potenti. In accumsan, odio id commodo consectetuer, libero nulla feugiat nisl, eget tincidunt metus quam non justo. Praesent tellus. Integer aliquam. Duis pulvinar lectus ac nibh auctor pharetra. In eleifend. Donec rhoncus erat quis mi. Aenean leo ante, adipiscing venenatis, mattis ut, volutpat nec, sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Titre de niveau h5

Curabitur aliquet arcu non nulla. Phasellus dictum enim sed odi :

Integer molestie faucibus felis. Nam volutpat commodo dolor. Cras viverra. Cras euismod odio et massa commodo vehicula. Etiam eget tellus. Etiam tempus sapien sit amet nulla. Sed euismod, metus eu condimentum ornare, nunc dui malesuada wisi, et tempor nisl ante vel nisl. Praesent sit amet libero ut wisi tincidunt eleifend. (<pre>)

Aenean mauris. Ut egestas cursus massa. Fusce venenatis tellus nec augue dapibus aliquam. Ut ac lorem.

Morbi eget purus. Integer tempor consectetuer risus :

  • Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.
  • Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
    • Cras wisi sapien
    • dictum id,
    • fringilla ut,
    • gravida sed, mi
  • Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.
  • Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
  • Vivamus mollis. (<ul><li>)

Vivamus risus. Maecenas eros arcu, dictum ut, euismod et, dictum id, tellus. Etiam nonummy vestibulum mi. Donec leo dui, congue et, rhoncus eu, accumsan eu, arcu. Morbi id enim vel elit varius cursus. (<em>)

  1. Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.
  2. Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
    1. Cras wisi sapien
    2. dictum id,
    3. fringilla ut,
    4. gravida sed, mi
  3. Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.
  4. Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
  5. Vivamus mollis. (<ol><li>)

Pellentesque condimentum nisl vitae sapien. Phasellus convallis leo id tortor. In eu felis in neque placerat auctor. Phasellus in mi at wisi congue ultrices. Etiam viverra. In vel sem sed augue dignissim aliquet. Integer nisl quam, vestibulum nec, consectetuer eu, sodales at, ligula. Pellentesque habitant morbi tristique senectus[1] et netus et malesuada fames ac turpis.

Notes

[1] Une petite note expliquant la suppression et qui permet de tester aussi cette mise en forme particulière.

page 6 de 6 -