Test de couleur

Fran6t — Wed, 05 Dec 2007 14:12:00 +0100

Une phrase avec de la couleur Un paragraphe tout en couleur

Test pour les discussions ailleurs

Fran6t — Tue, 04 Dec 2007 15:07:00 +0100

Voici un test de lien pour continuer un billet sur son blog ailleurs.

Billet de test

Fran6t — Tue, 01 May 2007 11:26:00 +0200

test

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.

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.
1. Cras wisi sapien
2. dictum id,
3. fringilla ut,
4. 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. (<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.

Pas à pas

Fran6t — Mon, 30 Apr 2007 11:37:00 +0200

Le but de ce billet est de décrire pas à pas le cheminement pour procurer au thème Defaut de DOTCLEAR 2 une feuille de style spècifique a l'affichage sur pocket PC dans un premier temps et plus tard pour d'autre appareil mobile.

Etape 1: Récupération d'un billet de test super fourni chez notre grande spécialiste des thèmes DOTCLEAR à savoir Kozlika

Etape 2: Copie du thème defaut en handhled pour cela je duplique le repertoire puis je le renomme et enfin je vais modifier le fichier _define.php provisoirement pour mettre /* Name */ "Handheld", ainsi je vais pouvoir selectionner ce thème depuis l'admin DOTCLEAR et ne pas poulluer le thème defaut d'origine.

Etape 1: Création d'une feuille de style spécifique handheld.css pour les mobiles que je place au même endroit que style.css

Etape 2: Faire connaître la feuille de style au appareil mobile, pour cela il faut modifier le fichier _head.html en ajoutant la ligne <link rel="stylesheet" href="http://www.myouaibe.com/pda.php/post/2007/04/30/tpl:BlogThemeURL/handheld.css" type="text/css" media="handheld" / >

Etape 3: Par confort de test et de recherche je vais modifier le comportement de Firefox pour qu'il se fasse passer pour un pocket PC, pour cela je regarde dans les log de mon serveur apache la signature de mon pocket PC : Mozilla/4.0 (compatible; MSIE 4.01; Windows CE; PPC; 240x320)

Cela va me permettre surtout aussi de regarder le source par exemple du site des créateur d'OPERA mobile qui je pense sont parmis les mieux placés pour faire des versions mobiles.

Mise en place de User Agent Switcher dans FireFox

PDA blog