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

Test de Mimbo

Par Stephane • Actualités • Lundi 09/06/2008 • 44 commentaires  • Lu 4002 fois • Version imprimable

Mots-clés :


Après presque un an de jeune femme en bikini sous un palmier, Vie de ViaBloga change de modèle de mise en page ! Pour joindre l'utile à l'agréable, vous allez pouvoir en profiter pour me faire part de tous les petits problèmes de finition qu'il me reste à résoudre avec le nouveau modèle Mimbo avant que je le rende public.



J'ai déjà repéré un problème avec les étoiles des suggestions.

D'autres articles sur des thèmes similaires :


Commentaires

par OlivierMG le Mardi 10/06/2008 à 09:04

OlivierMG excellent les onglets avec les menus déroulants !

c'est un thème qui rendra surtout très bien sur des blogs "carrés" je pense, avec des pages peu longues.

A première vue, pas de problèmes sur safari. Peut-être juste les pieds de commentaires un peu cheap.
 


Re: par Stephane le Mardi 10/06/2008 à 11:57

Stephane Tu préfères des pieds comme ça ?


Bravo par Mitra le Mardi 10/06/2008 à 10:32

Mitra La fille à la plage va décidémment me manquer;-)


Re: Bravo par Stephane le Mardi 10/06/2008 à 12:00

Stephane Oui, moi aussi, je pensais la remplacer par une adaptation de ce thème Wordpress, en rendant bien sûr les couleurs des cheveux et vêtements configurables. ;o)


Re: Bravo par Mitra le Mardi 10/06/2008 à 17:01

Mitra Stéphane,
Qu'est-ce qui est paramétrable dans ce modèle ?


Re: Bravo par Stephane le Mardi 10/06/2008 à 18:08

Stephane Pour l'instant rien, mais avec les images dynamiques on peut changer les couleurs ou ajouter des éléments par dessus n'importe quelle image. (je plaisantais évidemment)


Re: Bravo par Mitra le Mardi 10/06/2008 à 21:45

Mitra J'espère que je me suis bien fait comprendre:-)
Ma question n'était pas sur le thème avec la fille en transe et encore moins si on pouvait deviner si elle est blonde/rousse ou fausse blonde/rousse par les couleurs configurables.
Je voulais savoir si les couleurs (fond de blocs, fond d'écran, ...) du thème Mimbo sont configurable.
D'ailleurs, dans le modèle oroginal, le fond de la page est foncé.


Re: Bravo par Stephane le Mardi 10/06/2008 à 22:02

Stephane Oui, toutes les couleurs sont configurables.


Re: Bravo par isabelle le Mardi 10/06/2008 à 22:52

isabelle Ce qui serait sympa, ce serait d'essayer de retrouver les couleurs du site de ViaBloga (la bimbo au chapeau de chapeau de paille dans l'herbe et le nez dans le ciel bleu) C'est plus gai que le gris actuel et on aurait une correspondance couleurs qui permettrait immédiatement d'identifier le blog V2V à la même appartenance.
Est-ce que je peux essayer, j'adore tripatouiller les couleurs ? Promis je mettrais pas de la peinture par terre ni au plafond et je remettrais tout comme c'est gris si ça vous plaît pas...


Re: Bravo par Stephane le Mardi 10/06/2008 à 22:58

Stephane Bonne idée. Essaie à tes risques et périls. ;-)


Re: Bravo par isabelle le Mardi 10/06/2008 à 23:56

isabelle J'arrive pas à trouver à quoi correspond la couleur du surlignage des onglets...


Re: Bravo par isabelle le Mercredi 11/06/2008 à 01:49

isabelle Comme le faisait remarquer Blase, on va vite être à l'étroit dans les commentaires sur ce modèle, avec la largeur de 1000 pixels.


Re: Bravo par Stephane le Mercredi 11/06/2008 à 10:32

Stephane C'est la taille maximale pour le portable de Mitra, tu voudrais pas lui coller une barre de scrolling horizonal quand même ? ;-)

En option on peut mettre le modèle en 100% de la largeur de l'écran.


Re: Bravo par isabelle le Jeudi 12/06/2008 à 23:31

isabelle Bon alors, apparemment personne n'a hurlé ! On fait quoi question couleurs pour V2V ? Je suis déçue qu'on ne puisse pas mettre un seul brin d'herbe ici.


Re: Bravo par Stephane le Jeudi 12/06/2008 à 23:40

Stephane A part les onglets qui sont un peu trop gris sur gris, j'aime bien. ;-)
Pour les brins d'herbe, je pense permettre d'ajouter un petit logo à coté du titre.


Re: Bravo par isabelle le Vendredi 13/06/2008 à 00:06

isabelle j'ai pas trouvé où on changeait la couleur du surlignage des onglets, ni d'ailleurs celle de la ligne d'info des articles en page sommaire :-)


Re: Bravo par Stephane le Vendredi 13/06/2008 à 00:18

Stephane Je t'ai rajouté des couleurs pour les onglets. La barre d'infos sous le sommaire des articles est une variante de la couleur utilisée pour les barres horizontales au dessus des blocs.


allez, s'il te plaît, juste encore un p'tit effort par isabelle le Vendredi 13/06/2008 à 13:51

isabelle Pour continuer dans la configuration d'un modèle noir épuré, je voudrais bien avoir la main pour modifier cette couleur de barre d'infos d'articles. A partir du moment où on peut la modifier pour l'affichage en page Autres, pourquoi pas pour les pages "Sommaire", ce serait logique.
Très franchement la barre claire sur la page d'arrivée, c'est pas top :-)


Re: allez, s'il te plaît, juste encore un p'tit effort par leblase le Vendredi 13/06/2008 à 16:25

leblase

Très franchement la barre claire sur la page d'arrivée, c'est pas top :-)

Ou alors il faudrait qu'une infobulle renseigne sur son action, qui est intéressante en soi


Re: allez, s'il te plaît, juste encore un p'tit effort par isabelle le Vendredi 13/06/2008 à 17:28

isabelle Je ne veux pas la supprimer, juste que le fond soit noir avec "X commentaires" d'écrit en clair pour que ça soit moins présent sur la page.
T'as raison, comme j'ai supprimé le titre de l'article en Une, on ne sait pas bien comment ouvrir la page de l'article.
J'ai modifié l'affichage de l'article en choisissant "1er paragraphe" pour avoir le lien "-> plus" qui permet de lire l'article.
Ma difficulté sur la configuration de la présentation de ce modèle, c'est d'arriver à quelque chose de minimaliste qui permette de mettre en avant les photos sans avoir un aspect blog (les blocs de commentaires, les liens, etc) mais qu'on puisse quand même trouver les liens à cliquer pour aller voir ce qu'il y a derrière et avoir accès aux fonctionnalités d'un vrai blog pour échanger...


Re: allez, s'il te plaît, juste encore un p'tit effort par Stephane le Vendredi 13/06/2008 à 18:14

Stephane Done.


Re: allez, s'il te plaît, juste encore un p'tit effort par isabelle le Vendredi 13/06/2008 à 18:42

isabelle Merci beaucoup !!

J'ai découvert par hasard une petite astuce que je ne connaissais pas : si on met 4 zéros au lieu de 5 pour le noir, on obtient du transparent, ce qui permet de faire disparaître les lignes d'entourage des onglets pour la couleur du menu. Alors que si on la laisse noir, elles sont présentes.
Je vais mettre dans l'article concerné une copie d'écran de mon menu "Choisir les couleurs" pour ceux qui veulent essayer ce type de page d'arrivée pour un photoblog.

La semaine prochaine je travaillerais l'ergonomie de navigation et l'arborescence des articles par mots-clés et rubriques pour réussir à créer des pages d'album.


Re: Bravo par isabelle le Mardi 07/10/2008 à 17:33

isabelle Est-ce que tu as pu avancer sur cette idée de logo à côté du titre ? Je serais preneuse....


par leblase le Mardi 10/06/2008 à 18:46

leblase les onglets avec menus déroulants sont en effet excellents, comme le dit Olivier, et bien adaptés à un blog-portail genre VdeV, mais je trouve le look assez triste et les colonnes extérieures trop larges: on a besoin de plus de place d'écriture ou d'image sur ce site.


essai couleurs idem site viabloga.com par isabelle le Mercredi 11/06/2008 à 00:12

isabelle Ma difficulté, c'est que ça ne donne pas du tout le même effet suivant la largeur de l'écran :


écran 13 " d'un macbook : le bleu est présent


écran 4/5, pas de fond : il a l'air tout blanc !!
 


par isabelle le Mercredi 11/06/2008 à 01:34

isabelle Allez, j'en ai trituré un aussi avec le bleu fort sur les côtés :


 
pour essayer de se rapprocher plus du site

 
d'où l'idée d'une image d'herbe juste au dessus des onglets gris :-)


Je vais balancer mon ordinateur par la fenêtre:-( par Mitra le Mercredi 11/06/2008 à 06:45

Mitra Avec une résolution (1024, 768), je ne vois pas le fond gris alors que dans le modèle de wordpress, je le vois:-(


Re: Je vais balancer mon ordinateur par la fenêtre:-( par OlivierMG le Mercredi 11/06/2008 à 08:38

OlivierMG  mitra, ça serait bien que tu mettes une copie d'écran du modèle original. Je crois qu'il avait un côté "carte postale", avec un encadrement de couleur tout autour du contenu (pas seulement à gauche et à droite). C'est pour ça que je disais que ce modèle me semblait bien adapté à des blogs légers, "carrés" (ou rectangulaires, avec une largeur plus haute que la hauteur), avec des pages peu longues. Je crois d'ailleurs que stéphane avait dit qu'il serait bien adapté à des photoblogs, effectivement.


A ton service chef:-) par Mitra le Mercredi 11/06/2008 à 09:07

Mitra Le modèle original en plein écran résolution (1024, 768) ça donne ceci :


 Avec un bas de page comme ceci :
 


Re: Je vais balancer mon ordinateur par la fenêtre:-( par isabelle le Mercredi 11/06/2008 à 09:16

isabelle J'ai créé un blog test pour une maquette de photoblog et rapidement ça donne ça :

Ça peut être très intéressant effectivement 


Re: Je vais balancer mon ordinateur par la fenêtre:-( par OlivierMG le Mercredi 11/06/2008 à 09:21

OlivierMG  bon début ! :-) il ne reste plus qu'à mettre au boulot stéphane et mitra ! ;-)


Re: Je vais balancer mon ordinateur par la fenêtre:-( par Stephane le Mercredi 11/06/2008 à 10:42

Stephane Je me disais en effet que Mimbo serait pas mal pour les photoblogs parce qu'il est très sobre : il n'y a en fait aucune image, à part les petites icônes. Du coup, c'est vraiment le contenu, et surtout les photos qui sont mises en valeur. Le fond foncé est une bonne idée.


Re: Je vais balancer mon ordinateur par la fenêtre:-( par Stephane le Mercredi 11/06/2008 à 10:34

Stephane Je veux bien passer de 1000 à 960 pour que tu vois le fond gris, mais Isabelle et Leblase vont se sentir encore plus à l'étroit. ;-)


Re: Je vais balancer mon ordinateur par la fenêtre:-( par leblase le Mercredi 11/06/2008 à 12:36

leblase Ma résolution la plus mitraienne est 1440 de large. Pour un photoblog pro ou amateur averti (comme y disent) c'est à peu près indispensable.
Peut-être devez-vous envisager les cas photoblog et pasphotoblog séparément?


par isabelle le Dimanche 15/06/2008 à 00:19

isabelle Pour l'onglet Échanges, je me suis permise de rajouter une entrée déroulante "Proposer une discussion" avec un lien vers la page d'édition d'article indexée directement dans la rubrique Échanges. (aillaillaille, j'avais pas vu tout de suite que la rubrique s'intitulait en fait "echanges_et_discussions" dans l'url ! :-)) Ça évitera que les articles Échanges arrivent en Actu.


Re: par leblase le Dimanche 15/06/2008 à 15:07

leblase Comment crées-tu une entrée déroulante dans un onglet?


décryptage de html pour les liste d'onglets par isabelle le Dimanche 15/06/2008 à 16:00

isabelle Il faut que tu copies le code html de ta liste dans un bloc libre. L'entrée supplémentaire est une sous-liste. Le code est le suivant :
<ul> 
    <li><a href="URL de ta rubrique ou du lien vers où tu veux renvoyer">nom de ton onglet</a></li>
    <li><a href="URL de ta rubrique">nom de l'onglet</a></li>
Autant de fois que tu veux d'onglets
Pour faire une entrée en dessous, à la ligne de l'onglet où tu veux faire l'entrée, tu ne mets pas </li> à la fin pour ne pas fermer ta ligne de liste
Puis tu refais une entrée de sous-liste

<ul>
<li><a href="URL du lien ou de ta rubrique">nom du sous-onglet</a></li></ul>
Si tu veux un autre onglet, tu recommence <li>< a href etc....
A la fin tu fermes ta liste par

</ul>

<ul> ouvre une liste </ul > la ferme
<li> ouvre une ligne de ta liste (autrement dit un onglet)</li> la ferme
pour avoir un sous-onglet, tu ne ferme pas ta ligne avec </li> à la place tu lui insers une nouvelle liste que tu n'oublies pas de fermer avec </ul>, et seulement après tu fermes ta ligne avec </li>
A la fin tu n'oublies pas de fermer toute ta liste avec </ul>

<a herf ="....."> permet de directionner le lien. Surtout ne pas oublier de fermer les guillemets. Et finir par</a>après le nom de l'onglet

Je n'ai pas essayé sur les autres modèles, je ne sais pas si ça marche ailleurs qu'avec Mimbo.
MAJ/ ça fonctionne sous Ithème !!! Le sous-onglet est juste un peu décalé sous la barre d'onglet et tout le temps visible, il y a aura un petit réglage à faire à la prochaine version :-)
Tu veux faire ça sur quel modèle ?

Tu me dis si c'est clair : ensuite j'en ferai un tuto dans un article pour tout le monde :-)


Re: décryptage de html pour les liste d'onglets par leblase le Dimanche 15/06/2008 à 16:33

leblase Merci Isabelle,
je tombe sur ta réponse un peu par hasard, car je ne suis plus prévenu des réponses à mes commentaires depuis deux jours, sauf sur le shplouc.
Je voulais connaître ça car je n'en avais pas vu l'option sur le modèle Mimbo, que tu as très bien développé en photoblog.
Les deux blogs sur lesquels je me penche actuellement ont une architecture ithemeshahbanisée, un truc spécial dont l'un est destiné à l'univers globish, et je ne prévois pas pour l'instant de menu déroulant. Mais ça pourrait venir.
Dans ton explication (je demande ça pour les VdeVmuets), donnes-tu un titre à ton bloc libre?


Re: décryptage de html pour les liste d'onglets par isabelle le Dimanche 15/06/2008 à 17:44

isabelle Tu l'appelles comme tu choises, il faut juste que dans le menu administrateur, tu le sélectionnes dans la liste déroulante de la page Mise en page > Choisir les blocs > Menu, pour que ça soit cette configuration-là qui fonctionne pour les onglets :-)


Je me disais bien .... pour la taille de texte par tgtg le Mardi 17/06/2008 à 18:14

tgtg J'ai adopté cette mise en page pour deux viablogs.
J'aime ses onglets, sa clarté et la possibilité d'avoir une large colonne principale.

Mais, ça fait des heures que j'observe, je lis et je re-lis.
Et je me dis que mes verres progressifs me jouent un mauvais tour :-)))

Mais, non !
C'est vrai !
La taille du texte change en cours d'article.

azertyuiopqsdfghjklmwxcvbn

azertyuiopqsdfghjklmwxcvbn
azertyuiopqsdfghjklmwxcvbn

Vous voyez ?
Que faire ?
C'est très énervant ! Si si ! :-) [surtout quand c'est trop petit]


"Vous voyez ?
Que faire ?
C'est très énervant ! Si si ! :-) [surtout quand c'est trop petit]"
est plus grand [c'est mieux] que la première partie du texte que je viens d'écrire dans ce commentaire.



Re: Je me disais bien .... pour la taille de texte par tgtg le Jeudi 19/06/2008 à 00:47

tgtg En fait, dans un article et dans un texte et dans un commentaire, le texte est "petit" entre les premiers <   p  > et <  /p  >

Ensuite, il devient "normal" :-)


Re: Je me disais bien .... pour la taille de texte par Stephane le Jeudi 19/06/2008 à 00:54

Stephane Corrigé.


Faciliter la recherche dans les archives par rubique par isabelle le Mardi 17/06/2008 à 22:19

isabelle J'ai créé un bloc libre "onglets modif" qui permet d'avoir un sous-onglet "Archives" pour chaque rubrique et qui pointe vers la liste des articles concernés.
Tu me dis si ça te va et si tu es ok pour sa mise en place ?


Re: Faciliter la recherche dans les archives par rubique par Stephane le Jeudi 19/06/2008 à 00:56

Stephane Bonne idée, mis en ligne.



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

Archives par mois