S'identifier - S'inscrire - Ecrire un article - Contact

Nouveau modèle de mise en page : iThème

Par Stephane • Actualités • Lundi 24/12/2007 • 97 commentaires  • Lu 4961 fois • Version imprimable

Mots-clés : ,


Mitra et Olivier ont énormément travaillé pour nous proposer un splendide nouveau modèle de mise en page : iThème. Ils étaient partis pour une "simple" (c'est déjà un énorme boulot) adaptation du thème Wordpress du même nom, mais grâce à leurs idées, leur tenacité, leur sens de la perfection et leur talent graphique et technique, c'est un thème complètement revu et très nettement amélioré qu'ils nous proposent aujourd'hui ! iThème est sans conteste le modèle le plus configurable et avancé de ViaBloga, et je suis incroyablement impressionné du résultat du travail de Mitra et Olivier. Un énorme bravo et un immense merci pour ce magnifique cadeau à la communauté des ViaBlogueurs ! :O)

Et incroyable mais vrai, Olivier a tenu à passer les dernières 48 heures derrière son écran pour achever les finitions et pour vous présenter iThème en images et en vidéo. IThème le mérite bien !


 
iThème est un thème hautement personnalisable. Disposant de 13 configurations de colonnes possibles (1, 2, ou 3 colonnes. Colonnes étroites ou larges. Colonnes fixées sur la page ou se déplaçant avec l'ascenseur de la fenêtre), il est en outre compatible avec le nouveau système de blocs de Viabloga (nombre de blocs possibile illimité : en haut des articles, en bas des articles, dans chaque colonne latérale (sidebar), le placement des blocs se fait à la souris, en glisser-déposer !) (voir la vidéo en bas de l'article).

iThème intègre aussi la nouvelle méthode d'affichage des étoiles de notation d'articles (plus de problèmes d'affichage des étoiles dans les colonnes latérales).

Inspiré de l'interface du Mac, le fond d'écran du blog est configurable au niveau de la couleur. Une autre image de fond (au choix de l'utilisateur) peut aussi être placée, ce qui donne de nombreuses possibilités de personnalisation (l'image peut juste être un bandeau de haut, mais peut être aussi bien plus grande et couvrir une bonne partie de l'écran).

iThème intègre aussi de nombreuses icônes, chacune étant adaptée à un type de liste (index des rubriques, liste des utilisateurs, archives, index des mots-clés, etc.). Là aussi, vous pouvez remplacer les icônes proposées par défaut par vos propres icônes.

Au final, le nombre de configurations possible est important : choix de la couleur ou de l'image de fond, grand nombre de possibilités au niveau du placement des colonnes et des blocs, choix de la taille des icônes, icônes personnalisables, possibilité de placer des onglets en haut de colonne principale, etc.

Avec de l'imagination, vous pourrez donc personnaliser de manière très importante votre blog.

Un moteur de recherche est intégré en haut à droite du blog. L'éditeur visuel s'adapte automatiquement à la largeur de l'article, afin que le rendu final soit très proche de votre saisie.



Exemples de maquettes basées sur iThème :






2 sidebars à droite





1seule colonne (placée ici à droite)
texte à gauche directement intégré dans l'image (fond d'écran personnalisé)





2 sidebars, un de chaque côté de la colonne d'articles





1 sidebar à gauche





1 sidebar large à droite
fond d'écran personnalisé





2 sidebars à gauche
fond d'écran personnalisé





1 seule colonne (placée ici à droite)
fond d'écran personnalisé





1 sidebar à droite





1 sidebar large à gauche
effet "2 colonnes" dans le sidebar
2 blocs au-dessus des articles



 

exemples d'icônes livrées par défaut :




la date du calendrier correspond automatiquement
à la date de publication de l'article.
En cliquant sur l'imprimante, le lecteur accède à la version imprimable
de l'article.





version avec onglets.
Les onglets contiennent là les noms des rubriques, mais ils peuvent en fait
contenir n'importe quels types de liens (vers des textes, des articles précis, des sites/blogs externes, etc.).
L'ordre des onglets est lui aussi totalement personnalisable.





version "grandes icônes", placée en bas de chaque article.
une version "petites icônes" est disponible dans les options du modèle.




exemples d'icônes personnalisées
selon chaque type de liste




icônes par défaut en bas de page

  Les options du modèle dans le menu administrateur :









iThème a été testé sur la plupart des navigateurs web modernes actuels :

Internet Explorer 7
Firefox 2 et 3 (Mac et Windows)
Safari 2 (Mac)
Safari 3 (Mac et Windows)

+ tous les navigateurs reprenant le moteur de firefox ou celui de safari
(flock, camino, omniweb, shiira, etc.)

iThème a aussi été testé sur Safari mobile
(iPhone, iPod Touch)
Safari mobile équipera bientôt les téléphones/PDA à base de GooglePhone
et les prochains Nokia.

Vidéo iThème (petit format) :

utilisateurs.viabloga.com/files//viabloga_itheme_7.flv  

Cliquez ici pour visionner
la vidéo de présentation d'iThème (grand format)



cliquez ici
pour voir un exemple
de blog complet
utilisant iThème



Ce modèle étant tout nouveau,
il est conseillé aux utilisateurs de bien le tester
avant d'en faire un outil régulier.

crédits : Mitra, Olivier : splendide adaptation
Ndesign Studio : thème original
Seven : images configurables
Stéphane : support technique

D'autres articles sur des thèmes similaires :


Commentaires

MitraOMGextraordinaire ! par Jean-Luc le Lundi 24/12/2007 à 14:16

Jean-Luc Enorme réalisation qui vient combler un énorme manque et belle coordination aussi avec les évolutions de la plateforme, le tout superbement vendu :-) Je vous tire mon chapeau. Et je m'y mets de suite !


J'ai fait quelques essais.. par Gabriel Ney le Lundi 24/12/2007 à 14:18

Gabriel Ney J'ai fait quelques essais.. Puissant...
bravo

Denis


C'est Nowouel! par leblase le Lundi 24/12/2007 à 15:34

leblase ça va être difficile pour un viablogueur de ne pas utiliser ce thème!
Tout semble y être (je sors juste de la visualisation du super tuto d'OMG, le roi des tutorieurs et j'ai encore les yeux plein de paillettes), du glisser-déposer aux options et nombres de blocs, personnalisation de fond d'écran...
Dès que les fêtes seront passées, je crois que même mon austère shplouc et monblogchiant (c'est pas les mêmes;-) vont y passer.

Bravo et merci à Mitra et Olivier

Un énorme pas en avant pour Viabloga!


Je n'ai par tgtg le Lundi 24/12/2007 à 17:58

tgtg sans doute pas tout compris :-)))

Mais ... BRAVO !


Les listes dans iThème par Didier le Mardi 25/12/2007 à 15:20

Didier Bonjour, vous devez être totalement surbookés avec le nouveau thème ou bien vous festoyez copieusement comme il se doit pour ces fêtes.
Moi de mon coté, je me bats avec la mise en page d'iThème.
Dès que je choisi une disposition pour les blocs, mes listes disparaissent et le bloc affiche "créer une liste".
Pourtant, je fais les bons choix dans "Choisir les blocs".

La réponse peut attendre pas de soucis... la fête d'abord !


Re: Les listes dans iThème par mitra le Mardi 25/12/2007 à 20:21

Bonjour Didier,
Peux-tu nous donner plus d'informations ...
- Est-ce qu'il s'agit de migrer un blog existant vers l'iThème ou de créer un nouveau blog ?
- Quel mise en page (2 colonnes, 3 colonnes, ...)
- Quelles listes ...


Re: Les listes dans iThème par Stephane le Mardi 25/12/2007 à 21:22

Stephane Ah, formidable ! Non seulement le thème est livré à temps sous le sapin, mais en plus le SAV est assuré dès le lendemain. :^) C'est peut être un problème avec le choix des blocs et pas avec itheme.


Re: Les listes dans iThème par Didier le Mercredi 26/12/2007 à 11:39

Didier Bonjour,

En effet, j'aimerai bien changer le look de mon blog pour 2008, donc le faire migrer sur iThème qui me parait très chouette.
Mais pour le moment ce n'est guère concluant.

J'ai testé avec 2 colonnes (blocs à gauche) et mes "listes de autre" n'apparaissent pas.
J'ai recommencé plusieurs fois la manip et quand j'arrive à les voir... Ils disparaissent de nouveaux dès qu'on je change de page.

De plus, seule la première rangée d'onglets est "relookée" et pas les autres, quant aux couleurs, elles ne correspondent absolument pas à mes choix.

J'ai aussi des "boutons personnalisés" (image avec un lien) qui sortent carrément de l'article pour se superposer sur un bloc.

Pour le moment, j'ai renoncé, mais je tacherai de faire des copies d'écrans dans la journée pour que tu comprennes mieux.

Merci pour tout!


Re: Les listes dans iThème par OlivierMG le Mercredi 26/12/2007 à 12:35

OlivierMG
Pour les listes, il y a apparemment un problème avec le nouveau système de placement de blocs... on va voir ça, mais en attendant je conseille de pas toucher à la fonction "choisir les blocs" (quel que soit le thème utilisé : ithème, kubrick, etc.) tant que le problème n'est pas corrigé.

Pour les onglets, c'est normal, il est bien indiqué dans le menu administrateur que les onglets ne doivent pas dépasser la largeur de la colonne (c'est pour ça que c'est une option), sinon il faut placer les rubriques dans la colonne latérale, comme a fait denis :



il faudra que je fasse un tutoriel vidéo pour montrer toutes les possibilités de paramétrage des onglets, parce que je sens que cette question va revenir souvent.


Re: Les listes dans iThème par Didier le Mercredi 26/12/2007 à 13:01

Didier Merci Olivier pour les consignes, en effet la présentation de Denis est tout aussi efficace que les onglets.

Je ne doute pas qu'une fois les quelques bidouilles peaufinées, iThème connaîtra un grand succès.

Bon courage !


Re: Les listes dans iThème par Stephane le Mercredi 26/12/2007 à 22:18

Stephane Pour les listes qui ne s'affichent pas, je pense que c'est corrigé.


Re: Les listes dans iThème par Didier le Samedi 05/01/2008 à 18:50

Didier Super ! Bravo ! Merci !
Que de progrès ! Tout marche ! Un vrai bonheur
Et tout ça en période de fêtes !!!! Tu es un champion !

J'ai adopté définitivement Ithème et je m'aplatis en félicitations... C'est génial !

Il reste quelques hics, mais si peu et peut-être y travailles-tu déjà.
C'est vraiment dommage que l'on ne voit plus le commentaire auquel on répond, ça oui!

et puis il reste ce petit truc étrange :



le "bouton Visiter la galerie..." qui se trouve normalement au bas de mon article apparaît en dehors au dessus du bloc... Etrange.

Peut-être trouveras-tu une explication?

En attendant, encore mille bravo et mille merci.
Bonne année à toute la bande !


Je teste ... :-))) par tgtg le Mardi 25/12/2007 à 21:37

tgtg Je teste sur http://photos-promenade.be/.
Voici quelques remarques et questions de débutante pour cette mise en page :-)

Ai-je bien compris?
1] la couleur du texte n'agit que dans la colonne centrale; mais pas dans la sidebar :-(((
2] la couleur du fond du bloc central au-dessus des articles agit sur le titre du blog et non sur le fond du bloc central au dessus des articles :-(((
3] le blog libre html dans le bas de ma colonne : il est gris puis blanc au lieu d'être entièrement blanc :-(((
4] la couleur de la barre de séparation du contenu de commentaire avec les informations auteur n'agit pas.
5] Mise en page > Changer la présentation des contenus :
Je n'ai pas coché "Afficher un lien vers la version imprimable" en espérant ne pas faire apparaître l'image de l'imprimante (que je trouve trop grande pour ma présentation de ce blog).... et elle est pourtant là :-(((
6] Description du site : elle me paraît importante pour les moteurs de recherche (ai-je raison?) mais je ne veux pas la faire figurer sur mon blog; y a-t-il moyen qu'elle n'apparaisse pas sur le blog?
7] Confusion dans les commentaires : les informations auteur etc ... apparaissent en-dessous du commentaire : Ok! Mais ... on a l'impression, qu'en fait, l'auteur ... est au-dessus du commentaire.
Moi, je laisserais un espace d'une ligne entre les commentaires pour bien faire la différence et éviter les confusions.
8] les petites icônes (sauf la date) ne changent pas de couleurs en fonction de mes choix de couleurs n'est-ce pas?


Re: Je teste ... :-))) par OlivierMG le Mercredi 26/12/2007 à 00:05

OlivierMG salut tgtg !

je viens tout juste de rentrer, on s'occupe de tout ça dans la semaine.

La description du blog est en effet importante, mais pas de la façon dont tu l'as écrite ! mettre des mots-clés entre des points-virgules se faisait il y a longtemps pour essayer "d'influencer" les moteurs mais ça ne marche plus comme ça maintenant, il faut faire une vraie phrase qui décrit réellement le blog, sinon ce sera peu pris en compte par les moteurs.

Merci pour le test ! on va résoudre les problèmes très rapidement.

Pour les onglets : comme il est indiqué dans les options du menu administrateur, il faut faire attention que la largeur totale des onglets ne dépasse pas la largeur de la colonne du blog, sinon il vaut mieux mettre cette liste (index des rubriques, etc.) dans une colonne de blocs latérale.

Oui, les icones ne changent pas de couleur (seul l'image de calendrier s'adapte automatiquement à la couleur de fond d'écran)

PS : merci à vous tous pour vos commentaires encourageants !


Essai par Gabriel Ney le Mercredi 26/12/2007 à 09:26

Gabriel Ney

Bonjour à tous...

J'ai carrément basculé sur ce nouveau thème...
Effectivemment comme le décrit TgTg, le choix des couleurs n'est pas évident.

J'utilise beaucoup la republication (de données personnelles) entre mes sites
Avec ce nouveau thème, si le titre des articles republiés est bien présent, il est soit inactif (et ne renvoie donc pas vers l'article source) ou donne ceci
 

Software error:
Heap add failed:  at /usr/lib64/perl5/site_perl/5.8.8/Cache/File/Heap.pm line 120.For help, please send mail to the webmaster (apache@viabloga.com), giving this error message and the time and date of the error. 

exemple: http://denismarion.be/texts/les-humeurs-de-trop-de-bruit


Par ailleurs, ceci

Articles suivants
Articles suivants
 ceci ouvre une nouvelle fenêtre

Articles suivants


 

:-))

Denis

 


Re: Essai par OlivierMG le Mercredi 26/12/2007 à 09:40

OlivierMG

ok

- on va améliorer la gestion des couleurs ce soir ou avant la fin de la semaine

- idem pour l'inclusion / exclusion de certaines fonctions : lien pour la version imprimable, nombre de commentaire, rubrique, auteur, etc.

- pour le message d'erreur, j'ai eu aussi le message lors de la consultation d'un autre blog, mais ce n'était pas sur un article republié (et c'était avec le thème kubrick). il faut qu'on voit avec stéphane d'où peut venir le problème.

- j'ai pas compris le dernier problème (articles suivants)

Aujourd'hui, je suis très pris, mais je commence à voir tout ça ce soir.


Re: Essai par Gabriel Ney le Mercredi 26/12/2007 à 09:44

Gabriel Ney sorry..

l'image de la flèche n'a pas été reprise dans mon commentaire..

cliquer sur la flèche: nouvelle fenêtre
cliquer sur le lien: ouverture dans la même fenêtre.

:-)


Re: Essai par OlivierMG le Mercredi 26/12/2007 à 09:47

OlivierMG ok, merci, ça sera corrigé ce soir.


Re: Essai par OlivierMG le Jeudi 27/12/2007 à 12:17

OlivierMG ok, c'est corrigé dans notre modèle de test, stéphane devrait bientôt le transférer dans le modèle public.

il manquait aussi des "flèches" à côté de "article suivant" et "article précédent", c'est corrigé dans notre modèle, il sera appliqué au modèle public très bientôt.


Re: Essai par OlivierMG le Jeudi 27/12/2007 à 15:28

OlivierMG salut denis,

la version d'iThème 1.1 est sortie, tu as le descriptif là, elle a été mise à jour dans ton menu administrateur.


Re: Essai par Gabriel Ney le Jeudi 27/12/2007 à 17:54

Gabriel Ney   Couleur de fond de l'article (couleur alternée avec la couleur suivante)   Couleur de fond de l'article suivant (couleur alternée avec la couleur précédente)
Cette commande ne semble pas voir d'effet.


Re: Essai par OlivierMG le Jeudi 27/12/2007 à 18:08

OlivierMG je viens de tester, ça marche bien, mais attention, ces couleurs de fond alternées fonctionnent uniquement sur les pages de sommaires (on ajoutera cette indication dans la version 1.2). Sur certains navigateurs, il faut aussi vider le cache. Sur quel blog, quelle plateforme (mac/pc), et quel navigateur tu as essayé ?


Re: Essai par Gabriel Ney le Jeudi 27/12/2007 à 18:44

Gabriel Ney sur http://denismarion.be/
Firefox 2.0 et IE 7 sur PC.
Cache vidé et refresh...
Rien


Re: Essai par OlivierMG le Jeudi 27/12/2007 à 18:59

OlivierMG j'avais essayé sous firefox 3 mac. je viens de réessayer sous internet explorer 7 et firefox 2 sur pc, ça marche bien sur mon blog de test. j'ai essayé aussi avec les sommaires de rubriques, ça marche bien. il faut qu'on voit pourquoi ça ne marche pas sur le tien. Quelles couleurs RGB as-tu utilisées ? effectivement, quand je vais sur "Faits de vers..", tous les fonds d'articles sont noirs. d'autres personnes ont-elles vu ce problème ?


Re: Essai par Gabriel Ney le Jeudi 27/12/2007 à 19:19

Gabriel Ney Comme je voulais un fond noir j'ai fait deux fois triple zéro...


Re: Essai par OlivierMG le Jeudi 27/12/2007 à 20:04

OlivierMG c'est normal alors.


Re: Essai par Gabriel Ney le Jeudi 27/12/2007 à 20:19

Gabriel Ney Pas tant que ça ... je viens d'alterner noir et jaune...

chez moi les articles sont en blanc
et les sur la HP, alternance blanc et gris .

Y a un truc qui a dû m'échapper....


Re: Essai par Jean-Luc le Jeudi 27/12/2007 à 19:47

Jean-Luc Avec ton blog de test, que ce soit sur FF2 ou IE7, j'ai bien l'alternance des fonds d'articles. En revanche, je suis plus inquiet pour le fond du site :



Que doit-on faire exactement juste pour que l'image de fond s'affiche ?


Re: Essai par OlivierMG le Jeudi 27/12/2007 à 20:08

OlivierMG merci pour la confirmation jean-luc ! t'inquiète pas pour l'image de fond, c'est parce-que je suis en train de faire des tests !

tu as la marche à suivre ici. je vais faire une réponse aussi à didier sur les dimensions possibles de l'image.


Re: Essai par Jean-Luc le Jeudi 27/12/2007 à 20:35

Jean-Luc La marche à suivre que tu m'indiques concerne le changement d'image de fond. Moi je te demande seulement comment afficher l'image de fond par défaut dans la couleur par défaut ! Tu choisis le modèle pour un blog existant, tu précises l'agencement des colonnes et de blocs, si tu ne touches pas aux couleurs, tu obtiens un fond uni dans la couleur par défaut. Pas d'image par défaut dans cette couleur ! Et à part la commande [Choisir les images et options] où il n'est nullement question d'images pour l'instant, rien concernant cette image. Alors que faut-il faire pour la générer ou la regénérer ? Une commande quelque part ?


Re: Essai par OlivierMG le Jeudi 27/12/2007 à 20:41

OlivierMG ah ok...
mmhh, je ne sais plus s'il y a plus simple, mais sinon tu vas dans "mise en page", tu cliques sur "choisir les couleurs", tu choisis une couleur de fond ou tu laisses celle déjà indiquée, tu valides, puis tu cliques sur "regénérer les images". Tu attends que le moteur de viabloga génére automatiquement l'image de fond avec ta couleur, et c'est bon. Si ça s'affiche mal, vide le cache du navigateur.


Re: Essai par Gabriel Ney le Jeudi 27/12/2007 à 17:58

Gabriel Ney

Quand l'article est affiché, le titre n'est plus un lien actif.
Gênant quand il s'agit d'un article republié.


Re: Essai par OlivierMG le Jeudi 27/12/2007 à 18:10

OlivierMG ok, c'est noté pour la version 1.2


Re: Essai par Stephane le Jeudi 27/12/2007 à 19:37

Stephane Corrigé.


Re: Je teste ... :-))) par tgtg le Jeudi 27/12/2007 à 11:29

tgtg Merci!
Les onglets qui ne dépassent pas la largeur, c'est très bien.
Je vois [ /Firefox/ Mac ] qu'ils vont , "tout seuls comme des grands", à la ligne s'ils dépassent.
J'imagine que c'est le cas sur les autres navigateurs aussi ?


Re: Je teste ... :-))) par OlivierMG le Jeudi 27/12/2007 à 11:40

OlivierMG oui, mais c'est moche, parce-que ça va décaler le fond de la colonne et casser le design de l'ensemble. C'est une des limitations de ce thème : il ne faut pas que la largeur d'un titre de bloc ou de l'ensemble des onglets soit supérieure à la largeur de la colonne qui les contient.

Mettre l'index complet des rubriques dans les onglets n'est pas vraiment adapté dans iThème (sauf si on a très peu de rubriques, et avec des noms courts...), il vaut mieux mettre dans les onglets d'autres types de liens, comme a fait benoit, ou uniquement les rubriques principales. L'index complet des rubriques pouvant être placé sans limitation dans un des sidebars.

C'est autant une limitation technique qu'une volonté de proposer un design épuré et pas trop chargé.

merci de tester ithème ! :-)


Re: Je teste ... :-))) par OlivierMG le Mercredi 26/12/2007 à 12:45

OlivierMG je pense qu'on va commencer par :

- vérification du fonctionnement des couleurs
- amélioration de la gestion de couleurs, avec plus d'options : couleur du texte dans le sidebar, couleur du sous-titre, etc.
- possibilité d'exclure différentes données : imprimante, rubrique, nombre de lectures, auteur, etc.
- affichage d'une icone de petite imprimante lorsque l'on choisit l'option "petites icones"
- augmentation de l'espace vertical entre chaque commentaire
- correction du lien sur la flèche "articles suivants"

- après réflexion, proposition de 2 nouvelles options : possibilité de ne pas afficher le titre et/ou le sous-titre du blog, cela permettra de faire des effets graphiques et/ou d'inclure le titre directement dans l'image de fond afin d'utiliser des polices exotiques, effets, etc. Mais le titre et le sous-titre seront quand même toujours utilisés dans le code pour les navigateurs et les moteurs de recherche.

les autres problèmes signalés semblent être liés au nouveau système de gestion des blocs, on va voir ça.


Re: Je teste ... :-))) par leblase le Mercredi 26/12/2007 à 18:38

leblase

"..possibilité de ne pas afficher le titre et/ou le sous-titre du blog, cela permettra de faire des effets graphiques et/ou d'inclure le titre directement dans l'image de fond"..

C'est exactement ce que je voulais te demander, car j'avais envie d'utiliser la page de fond  comme un ensemble graphique incluant une image hérissonienne (à la palce dela bannière), le titre et le sous-titre, et de laisser le reste en fond de couleur.
Et ce serait effectivement très bien de pouvoir se passer du comptage de lectures, une option que je n'aime pas du tout (et de rapetisser encore plus l'icône de l'imprimante).

PS, la qualité de ton tuto pousserait presque les gens à passer sur Mac §%-))


Re: Je teste ... :-))) par OlivierMG le Jeudi 27/12/2007 à 12:23

OlivierMG merci leblase !

mitra a ajouté la possibilité d'enlever le titre et/ou sous-titre (elle stresse à mort à l'idée que t'applique ithème à ton schplouck ! ;-) et on peut maintenant enlever le nombre de lectures dans les options de "présentation du contenu". (dans notre modèle de test, il faut maintenant que stéphane le transfère sur le modèle public)

pour pouvoir enlever les autres données (imprimante, rubrique, auteur, etc.), ces options sont déjà présentes dans "présentation du contenu" de tous les modèles, mais non encore activées. Il faut qu'on voit avec stéphane quand il pourra les activer.


Re: Je teste ... :-))) par Jean-Luc le Jeudi 27/12/2007 à 15:51

Jean-Luc Question de celui qui ne s'y colle pas : pourquoi est-ce que Stéphane doit activer ces options ? Il en a positionnées un certain nombre dans un onglet dédié à la "présentation du contenu" (des articles, des commentaires, des textes et des profils) qui sont à la disposition des créateurs de modèles pour être exploitées dans leur(s) modèle(s), non ? Ou est-ce que quelque chose m'a échappé ? C'est en tout cas ce que j'avais déduit de sa présentation initiale. Je regrettais seulement que cela n'était pas mis en oeuvre dans la plupart des modèles. iThème pourrait peut-être montrer l'exemple ? Cela fait déjà un certain nombre d'options supplémentaires de personnalisation :

/articles :
display_number_of_articles
display_article_sub_title
display_article_published_t
display_article_modified_t
display_article_author
display_article_category
display_article_page_views
display_article_comments
display_article_print_icon
display_article_keywords_top
display_article_keywords_top_t
display_article_keywords_bottom
display_article_keywords_bottom_t
display_article_votes
display_article_votes_t
display_article_similar
display_article_similar_t
display_article_similar_n

/ commentaires :
display_faces_in_comments

/ textes :
display_text_parents
display_text_children
display_text_children_t

/ utilisateurs :
display_user_articles
display_user_ratings
display_user_similar_articles

outre ceux de la configuration du modèle (la mise en page) accessible via l'onglet Modèles

pour le modèle public :



ou pour un modèle personnalisé :



pour accéder à ce menu :



+ toutes les possibilités d'agencement des blocs...

J'ai toujours un peu de difficultés avec cette dispersion des espaces de paramétrages. Si je ne suis pas le seul, ces précisions peuvent peut-être aider.


Re: Je teste ... :-))) par Stephane le Jeudi 27/12/2007 à 16:29

Stephane Les options sont déjà dans le menu, mais elles ne sont pas encore toutes utilisables dans les modèles, c'est le cas du lien vers la version imprimable. C'est celà qu'il faut que j'active.


Re: Je teste ... :-))) par Jean-Luc le Jeudi 27/12/2007 à 17:34

Jean-Luc Pourrais-tu identifier celles qui ne sont pas (encore) exploitables ? Inutile que Olivier - ou d'autres - s'échinent pour rien.


Re: Je teste ... :-))) par Stephane le Jeudi 27/12/2007 à 18:20

Stephane Hop !


Re: Je teste ... :-))) par OlivierMG le Jeudi 27/12/2007 à 16:29

OlivierMG merci beaucoup jean-luc ! je viens de faire quelques essais avec les attributs que tu as indiqué, mais rien de concluant pour l'instant, j'essaierai plus sérieusement plus tard.

oui, moi aussi j'aurai préféré que toutes les options de configuration du blog soient regroupées au même endroit (avec présentation du contenu), c'est peut-être une amélioration qui faudra prévoir. Ceci-dit, stéphane a ajouté un lien d'accès plus rapide déjà pour les options du modèle :



Re: Je teste ... :-))) par Jean-Luc le Jeudi 27/12/2007 à 17:05

Jean-Luc Au moins ainsi tout est regroupé dans Mise en page, c'est déjà un gros progrès !


iThème version 1.1 par OlivierMG le Jeudi 27/12/2007 à 15:25

OlivierMG ça y est, stéphane à chargé le nouveau modèle public ithème :

- problème sur la flèche verte "articles suivants" corrigé
- problème sur le fond des blocs très grands corrigé
- ajout des flèches "article suivant" et "article précédent" qui étaient manquantes
- activation de la fonction "afficher le nombre de lectures" (en décochant, ça retire de l'affichage le nombre de lectures)
- ajout d'un nouveau choix de couleur : "couleur des textes des sidebars"
- ajout d'une nouveau choix de couleur : "couleur de la barre de séparation des commentaires"
- augmentation de l'espacement vertical entre les commentaires
- ajout d'une option "affichage du titre du blog"
- ajout d'une option "affichage du sous-titre du blog"
- amélioration de la gestion de l'image de fond du blog sous IE6






Waw !! par tgtg le Jeudi 27/12/2007 à 16:45

tgtg Le Père Noël existe !
Je lui dis merci :-)

sauf que ... la couleur des textes des sidebars ne fonctionne pas sur http://photos-promenade.be/
Et pourtant, elle fonctionne sur http://puzzlavie.be/ qui a voulu aussi changer de mise en page pour les fêtes :-)


Re: Waw !! par OlivierMG le Jeudi 27/12/2007 à 18:14

OlivierMG superbes tes blogs ! et belles adaptations d'iThème ! :-)

peux-tu nous indiquer le code RGB de la couleur que tu as essayé d'utiliser dans le sidebar de photos-promenade ?

une petite observation : la couleur des textes des sidebars ne fonctionne que pour les textes bruts, sans lien. Les textes-liens prennent toujours la couleur "couleur des liens du blog".


Re: Waw !! par tgtg le Jeudi 27/12/2007 à 18:22

tgtg Désolée!
La couleur des textes des sidebars ne fonctionne ni sur l'un, ni sur l'autre.
J'ai choisi un rouge [250; 8; 2] pour bien vérifier par rapport aux autres couleurs et il ne se produit aucun changement.


Re: Waw !! par OlivierMG le Jeudi 27/12/2007 à 18:46

OlivierMG ok, on va corriger ça


Re: iThème version 1.1 par Didier le Jeudi 27/12/2007 à 18:08

Didier Pourf ma part, les flèches vertes "article précédent - article suivant" ouvrent une nouvelle fenêtre de la même page!


Re: iThème version 1.1 par Stephane le Jeudi 27/12/2007 à 18:27

Stephane Corrigé.


Re: iThème version 1.1 par Didier le Samedi 05/01/2008 à 18:51

Didier Yes !!!!


Re: Je teste ... :-))) par tgtg le Jeudi 27/12/2007 à 11:31

tgtg Merci!
J'aime l'idée d'avoir la possibilité de ne pas afficher le titre et/ou le sous-titre du blog :-)


Re: Je teste ... :-))) par mitra le Jeudi 27/12/2007 à 00:30

"1] la couleur du texte n'agit que dans la colonne centrale; mais pas dans la sidebar :-((("

Fait*. Maintentant on peut configurer :
- La couleur du texte des articles,
- La couleur du texte des sidebars.
"2] la couleur du fond du bloc central au-dessus des articles agit sur le titre du blog et non sur le fond du bloc central au dessus des articles :-((("
Fait*. Désormais, nous ne proposons que la couleur du titre du blog. La couleur du fond du bloc central n'ést pas configurable.
"3] le blog libre html dans le bas de ma colonne : il est gris puis blanc au lieu d'être entièrement blanc :-((("
Olivier traite ce problème.
"4] la couleur de la barre de séparation du contenu de commentaire avec les informations auteur n'agit pas."
Fait*. La couleur de la barre de séparation du contenu de commentaire avec les informations auteur est maintenant configurable.
"5] Mise en page > Changer la présentation des contenus :
Je n'ai pas coché "Afficher un lien vers la version imprimable" en espérant ne pas faire apparaître l'image de l'imprimante (que je trouve trop grande pour ma présentation de ce blog).... et elle est pourtant là :-((("
Cette configuration n'est pas encore implémenté dans Viabloga. Une fois que Stéphane aura implémenté cette fonctionnalité, on l'intégrera dans le modèle.
Idem pour l'apparition de "Rubriques", "Nombre de commentaire" et "le nombre de fois où un article est lu".
Question à Stéphane : en attendant la mise en place de cette fonctionnalité veux-tu qu'on rajoute une option pour ces fontionnalités ?
"6] Description du site : elle me paraît importante pour les moteurs de recherche (ai-je raison?) mais je ne veux pas la faire figurer sur mon blog; y a-t-il moyen qu'elle n'apparaisse pas sur le blog?"
Olivier a déjà répondu à la question.
J'ai mis en place la possibilité de ne pas afficher le titre et/ou le sous-titre du blog comme le souhaitait  Leblase*.
"7] Confusion dans les commentaires : les informations auteur etc ... apparaissent en-dessous du commentaire : Ok! Mais ... on a l'impression, qu'en fait, l'auteur ... est au-dessus du commentaire.
Moi, je laisserais un espace d'une ligne entre les commentaires pour bien faire la différence et éviter les confusions."
Fait*. Voir si la confusion existe toujours. Proposition : mettre la barre juste en-dessous du titre du commentaire. Qu'en penses-tu ?
"8] les petites icônes (sauf la date) ne changent pas de couleurs en fonction de mes choix de couleurs n'est-ce pas?"

Olivier a déjà répondu.



(*) : La dernière version du modèle se trouve sur karafarin et s'appelle "public-itheme-mitra.html". Une fois que Stéphane l'aura intégré dans le dossier public, tout le monde aura la version corrigée de iThème.

PS. : tgtg, tu sais que Viabloga te doit le fait d'avoir implémenté les colonnes larges ? Sans parler de Olivier qui n'a pas arrêté de me dire à quel point les colonnes larges étaient importantes pour l'histoire de l'humanité !

Merci à tous de vos tests/remarques/...


Re: Je teste ... :-))) par tgtg le Jeudi 27/12/2007 à 11:48

tgtg Impatiente de pouvoir appliquer ... :-)))
Merci !


iThème version 1.1 par OlivierMG le Jeudi 27/12/2007 à 15:22

OlivierMG ça y est, stéphane à chargé le nouveau modèle public ithème :

- problème sur la flèche verte "articles suivants" corrigé
- problème sur le fond des blocs très grands corrigé
- ajout des flèches "article suivant" et "article précédent" qui étaient manquantes
- activation de la fonction "afficher le nombre de lectures" (en décochant, ça retire de l'affichage le nombre de lectures)
- ajout d'un nouveau choix de couleur : "couleur des textes des sidebars"
- ajout d'une nouveau choix de couleur : "couleur de la barre de séparation des commentaires"
- augmentation de l'espacement vertical entre les commentaires
- ajout d'une option "affichage du titre du blog"
- ajout d'une option "affichage du sous-titre du blog"
- amélioration de la gestion de l'image de fond de blog sous IE6






par belinunda le Mercredi 26/12/2007 à 13:58

Comment peut-on personnaliser son image ?

Y a-t-il une case spéciale pour cela ?

Il y aussi des bugs, en fait, les blocs que je sélectionne ne s'affiche pas.

Bonne journée à tous.

Belinunda.


Re: par OlivierMG le Mercredi 26/12/2007 à 14:02

OlivierMG - pour la personnalisation de l'image et des icônes, la fonction devrait être dispo très bientôt..

- pour le problème des blocs, c'est en fait un problème du nouveau système de placement des blocs et non d'ithème, la correction est en cours.


Re: par OlivierMG le Mercredi 26/12/2007 à 23:19

OlivierMG le problème des blocs est corrigé.


Re: par Visiteur le Jeudi 27/12/2007 à 14:06

Olivier, les blocs n'apparaissent toujours pas.


Re: par OlivierMG le Jeudi 27/12/2007 à 15:01

OlivierMG oui, le problème se pose encore quelques fois. Le temps que stéphane isole le problème, le mieux est d'utiliser l'ancien formulaire. Pour cela, il faut cliquer sur "formulaire alternatif" dans "choix des blocs".



Image d'arrière plan par Benoit Gogniat le Mercredi 26/12/2007 à 17:50

Bonjour et d'abord un tout grand bravo pour ce très beau travail!
Je n'arrive pas à introduire une image personnalisée en fond de page!?
Merci pour vos informations.
Meilleures salutations,
Benoit Gogniat


Re: Image d'arrière plan par belinunda le Mercredi 26/12/2007 à 18:09

Bonjour Benoit,
voir réponse juste au dessus -;)


Re: Image d'arrière plan par OlivierMG le Mercredi 26/12/2007 à 22:14

OlivierMG il faut télécharger dans le menu "image" une image qui porte le nom "itheme.main-bg.jpeg" au format jpeg. L'image remplacera alors l'image générée par viabloga.


Re: Image d'arrière plan par Visiteur le Jeudi 27/12/2007 à 14:07

Peux-tu préciser le mode opératoire ?
J'ai trouvé l'image dans le menu image mais comment faire ensuite.


Re: Image d'arrière plan par OlivierMG le Jeudi 27/12/2007 à 14:59

OlivierMG c'est mieux de s'identifier pour que l'on sache qui commente.

une fois que tu as choisi une image au format jpeg sur ton ordinateur, tu la renommes itheme.main-bg.jpeg. Tu vas dans le menu administrateur, onglet "contenu", puis "images". Tu cliques alors sur "télécharger une image" et tu sélectionnes l'image itheme.main-bg.jpeg que tu as sur ton ordinateur. Tu valides, tu vides le cache de ton ordinateur. L'image générée par viabloga sera alors remplacée par la tienne.


Re: Image d'arrière plan par belinunda le Jeudi 27/12/2007 à 17:11

Merci beaucoup. Désole pour l'identification. Tu as tout à fait raison.


Re: Image d'arrière plan par belinunda le Jeudi 27/12/2007 à 18:15

Mon image est changée !! super !!


Re: Image d'arrière plan par OlivierMG le Jeudi 27/12/2007 à 18:24

OlivierMG l'effet disgracieux sur certaines entêtes de tes blocs est dû au fait qu'il n'y a pas de titre à ces blocs, il faut en ajouter un ou utiliser l'astuce indiquée à tgtg ici en 1.


Re: Image d'arrière plan par Didier le Jeudi 27/12/2007 à 18:13

Didier Et comment vide-t-on le cache? car mon image n'apparaît toujours pas.
Le titre porte-t-il lui aussi un nom de fichier ou fait-il parti de l'image de fond? J'aimerai le personnaliser.


Re: Image d'arrière plan par OlivierMG le Jeudi 27/12/2007 à 18:19

OlivierMG moi je la vois bien ton image de fond :-) il faut donc bien vider le cache de ton navigateur. Si tu es sur firefox, il faut que tu cliques sur le menu "outils" du navigateur, puis sur "effacer mes traces", et tu valides.

Comme tu peux le voir sur ton blog, les barres d'entête de certains de tes blocs ont un effet disgracieux : c'est parce-qu'ils n'ont pas de titre, il faut leur en ajouter un ou utiliser l'astuce signalée à tgtg ici en 1.


Re: Image d'arrière plan par Stephane le Jeudi 27/12/2007 à 18:22

Stephane

c'est parce-qu'ils n'ont pas de titre, il faut leur en ajouter un ou utiliser l'astuce signalée à tgtg ici en 1.

Tu as essayé de mettre directement un espace dans le modèle à la fin de chaque titre ? (ou mieux, de fixer min-height via les css)


Re: Image d'arrière plan par OlivierMG le Jeudi 27/12/2007 à 18:27

OlivierMG non, bonne idée ! je vais tester et je note pour la version 1.2 ;-) et on va voir ça ces jours-ci.


Re: Image d'arrière plan par Jean-Luc le Jeudi 27/12/2007 à 18:41

Jean-Luc Comme on manque déjà de place pour les titres, ne mettre un espace qu'après avoir testé qu'il n'y a pas de titre ! Mais si la solution css fonctionne - et il n'y a pas de raison qu'elle ne fonctionne pas - c'est encore mieux.


Re: Image d'arrière plan par Didier le Jeudi 27/12/2007 à 18:28

Didier merci Olivier !
Quelle taille doit avoir l'image pour qu'elle remplisse tout le haut?
Et comment faire si on veut juste un bandeau de titre?


Re: Image d'arrière plan par OlivierMG le Jeudi 27/12/2007 à 20:15

OlivierMG la taille de l'image originale est de 1024 (largeur) X  768 pixels (hauteur). Tu peux mettre une image plus haute, mais dans tous les cas, seuls les premiers 768 pixels de haut seront affichés. Pour la largeur de l'image, c'est comme tu veux. Les écrans actuels ont souvent une largeur de 1000 à 1300 pixels. Donc si tu veux que l'image ou le bandeau prenne toute la largeur du navigateur, il faut une image d'au moins cette largeur, mais ce n'est bien sûr pas obligatoire.

Pour un bandeau, tu peux prendre une image de n'importe quelles dimensions, à toi de faire des tests et de voir ce qui te convient le mieux.


Re: Image d'arrière plan par Xavier le Mercredi 02/01/2008 à 18:38

Il faudrait le préciser dans le menu administrateur.

Cela éviterait de passer un quart d'heure dans "utiliateurs" pour chercher l'info. Sans oublier ceux qui n'ont pas le réflexe "utilisateurs"... ;-)


Re: Image d'arrière plan par OlivierMG le Mercredi 02/01/2008 à 19:03

OlivierMG bonne idée ! on va faire ça.


Re: Image d'arrière plan par Xavier le Mercredi 02/01/2008 à 19:16

Peut-être indiquer cela en haut de la page d'admin des pages suivantes :

  • "Choisir les images et options" avec un lien vers "Contenus/images"
  • "Contenus/images" en précisant la manip de suppression/renommage de l'image de fond avec éventuellement les contraintes de poids.


Re: Image d'arrière plan par leblase le Jeudi 10/01/2008 à 17:23

leblase j'ai téléchargé l'image ithempointmain, mais les blocs sont très hauts. Je pourrais toujours réduire la hauteur de l'image, mais je sens que ça ne a pas se faire.
J'ai vu que tu travaillais sur la tailles des blocs, donc ça viendra peut-être avec?
Autrement, tu peux voir que le problème des javascritps semble avoir disparu..


Re: Image d'arrière plan par OlivierMG le Samedi 12/01/2008 à 12:40

OlivierMG dans une prochaine version, on mettra de nouvelles options pour qu'en effet on puisse jouer de manière plus importante avec l'image de fond.

Déjà, on va essayer de mettre les corrections déjà faites en ligne (il reste des tests à faire et quelques réglages, mais demain ça devrait être bon).


Re: Image d'arrière plan par OlivierMG le Mercredi 26/12/2007 à 23:18

OlivierMG il faut télécharger dans le menu "image" une image qui porte le nom "itheme.main-bg.jpeg" au format jpeg. L'image remplacera alors l'image générée par viabloga.


Questions complémentaires ! par tgtg le Jeudi 27/12/2007 à 12:50

tgtg 1] Quelle astuce employer pour que la barre-titre d'un bloc html soit "entière" même si je ne mets pas de titre ; autrement dit, comment faire semblant de mettre un titre :-)
Voir ci-dessous, l'aspect quand il n'y a pas de titre:


2] Comment bien choisir la couleur de ce qui s'intitule "Couleur du fond de l'écran" ?  :-)))
Je choisis un jaune-jaune et avec l'image générée par Viabloga, je retrouve du jaune-vert.
Je choisis un bleu-bleu clair et avec l'image générée par Viabloga, je retrouve du bleu-gris.
... :-)))
Comment prévoir le ton à choisir pour obtenir celui qu'on désire ? :-)))

3] Quand je réponds à un commentaire, je ne le vois pas; ce qui n'est pas le cas pour les autres mises en page Viabloga.
Pourrait-on rendre visible le commentaire auquel on répond ?

4] Très sympa, la possibilité de recherche tout en haut de la page.
Mais ... pour une recherche par rubrique, il faut utiliser le bloc recherche habituel de Viabloga.
Bloc recherche qui est plus intéressant, aussi, parce qu'il permet de voir les titres des rubriques.
J'imagine qu'il n'y a pas moyen de "corriger" la possibilité offerte par iThème pour qu'elle "ressemble" à celle offerte d'habitude par Viabloga.


Re: Questions complémentaires ! par OlivierMG le Jeudi 27/12/2007 à 14:54

OlivierMG 1) en titre du bloc tu mets le code & #160; (sans l'espace entre le "&" et le "#"). Le mieux est d'utiliser l'ancien formulaire de choix des blocs.. en attendant que l'on voit ça avec stéphane.

clique sur le lien "formulaire alternatif" une fois que tu es dans le choix des blocs :



entre l'entité html dans le titre du bloc :


2) tu ne peux choisir qu'un ton pour la couleur de fond d'écran. c'est le ton qui sera appliqué en bas de l'écran. Il sera ensuite automatiquement éclairci jusqu'en haut. N'oublie pas de vider le cache du navigateur après avoir changé la couleur et que l'image de fond a été régénérée. Indique-nous le code RGB de la couleur que tu testes pour que l'on voit ça.

3) on va voir ça.

4) le bloc de recherche intégré est simple en effet. Mais tu peux ajouter d'autres blocs de recherche (standards à viabloga, avec rubrique...) dans les sidebars ou les blocs au-dessus/au-dessous des articles.


Re: Questions complémentaires ! par tgtg le Jeudi 27/12/2007 à 15:14

tgtg 1] Merci !
J'espère que le formulaire alternatif restera; je le trouve plus clair et plus facile à utiliser :-)

4] C'est ce que j'avais fait. Mais c'était pour éviter un double bouton :-)

2] En fait, on choisit la couleur claire. La couleur foncée peut être "devinée" (photoshop) mais pas avec certitude.
Après de multiples essais (parce que la couleur foncée ne me convenait pas), voici un exemple:
(cette fois, j'arrête les tests couleurs pour quelques jours heures)
253; 252; 253 - donne la mise en page actuelle :-)))  de http://photos-promenade.be


Problème bloc mots clés par belinunda le Jeudi 27/12/2007 à 18:16

Pour ma part, j'ai un problème avec le bloc "mots clés" quand on passe le curseur dessus, la couleur s'efface.


Re: Problème bloc mots clés par OlivierMG le Jeudi 27/12/2007 à 18:20

OlivierMG Tu es toujours sur la version 6 d'internet explorer ?


Re: Problème bloc mots clés par Visiteur le Jeudi 27/12/2007 à 18:30

Oui... -:(
Il faut que je change... C'est à cause de cela ?


Re: Problème bloc mots clés par OlivierMG le Jeudi 27/12/2007 à 18:35

OlivierMG oui, sur la totalité des autres navigateurs (internet explorer 7, firefox 2 et 3, opera, safari 2 et 3, flock, ominiweb, etc.), le problème ne se pose pas. On va voir d'où ça peut venir, mais il faut vraiment passer à la version 7 ! la mise à jour est gratuite, disponible depuis plus d'un an, et maintenir cette version d'internet explorer nous prend énormément de temps et ralentit les évolutions, mais t'inquiète pas, on va quand même étudier ce problème.


Re: Problème bloc mots clés par belinunda le Jeudi 27/12/2007 à 19:40

Merci Olivier pour ta réponse... C'est à moi de m'adapter.... Je n'ai pas l'envie de vous faire perdre du temps pour cela....
En plus cela marche très bien sur Firefox et je navigue avec les deux.


Petit problème d'affichage sur Vie de Viabloga par tgtg le Jeudi 27/12/2007 à 19:54

tgtg Pourrait-on commencer un nouvel article au sujet du
Nouveau modèle de mise en page : iThème ?
Il y a trop de commentaires :-)))
Du coup, je ne vois que jusque
http://utilisateurs.viabloga.com/news/nouveau-modele-de-mise-en-page-itheme#comment_34
Ensuite, tout est de la couleur de l'arrière-plan du site utilisateurs.


Re: Petit problème d'affichage sur Vie de Viabloga par OlivierMG le Jeudi 27/12/2007 à 21:26

OlivierMG c'est fait.

pour tous, merci de continuer à nous indiquer vos remarques en commentaire de cet article.


par isabelle le Jeudi 03/01/2008 à 23:33

isabelle Je n'arrive pas à charger tout cet article sous FF, le début est vide alors que la barre du bas m'indique que c'est terminé, il ne commence qu'aux images d'écran :-(
Bon, vous me direz, maintenant tout le monde l'a lu, c'est pas bien grave...


Re: par OlivierMG le Vendredi 04/01/2008 à 07:10

OlivierMG salut isabelle ! :-)

firefox 3 beta est déjà très stable et parfaitement utilisable. Il est bien plus adapté au monde mac que la précédente version. Avec cette version, je n'ai pas de problème pour lire les grandes pages.

sinon, ne pas oublier que safari 3 est désormais compatible avec l'éditeur visuel de viabloga, et qu'il est quand même beaucoup plus léger et rapide que cette usine à gaz de firefox...


Re: par isabelle le Vendredi 04/01/2008 à 20:45

isabelle Merci Olive !!
J'avais la version 2 du Renard. 
De toute façon je crois qu'il va falloir que je convertisse tout mon monde à Safari 3 : on est en train de tester un Léopard qui vient d'arriver et avec Firefox, ç'est la cata généralisée !!



Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Ailleurs sur ViaBloga


Archives par mois