[pmb.user] Re: Style OPAC

[damien.hardy@laposte.net]

>
> Utiliser ce style ? Bah oui, bien sûr ! Il est pour nous tous... Quant au
> nom, moi je l'ai appelé acidulé (acidule, sans accent), mais pourquoi pas
> "manga" ? Encore que... J'ai cherché un long moment avant de comprendre
> qu'il fallait que le répertoire mon_style MAIS AUSSI le fichier .css porte
> avec le même nom !
>
> Mais bon, je n'en suis qu'au début ! Il manque plein de petites
> fioritures.
>
> Tiens, d'ailleurs, j'ai deux questions de "style" :
>
> 1. Dans le cadre "Recherche", je voudrais qu'au survol de l'onglet tout
> soit orange, pas seulement le texte. Vous avez une idée ?
> 2. Plus largement, si quelqu'un veut bien m'expliquer commnet on fait un
> "style switcher", ce serait sympa ;-) Y a rien qui presse...
>
> N'hésitez pas à faire des commentaires et des "commandes" sur ce style, il
> n'est pas terminé.
>
> Bonne fin de journée à vous, moi je vais prendre mon goûter !
>
> Mkl
>
> (A voir à cette adresse : http://aegagropile.free.fr/pmb/opac_css/ )
>

pour la question 1
ca ce passe a cet endroit (je pense qu'il est possible de faire un gros
travail de factorisation au pasage):
#main ul.search_tabs li {
	float: left;
	padding: 3px 6px 0px 6px;
	border: 1px solid #7686D2;
	margin-right: 4px;
	margin-bottom: 5px;
	border-bottom: none;
	height: 19px;
	background: #C7D1FF;
	color: #7686D2;
}

#main ul.search_tabs li a{
	text-decoration: none;
	font-weight: normal;
	color: #7686D2;
}

#main ul.search_tabs li a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #FE9D43;
	background-color: #FFCEA1;

il faut mettre le :hover sur le "li" plutot que sur le "a" mais ça ne
fonctionnera que sur les navigateurs respectueux des standard (internet
explorer n'en faisant pas partie)
ce qui donnerait quelque chose du genre :

#main ul.search_tabs li {
	float: left;
	padding: 3px 6px 0px 6px;
	border: 1px solid #7686D2;
	margin-right: 4px;
	margin-bottom: 5px;
	border-bottom: none;
	height: 19px;
	background: #C7D1FF;
	color: #7686D2;
}

#main ul.search_tabs li a{
	text-decoration: none;
	font-weight: normal;
	color: #7686D2;
}

#main ul.search_tabs li:hover{
	background-color: #FFCEA1;
}

#main ul.search_tabs li:hover a{
	color: #FE9D43;
}

pour la deuxieme question je pense que cet article pourra vous etre utile
: http://www.alistapart.com/stories/phpswitch/ (pour un style switcher qui
persiste grace a un cookie)

sinon regardez les entete de la page http://frenchmozilla.org/ par
exemple, des styles alternatifs sont disponibles et visbles sur les
navigateur moderne. Dans deer park Beta 1 par exemple, (le future firefox
1.5) c'est View > Page Style et on clic sur le style de la page que l'on
désire

en esperant avoir répondu à vos question,

Dam


Liste de diffusion pmb.user
Pour se désinscrire : mailto:pmb.user_request@sigb.net?subject=unsubscribe