[SPIP Zone] [Spip-zone-commit] r32656 - in /_squelettes_/soyezcreateurs_net/plugins_2.0/plugins/__soyezcreateurs: ./ noisettes/ noisettes/agenda/ noisettes/sommaire/

la divite aigue a frappé avant la grippe h1 ?

Cédric

* Cédric Morin tapuscrivait, le 04/11/2009 16:22:

la divite aigue a frappé avant la grippe h1 ?

LOL.
Tu proposerais quoi ?
(l'objectif étant de pouvoir faire des coins arrondis qui ne cassent pas si le titre passe à la ligne).

--
RealET

Je dis peut être une bêtise mais h1 étant déjà une balise de type bloc, je jouerais les arrondis UNIQUEMENT en CSS avec les propriétés radius CSS3 :
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

Tant pis pour les navigateurs obsolètes type IE pour qui un JS peut compenser en attendant qu'ils jouent au CSS :
http://www.dillerdesign.com/experiment/DD_roundies/

Non ?

Le 4 nov. 09 à 17:57, RealET a écrit :

* Cédric Morin tapuscrivait, le 04/11/2009 16:22:

la divite aigue a frappé avant la grippe h1 ?

LOL.
Tu proposerais quoi ?
(l'objectif étant de pouvoir faire des coins arrondis qui ne cassent pas si le titre passe à la ligne).

--
RealET

_______________________________________________
spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone

Le 4 novembre 2009 18:07, XDjuj <XDjuj@apsulis.com> a écrit :

Je dis peut être une bêtise mais h1 étant déjà une balise de type bloc, je
jouerais les arrondis UNIQUEMENT en CSS avec les propriétés radius CSS3 :
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

Tant pis pour les navigateurs obsolètes type IE pour qui un JS peut
compenser en attendant qu'ils jouent au CSS :
http://www.dillerdesign.com/experiment/DD_roundies/

Ou même jquery.corner : JQuery Corner Demo

Rapide à mettre en place , et compatible avec le jquery de spip :wink:

Denis

Tellement moins précis que DD_Rounded qui a un rendu exceptionnellement propre, que je ne l'utilise plus depuis très longtemps ! :slight_smile:

Il existe cependant certains cas où seul jcorner de malsup fonctionne, mais le rendu est moche.

Pour le PNG, pareil... Point de salut sans DD_BelatedPNG
http://www.dillerdesign.com/experiment/DD_belatedPNG/

Essaye les deux, tu verras que tu changeras ta vision des choses ! :slight_smile:

Le 4 nov. 09 à 18:20, Denis Chenu a écrit :

Le 4 novembre 2009 18:07, XDjuj <XDjuj@apsulis.com> a écrit :

Je dis peut être une bêtise mais h1 étant déjà une balise de type bloc, je
jouerais les arrondis UNIQUEMENT en CSS avec les propriétés radius CSS3 :
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

Tant pis pour les navigateurs obsolètes type IE pour qui un JS peut
compenser en attendant qu'ils jouent au CSS :
http://www.dillerdesign.com/experiment/DD_roundies/

Ou même jquery.corner : JQuery Corner Demo

Rapide à mettre en place , et compatible avec le jquery de spip :wink:

Denis
_______________________________________________
spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone

* XDjuj tapuscrivait, le 04/11/2009 18:07:

Je dis peut être une bêtise mais h1 étant déjà une balise de type bloc, je jouerais les arrondis UNIQUEMENT en CSS avec les propriétés radius CSS3 :

En l'occurrence, pour l'effet voulu, je ne vois pas comment faire ça avec des CSS.
http://www.manrese.com/Etudes-en-theologie-experience-spirituelle-en-phase-et-ou
Mais en plus, la couleur de fond du titre varie selon les rubriques, et est donc obtenu par transparence de l'image de fond du titre.

--
RealET

RealET a écrit :

* XDjuj tapuscrivait, le 04/11/2009 18:07:

Je dis peut être une bêtise mais h1 étant déjà une balise de type bloc, je jouerais les arrondis UNIQUEMENT en CSS avec les propriétés radius CSS3 :

En l'occurrence, pour l'effet voulu, je ne vois pas comment faire ça avec des CSS.
http://www.manrese.com/Etudes-en-theologie-experience-spirituelle-en-phase-et-ou

ça bugge si on augmente la taille des caractères (le bandeau ne s'élargit pas)

Mais en plus, la couleur de fond du titre varie selon les rubriques, et est donc obtenu par transparence de l'image de fond du titre.

* rpapa tapuscrivait, le 04/11/2009 18:52:

ça bugge si on augmente la taille des caractères (le bandeau ne s'élargit pas)

ça, ça dépend du navigateur utilisé et de sa méthode de zoom.
Les modernes grossisses tout, y compris les images...

--
RealET

Le 4 novembre 2009 18:57, RealET <real3t@gmail.com> a écrit :

  • rpapa tapuscrivait, le 04/11/2009 18:52:

ça bugge si on augmente la taille des caractères (le bandeau ne s’élargit pas)

ça, ça dépend du navigateur utilisé et de sa méthode de zoom.
Les modernes grossisses tout, y compris les images…

Pour info :
Firefox 3.5 / Mac OS 10.6 Le titre de la page http://www.manrese.com/Etudes-en-theologie-experience-spirituelle-en-phase-et-ou est sur 2 lignes , le badeau du haut du titre reste sur une ligne la 2eme ligne est cachée sous le bandeau blanc de l’age de l’tem.

A+
Arnaud

Le 4 nov. 2009 à 18:57, RealET <real3t@gmail.com> a écrit :

* rpapa tapuscrivait, le 04/11/2009 18:52:

ça bugge si on augmente la taille des caractères (le bandeau ne s'élargit pas)

ça, ça dépend du navigateur utilisé et de sa méthode de zoom.
Les modernes grossisses tout, y compris les images...

Non, ils donnent le choix.

Et grossir tout simultanément devrait rester une fonction de l'OS seul, je trouve que c'est une erreur de l'avoir mis dans des navigateurs...

-Nicolas

* Arnaud Ventre tapuscrivait, le 04/11/2009 19:35:

Le 4 novembre 2009 18:57, RealET <real3t@gmail.com> a écrit :

* rpapa tapuscrivait, le 04/11/2009 18:52:

ça bugge si on augmente la taille des caractères (le bandeau ne s'élargit

pas)

ça, ça dépend du navigateur utilisé et de sa méthode de zoom.
Les modernes grossisses tout, y compris les images...

Pour info :
Firefox 3.5 / Mac OS 10.6 Le titre de la page
http://www.manrese.com/Etudes-en-theologie-experience-spirituelle-en-phase-et-ou
est sur 2 lignes , le badeau du haut du titre reste sur une ligne la 2eme
ligne est cachée sous le bandeau blanc de l'age de l'tem.

Merci.
C'est justement l'objet de la divite : pouvoir éclater l'image en 2 et ne plus casser la mise en page comme c'est cas actuellement...

--
RealET