Slots comme sur Zopeur
Document Actions
Par jpcw2002 le 02/01/2006 23:52
Suite à un appel sur le forum, voici un revival de slots comme sur Zopeur.
A noter que Zyons m'avait aidé pour un problème de chevauchement d'images qui se produisait avec IE 6.0
Problème qu'il m'avait immédiatement résolu en rajoutant une bordure invisible.
Confer le commentaire dans la css de l'article.
A noter que Zyons m'avait aidé pour un problème de chevauchement d'images qui se produisait avec IE 6.0
Problème qu'il m'avait immédiatement résolu en rajoutant une bordure invisible.
Confer le commentaire dans la css de l'article.
Catégories : Plone
Le but du jeu est le suivant : On veut arrondir les angles des portlets ;-) et ces derniers doivent s'adapter en hauteur et largeur.
Voici les modifs pour la css de plone 2.04, pas testé sous versions ultérieures.
La css de plone au niveau des portlets n'a que trois classes, hors on a quatre angles, on rajoute donc une classe qui sera nommée plus bas : portlet_header
L'astuce est la suivante tu appelles une image à chaque appel de classe confer le code exemple du portlet : Et chaque image, bien plus grande qu'un portlet, est soigneusement calée suivant sa position :
Haut droit = no-repeat top right
Bas gauche = no-repeat bottom left etc...
Ce qui te donne des slots comme sur ce site
Comme tu le vois les portlets s'ajustent indifférement de la largeur et hauteur, pour cela il faut avoir des images assez hautes et larges.
Le code du portlet Get Firefox :
Cliquez sur le plus pour Afficher / sur le moins pour masquer le code
La partie de PloneCustomCSS modifiée :
Cliquez sur le plus pour Afficher / sur le moins pour masquer le code