Erreur, ça marche sur l’onglet ’’rubrique’’ en accueil. Je
regardais pas è la bonne place... milles (...) |
**Escal V3**
Message posté par christian Voillemont <christian@voillemont.com> à la
suite de l’article « Suggestions ».
* * *
## Modele x derniers articles d’une rubrique
Erreur, ça marche sur l’onglet ’’rubrique’’ en accueil.
Je regardais pas è la bonne place... milles excuses !
* * *
### Modération
Ne répondez pas à ce mail mais sur le forum à l’adresse suivante :
http://escal.ac-lyon.fr/spip/spip.php?article170#forum7349
— Envoyé par Escal V3 (http://escal.ac-lyon.fr/spip/)
Une seule image de Rubrique dans le menu horizontal
La question de fin d’année cela me fait gagner quelques pixels en largeur et améliore l’affichage, en mettant une loupe sur l’évènement de l’année 2018 Une idée ?
Hmm, c’est tordu à souhait ça !
On va donc cibler le lien de la rubrique 100 dans le menu
Comme on ne peut pas enlever le texte, on va le réduire pour gagner de la place et le rendre transparent
Ensuite on met ton image en fond (faudra adapter le nom)
Enfin, on vire la petite flèche qui fera moche et qui sera difficile à gérer
Donc :
- tu mets ton image dans /squelettes/images
- dans ton perso.css tu rajoutes
ul#menu li.rubrique100 a{
font-size: 0.1em;
color: transparent !important;
background-image: url(…/images/tonimage.jpg);
background-repeat: no-repeat;
}
ul#menu li.rubrique100 a .menufleche{
display: none;
}
Super, ça marche !
Bon, avec quelques réglages d’image apparemment !
L’image est appelée, la flèche n’est plus. mais l’image se répète dans le sous-menu …
/- image dans menu horizontal -----/
ul#menu li.rubrique100 a{
font-size: 1.6rem;
color: transparent !important;
background-image: url(…/images/lv100.jpg);
background-repeat: no-repeat;
}
ul#menu li.rubrique100 a .menufleche{
display: none;
}
ah oui et si on réduit la taille de police, ça réduit la hauteur*
je vais peaufiner mais c’est tordu !
allez ça devrait le faire avec ça :
on ne réduit pas la taille du texte mais l’espacement entre les lettres et on remet normal pour les sous-menu
ul#menu li.rubrique100 a{
color: transparent !important;
background-image: url(…/images/lv100.jpg);
background-repeat: no-repeat;
padding-left: 0;
padding-right: 0;
letter-spacing: -2px;
}
ul#menu li.rubrique100 a .menufleche{
display: none;
}
ul#menu li.rubrique100 ul li a{
color: white !important;
background-image: none;
padding-left: 10px;
padding-right: 10px;
letter-spacing: normal;
}
ul#menu li.rubrique100 ul li a .menufleche{
display: inline-block;
}
