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

Mettre une image au dessus des onglets sur Mimbo -- MAJ du 20/11/08 Astuce

Par isabelle • Tutoriels • Lundi 17/11/2008 • 9 commentaires  • Lu 14215 fois • Version imprimable

Mots-clés : ,


Il faut d'abord que l'affichage des onglets se fasse grâce à une liste.
Ensuite, la première entrée de la liste doit être l'URL de la photo, en spécifiant sa longueur (950 pour une largeur de blog de 1000)
Pour faire pousser de l'herbe sur V2V, j'ai semé ça : 
<li> <img width="950" alt=""src="http://utilisateurs.viabloga.com/images/herbe.jpg"/></li>

En ajoutant autant de lignes d'entrée de liste que de photos voulues, on peut obtenir ce genre de bandeau : 


 
<li>  <img width="75" height="75" alt=""src="http://viablabla.viabloga.com/images/DSC00120_t.jpg"/></li>

L'astuce est de réussir à régler la hauteur des photos pour que tout rentre dans la largeur, plus l'espacement entre, de quoi s'amuser un peu quand même avant de tout caler tout bien :-)
 

D'autres articles sur des thèmes similaires :


Commentaires

Excellente idée ! par tgtg le Lundi 17/11/2008 à 22:51

tgtg Merci :-)


par Stephane le Mardi 18/11/2008 à 09:47

Stephane Très bien vu !


par leblase le Mardi 18/11/2008 à 09:53

leblase Décidément, cette Isabelle fera pousser de l'herbe sur toutes les surfaces: c'est notre anti-Attila!


Petite erreur par tgtg le Mercredi 19/11/2008 à 16:18

tgtg de code :
<img width="950" alt ""src="http://utilisateurs.viabloga.com/images/herbe.jpg" />
à corriger en
<img width="950" alt="" (un espace) src="http://utilisateurs.viabloga.com/images/herbe.jpg" />


C'est modifié dans l'article par isabelle le Jeudi 20/11/2008 à 09:58

isabelle Merci tgtg, en effet j'avais mal recopié le code :-)


Re: C'est modifié dans l'article par tgtg le Jeudi 20/11/2008 à 10:41

tgtg Manque encore l'espace entre "" et src ;-)


C'est aussi modifié dans l'article par isabelle le Jeudi 20/11/2008 à 12:07

isabelle Ben non, y a pas d'espace :-)
Ce qui manquait au premier jet c'était un =
Le code mis actuellement ds l'article est un copié-collé tel quel d'une ligne de code du bloc HTML pour les onglets de V2V
En voici un autre d'un lieu sous clé, aucun espace non plus :
<li>  <img width="75" height="75" alt=""src="http://viablabla.viabloga.com/images/DSC00120_t.jpg"/></li>

En ajoutant autant de lignes que de petites photos voulues on obtient un bandeau de ce genre là :







Mimbo - largeur de l'écran par tgtg le Mercredi 30/09/2009 à 13:46

tgtg Pour Mimbo configuré "Largeur de l'écran"

Quelle est la méthode, quel est le truc à utiliser pour mettre une image au-dessus des onglets ? :-)



[ Je ne vois qu'une solution : un modèle mimbo bis :-)
Avec la possibilité de pouvoir mettre une petite bannière de titre [petite parce que pour un blog photos, ce sont les photos qui comptent] autrement que dans les onglets. ]



Lien croisé par Visiteur le Jeudi 17/06/2010 à 13:50

mimbo - Catégorie - Bligg.fr : "0 commentaires0vote 0 clic"



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

Discussions actives (+ commentaire)


Archives par mois