jquery.corner

bonjour a tous

je cherche comment intégrer les fonctions arrondis de jquerry dans spip,
y a t-il une synthèse de tout ça quelque part ? je patauge pas mal

je voudrais pourvoir créer des bloc 'elastiques" , doté d'arrondis, le
tout modifiable en css

si vous avez des pistes, des experiences

merci

jacques

Ce script est magnifique.
Seule petite déception sur safari, on a un petit arrondi noir.
Pour le mettre en place très simple
Dans les head des des squelettes où tu en a besoin

<script type="text/javascript" src="#CHEMIN{javascript/jquery.corner.js}"></script>

<script type="text/javascript">
   // The code tags have the actual code, which is applied to the div
   $(document).ready(function(){
     $(".coupons_boutiques1").corner();
   });
</script>

Et c'est la dedans que tu definis la div ou la classe qui contient tes corners
ici $(".coupons").corner(); pour moi remplace par ce qui tu convient.

Ensuite tu as plusieurs paramètres et angles possibles

Cf http://www.methvin.com/jquery/jq-corner-demo.html
et http://www.methvin.com/jquery/jq-corner.html

Le 3 sept. 08 à 14:30, Jacques Plard a écrit :

bonjour a tous

je cherche comment intégrer les fonctions arrondis de jquerry dans spip,
y a t-il une synthèse de tout ça quelque part ? je patauge pas mal

je voudrais pourvoir créer des bloc 'elastiques" , doté d'arrondis, le
tout modifiable en css

si vous avez des pistes, des experiences

merci

jacques

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

2008/9/3 Jacques Plard :

bonjour a tous

je cherche comment intégrer les fonctions arrondis de jquerry dans spip,
y a t-il une synthèse de tout ça quelque part ? je patauge pas mal

je voudrais pourvoir créer des bloc 'elastiques" , doté d'arrondis, le
tout modifiable en css

si vous avez des pistes, des experiences

Il te faut récupérer le fichier jquery.corner.js à cette adresse :
http://www.methvin.com/jquery/jquery.corner.js

Tu as une page de démos :
http://www.methvin.com/jquery/jq-corner-demo.html

Tu insères le fichier jquery.corner.js dans ton head (inc-head)
<script type="text/javascript"
src="#CHEMIN{js/jquery.corner.js}"></script> le répertoire js étant
dans squelettes
Tu rajoutes aussi
<script type="text/javascript">
$(document).ready(function(){
    $(".texte_sommaire").corner("25px"); // .lenom_de_ta_class ou
#id_du conteneur Voir les différentes options
  });
  
</script>

--
@plus

Jacques

Pour les lyonnais++ spip-lyon@rezo.net http://spip-party.net/-Lyon-

merci alexandra,

mais cela veut dire que sur safari on est coincé ?

jacques

Ce script est magnifique.
Seule petite déception sur safari, on a un petit arrondi noir.
Pour le mettre en place très simple
Dans les head des des squelettes où tu en a besoin

<script type="text/javascript" src="#CHEMIN{javascript/
jquery.corner.js}"></script>

<script type="text/javascript">
   // The code tags have the actual code, which is applied to the div
   $(document).ready(function(){
     $(".coupons_boutiques1").corner();
       });
</script>

Et c'est la dedans que tu definis la div ou la classe qui contient tes
corners
ici $(".coupons").corner(); pour moi remplace par ce qui tu convient.

Ensuite tu as plusieurs paramètres et angles possibles

Cf http://www.methvin.com/jquery/jq-corner-demo.html
et http://www.methvin.com/jquery/jq-corner.html

Le 3 sept. 08 à 14:30, Jacques Plard a écrit :

ba ca passe, mais c'est pas très jolie
J'ai cherché des hacks sur le net, mais j'ai rien trouvé.
Le problème est connu.
Maintenant Safari c'est 2% alors bon^^

Alexandra

Le 3 sept. 08 à 15:55, Jacques Plard a écrit :

merci alexandra,

mais cela veut dire que sur safari on est coincé ?

jacques

Ce script est magnifique.
Seule petite déception sur safari, on a un petit arrondi noir.
Pour le mettre en place très simple
Dans les head des des squelettes où tu en a besoin

<script type="text/javascript" src="#CHEMIN{javascript/
jquery.corner.js}"></script>

<script type="text/javascript">
  // The code tags have the actual code, which is applied to the div
  $(document).ready(function(){
    $(".coupons_boutiques1").corner();
      });
</script>

Et c'est la dedans que tu definis la div ou la classe qui contient tes
corners
ici $(".coupons").corner(); pour moi remplace par ce qui tu convient.

Ensuite tu as plusieurs paramètres et angles possibles

Cf http://www.methvin.com/jquery/jq-corner-demo.html
et http://www.methvin.com/jquery/jq-corner.html

Le 3 sept. 08 à 14:30, Jacques Plard a écrit :

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

* Alexandra Guiderdoni tapuscrivait, le 03/09/2008 16:13:

Maintenant Safari c'est 2% alors bon^^

Mais avec Google Chrome Google Chrome - The Fast & Secure Web Browser Built to be Yours qui utilise le même moteur de rendu, ce % va augmenter...

--
RealET

Sauf que google chrome sera à moins avis moins problématique avec jquery que Safari qui reste bien souvent un vrai problème avec cette librairie
Enfin j'espère^^
Alexandra
D'ailleurs si quelqu'un l'a sur windows et peut confirmer que les arrondis de jquery corner sont noirs aussi sous google chrome ca serait top

Le 3 sept. 08 à 17:31, RealET a écrit :

* Alexandra Guiderdoni tapuscrivait, le 03/09/2008 16:13:

Maintenant Safari c'est 2% alors bon^^

Mais avec Google Chrome Google Chrome - The Fast & Secure Web Browser Built to be Yours qui utilise le même moteur de rendu, ce % va augmenter...

--
RealET

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

* Alexandra Guiderdoni tapuscrivait, le 03/09/2008 17:37:

Sauf que google chrome sera à moins avis moins problématique avec jquery que Safari qui reste bien souvent un vrai problème avec cette librairie
Enfin j'espère^^
Alexandra
D'ailleurs si quelqu'un l'a sur windows et peut confirmer que les arrondis de jquery corner sont noirs aussi sous google chrome ca serait top

Les arrondis de la page http://www.methvin.com/jquery/jq-corner-demo.html sont aussi noirs sous Chrome (Windows XP SP3 Pro).

--
RealET

oui, j'utilise aussi ce script super simple (à base de formules mathématiques...)

je pensais l'ajouter au couteau suisse (7 ko), qu'en pensez-vous ?

Pat

Alexandra Guiderdoni a écrit :

Ce script est magnifique.
Seule petite déception sur safari, on a un petit arrondi noir.
Pour le mettre en place très simple
Dans les head des des squelettes où tu en a besoin

<script type="text/javascript" src="#CHEMIN{javascript/jquery.corner.js}"></script>

<script type="text/javascript">
  // The code tags have the actual code, which is applied to the div
  $(document).ready(function(){
    $(".coupons_boutiques1").corner();
     });
</script>

Et c'est la dedans que tu definis la div ou la classe qui contient tes corners
ici $(".coupons").corner(); pour moi remplace par ce qui tu convient.

Ensuite tu as plusieurs paramètres et angles possibles

Cf http://www.methvin.com/jquery/jq-corner-demo.html
et http://www.methvin.com/jquery/jq-corner.html

Le 3 sept. 08 à 14:30, Jacques Plard a écrit :

bonjour a tous

je cherche comment intégrer les fonctions arrondis de jquerry dans spip,
y a t-il une synthèse de tout ça quelque part ? je patauge pas mal

je voudrais pourvoir créer des bloc 'elastiques" , doté d'arrondis, le
tout modifiable en css

si vous avez des pistes, des experiences

merci

jacques

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

Pat a écrit :

oui, j’utilise aussi ce script super simple (à base de formules mathématiques…)

je pensais l’ajouter au couteau suisse (7 ko), qu’en pensez-vous ?

Pat

Je vote pour <Cool>

Ma question est toute simple : pour faire quoi ? il faut que les squelettes le supportent

De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] De la part de Jean-Christophe Villeneuve
Envoyé : mercredi 3 septembre 2008 20:34
À : Pat
Cc : spip@rezo.net
Objet : Re: [Spip] jquery.corner et CS ?

Pat a écrit :

oui, j’utilise aussi ce script super simple (à base de formules mathématiques…)

je pensais l’ajouter au couteau suisse (7 ko), qu’en pensez-vous ?

Pat

Je vote pour <Cool>

2008/9/3 Samy RABIH :

Ma question est toute simple : pour faire quoi ? il faut que les squelettes
le supportent

A priori ils le devraient tous :slight_smile:
Il suffit d'avoir une div à arrondir.

--
@plus

Jacques

Pour les lyonnais++ spip-lyon@rezo.net http://spip-party.net/-Lyon-

je pensais donner la possibilité dans la configuration de lister les classes à arrondir.
Pat

Samy RABIH a écrit :

Ma question est toute simple : pour faire quoi ? il faut que les squelettes
le supportent

De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] De la part de
Jean-Christophe Villeneuve
Envoyé : mercredi 3 septembre 2008 20:34
À : Pat
Cc : spip@rezo.net
Objet : Re: [Spip] jquery.corner et CS ?

Pat a écrit :

oui, j'utilise aussi ce script super simple (à base de formules
mathématiques...)

je pensais l'ajouter au couteau suisse (7 ko), qu'en pensez-vous ?

Pat

Je vote pour <Cool>

RealET a écrit :

* Alexandra Guiderdoni tapuscrivait, le 03/09/2008 17:37:

Sauf que google chrome sera à moins avis moins problématique avec jquery que Safari qui reste bien souvent un vrai problème avec cette librairie
Enfin j'espère^^
Alexandra
D'ailleurs si quelqu'un l'a sur windows et peut confirmer que les arrondis de jquery corner sont noirs aussi sous google chrome ca serait top

Les arrondis de la page http://www.methvin.com/jquery/jq-corner-demo.html sont aussi noirs sous Chrome (Windows XP SP3 Pro).

------------------------------------------------------------------------

No virus found in this incoming message.
Checked by AVG - http://www.avg.com Version: 8.0.169 / Virus Database: 270.6.15/1648 - Release Date: 02/09/2008 17:29

Perso je conseillerai Niftycube qui fonctionne partout.
Voir un exemple d'un site réalisé par Marc Valleteau de Mouilliac ici:

Ça passe parfaitement sous tous les navigateurs
Bernard

oui, j'utilise aussi ce script super simple (à base de formules
mathématiques...)

je pensais l'ajouter au couteau suisse (7 ko), qu'en pensez-vous ?

[...]

je pensais donner la possibilité dans la configuration de lister les
classes à arrondir.
Pat

Avec les .classes et les #id, ce serait vraiment chouette.

André Vincent

Est ce que ca ne serait pas ajouter de l'occupation mémoire du CS pour pas grand chose ?
On change pas les blocs à arrondir tous les jours :slight_smile:

Pat a écrit :

je pensais donner la possibilité dans la configuration de lister les classes à arrondir.
Pat

Samy RABIH a écrit :

Ma question est toute simple : pour faire quoi ? il faut que les squelettes
le supportent

De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] De la part de
Jean-Christophe Villeneuve
Envoyé : mercredi 3 septembre 2008 20:34
À : Pat
Cc : spip@rezo.net
Objet : Re: [Spip] jquery.corner et CS ?

Pat a écrit :
oui, j'utilise aussi ce script super simple (à base de formules
mathématiques...)
je pensais l'ajouter au couteau suisse (7 ko), qu'en pensez-vous ?
Pat

Je vote pour <Cool>

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

Avec un border-color:transparent ca irait déja mieux :slight_smile:

monnaieancienne a écrit :

RealET a écrit :

* Alexandra Guiderdoni tapuscrivait, le 03/09/2008 17:37:

Sauf que google chrome sera à moins avis moins problématique avec jquery que Safari qui reste bien souvent un vrai problème avec cette librairie
Enfin j'espère^^
Alexandra
D'ailleurs si quelqu'un l'a sur windows et peut confirmer que les arrondis de jquery corner sont noirs aussi sous google chrome ca serait top

Les arrondis de la page http://www.methvin.com/jquery/jq-corner-demo.html sont aussi noirs sous Chrome (Windows XP SP3 Pro).

------------------------------------------------------------------------

No virus found in this incoming message.
Checked by AVG - http://www.avg.com Version: 8.0.169 / Virus Database: 270.6.15/1648 - Release Date: 02/09/2008 17:29

Perso je conseillerai Niftycube qui fonctionne partout.
Voir un exemple d'un site réalisé par Marc Valleteau de Mouilliac ici:
http://www.leparisdedorothee.com/
Ça passe parfaitement sous tous les navigateurs
Bernard
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

Effectivement, les coins sont noirs sur Safari (Mac), mais je suis surpris qu'il n'y ait pas de possibilité de les supprimer ... Pour ma part, j'utilise Niftycorner (pas en plugin) pour mes sites nécessitant des arrondis, et cela fonctionne sans aucun pépin ... mais, comme je ne sais pas faire un plugin, je suis incapable d'aller plus loin. Personne n'a essayé avec cet outil ?
----
Marc

Le 3 sept. 08 à 18:36, RealET a écrit :

* Alexandra Guiderdoni tapuscrivait, le 03/09/2008 17:37:

Sauf que google chrome sera à moins avis moins problématique avec jquery que Safari qui reste bien souvent un vrai problème avec cette librairie
Enfin j'espère^^
Alexandra
D'ailleurs si quelqu'un l'a sur windows et peut confirmer que les arrondis de jquery corner sont noirs aussi sous google chrome ca serait top

Les arrondis de la page http://www.methvin.com/jquery/jq-corner-demo.html sont aussi noirs sous Chrome (Windows XP SP3 Pro).

--
RealET

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

A priori nifty corner n'arrondit pas sous firefox 3
Cf http://www.html.it/articoli/nifty/nifty1js.html

Le 4 sept. 08 à 09:57, Marc VALLETEAU de MOULLIAC a écrit :

Niftycorner

Euh mea culpa
j'avais désactivé mon JS et oublié de le remettre.
Ca fonctionne bien sous FF3

Le 4 sept. 08 à 09:57, Marc VALLETEAU de MOULLIAC a écrit :

Niftycorner