Voyage au centre de Viabloga

M�lange colonnes fixes et colonne flexibles

Voil�

J'ai plac� trois colonnes en largeur fixes et elles devraient appara�tre toutes les trois � la droite de la colonne des articles.

1 � La colonne "Nuage de mots cl�s" est d�finie en 200px et ne devrait pas appara�tre en haut sous la banni�re

2� et 3� les deux colonnes avec les smartblocks sont d�finies en 150px

4� la colonne des article reste souple mais je l'ai align� � droite. Elle aoccupe 45% de la largeur.

L'affichage sous FF ne fonctionne toujours pas et les probl�mes restent les m�me sous IE

La banni�re ne prend pas en compte "background-position: right" et IE ne l'affiche toujours pas. L� c'est un truc que je ne sais pas du tout.

Le dernier code � jour

Voici le fichier texte contenant le code pour ceux qui verraient des choses que je ne sais pas voir:
*
modele_en_cours.txt

Imaginer des images

Tel qu'il est, ce blog avec le paquet de mots-clefs, les colonnes � droite, le ton des couleurs tr�s vieille Angleterre convient aux esprits hyper-conventionnels que sont Majus Cool et parlaba.
Il y manque cependant un �l�ment qui figure pourtant au centre de leur vie: les images en g�n�ral et les photos en particulier.
Sera t'il possible d'ins�rer une image tout en haut comme dans la plupart des mod�les dont celui-ci est d�riv� ET une image verticale � gauche, juste en dessous du paquet de mots-clefs?

Vos parchemails en billets

Cette rubrique est un test pour voir comment sont format� les billets qui sont publi� par l'envoi d'un texte via la messagerie �lectronique. Vous pouvez m�me me soumettre les votre en �crivant � l'adresse majusc00l.squat@viabloga.com. Ce paragraphe �tait un paragraphe simple avec un lien hypertexte pour l'adresse e-mail.

Paragraphe en Gras

Paragraphe en Italique

Paragraphe souslign�

Changement de police (courrier new)

Changement de taille (Tr�s Grande)

Changement de couleur (bleu)

Pargraphe indent�

Liste �l�ment 1
Liste �l�ment 2
Liste �l�ment 3

Paragraphe centr�

Paragraphe align� � droite

Publication par mail

Pargraphe indent�

Liste �l�ment 1
Liste �l�ment 2
Liste �l�ment 3

Paragraphe centr�

Paragraphe align� � droite

Y'a du mieux

Je commence � trouver des parades pour faire en sorte que les affichages se ressemblent dans IE et dans FF. L'astuce actuelle est: Je fais commencer le � 170px environ et je met toutes les colonnes (les blocs) en "float:left" et je mets une marge de 0px pour la colonne centrale o� il y a les articles. Pour la colonne fixe � gauche, je lui impose une marge n�gative � Gauche de 170px. Je m'approche ainsi du r�sultat escompt�. Il y a toujours le probl�me de la colonne fixe qui ne fonctionne pas sous IE. C'est un fait connu et je sais qu'il y a des parades que je n'ai pas encore exploit�es. Sinon, avec cette nouvelle configuration, je retrouve un �diteur de texte enti�rement accessible sans colonne qui le chevauche mais �trangement, cela n'a certainement rien � voir, j'ai perdu l'�diteur visuel. Je ne peux donc pas ins�rer la copie d'�cran ici. Je vais voir si je peux le faire dans IE. ... Non, la barre d'outil dans IE est disparue �galement. Je verrai si je peux l'ajouter dans les commentaires. Si je n'y arrive pas, je l'ai t�l�charg�e � l'adresse suivante: http://zer0kelvin.free.fr/img/EditeurVisuelDisparu.jpg

Un article pas jojo avec des petits dessins

Je suis une une piste pour l'histoire des colonnes d�cal�e sous IE. Je viens de retirer une marge � gauche de 175px qui devait forcer l'affichage de la collonne du centre juste � la droite du bloc fixe desc Commentaires. Comme vous l'avez vu pr�c�demment, �a fonctionne dans FF mais dans IE, la marge �tait calcul�e � partir du bord droit de ma colonne fixe.

Maintenant que j'ai retir� cette marge, l'affichage est correct et normal dans IE mais FF comme il se doit de le faire place la colonne � Opx du bord gauche du conteneur g�n�ral qui contient aussi la colonne fixe.

Affichage normal mais non ad�quat sous FF

Voyez la colonne du centre sous la colonne fixe? C'est normal. Les deux sont positionn�s en "float:left" dans un m�me conteneur. Par contre, sous IE, voyez que l'anormalit� donne le r�sultat que nous avions auparavent sous FF

Affichage anormal mais ad�quat sous IE

Voil� donc ma piste d'exploration si vous avez envie de m'y suivre.

Parall�lement � ce probl�me, je reviens sur l'affichage des �diteur dans l'�criture des articles et des commentaires. Le comportement n'est pas le m�me selon IE ou FF.

R�daction d'article dans FF

La colonne de gauche chevauche la barre d'outil et la zone d'entr�e de texte est l�g�rement plus grande que la colonne mais moins que la barre d'outil.

R�daction d'article sous IE

Le positionnement de tous les �l�ments est � peu pr�s correct.

Dans la r�daction des commentaires c'est � peu pr�s le meme topo sauf que la zone d'entr�e de texte fait exactement la m�me taille que la barre d'outil ce qui nous am�ne � �crire "par dessus" la collonne des discussions actives.

D�sol� pour cet article assez imbuvable mais c'est Parlaba qui voulait que je fasse un article avec des zimages!

Transcription du code

Voici la transcription du mod�le tel que vous le voyez s'afficher en ce moment. Si vous y d�tectez des erreurs ou avez des suggestions, n'h�sitez pas. (MajusC00L)

d�but

Publications

Il y a beaucoup de chose que j'aime bien dans le c�t� intuitif de l'interface. L'une d'elle est le fait que l'on peut publier directement � partir du blog sans entrer dans l'interface d'administration comme c'est le cas pour tous les autres CMS. Le seul petit probl�me que j'ai est que la colonne centrale qui sert normalement � contenir les billets est trop �troite pour l'interface d'�criture. Les champs d�bordent et l'�diteur visuel est partiellement cach� par les autres blocs. Un truc m'a �chapp� dans le CSS et le code mais il est d�j� trop tard pour aujourd'hui. A domani. p.s.: J'ai activ� cependant l'option pour publier par messagerie �lectronique mais mon billet de test semble pour l'instant perdu dans la nature. � suivre. p.p.s: Toutes mes remarques relatives � l'�laboration de ce th�mes sse retrouvent plut�t dans la rubrique projets.

Des erreurs en veux-tu?

Bon

Je commence � me d�patouiller avec les blocs m�me si ce n'est pas encore tout � fait �a.

J'ai une liste d'erreur de malade!

L'affichage est passable dans FF mais pas dans IE. Si quelqu'un sait pourquoi, je suis preneur.

� suivre

QWILM look alike

Voil� maintenant je vois comment fonctionne la mise en place des mod�le sur VB. Mon id�e initiale �tait d'adapter ici un mod�le WP appel� QWilm mais je me rends compte que l'adaptation se r�sume � la traduction de la charte graphique (le CSS quoi) d'une part et � une transformation de la structure html. En gros, comme c'est recommand� dans la doc, on prend un mod�le pour avoir la liste des objets Viabloga et on se contente de repeindre les murs ou on fout tout par terre en gardant les briques pour reconstruire.

J'ai donc pris le dernier mod�le Goofy (tr�s zouli BTW) cr�� par Labosonic et comme vous pouvez le constater, je suis en train de le massacrer (d�sol� m'sieur Labo, je ne le ferai plus).

Normalement, il devrait en r�sulter un mod�le quatre colonnes dont au moins une serait fixe comme la colonne embryonnaire que j'ai plac� sur la gauche. Cette colonne fixe qui pourra �tre � gauche ou � droite, pourra accueillir les blocs configurable de son choix. Ce sera ,donc un gros bordel � partir de maintenant et jusqu'� ce que j'y arrive, si j'y arrive

Envie d'explorer

La plate-forme Viabloga que je ne peux malheureusement pas utiliser par manque total de pesos suscite de grandes et belles d�clarations d'amour de la part de ces utilisateurs. De Viabloga, je n'avais que la vision de lecteur et m�me de cette position, je suis � m�me d'appr�cier aussi quelques belles innovations.

Afin de voir comment �a se passe du c�t� de l'administration et pour r�pondre aux ~~avances~~ questions d'une fille qui me tanne pour ouvrir un blog de vente en ligne de salsifis sur Viabloga, j'ouvre ce blog en essai de trente jours afin de voir jusqu'� quel point on peut tripatouiler la b�te.

Je vais m'int�resser d'abord � l'administration de base et � l'adaptation des mod�les fournis par Viabloga. Je vais ensuite m'attacher � exp�rimenter l'adaptation de mod�le issus des autres plate-formes. Je vais travailler sur un mod�le WordPress d'abord et si il me reste du temps dans les 30 jours, j'essaierai de voir ce qu'on peut faire avec un mod�le DOTCLEAR.

Si vous aviez envie de collaborer avec moi pendant ces trentes jours, vous �tes les bienvenus.