Joli coin avec couteau suisse (suite et fin)

Général
1

Tout fonctionne parfaitement voici, pour ceux que cela intéresse, les différents codes:

=============================
On écrit dans la page de l’espace privé

1 - Dans le head:

div.inner{ margin:0;background: #ffc;padding: 10px;text-align: center;border:0;zoom:1;}

div.outer{
background: #c82;padding: 8px;width: 22em}

2 - Dans la rédaction du texte:
Mon texte à encadrer

Dans la fenêtre du plugin
//ajout 4
.inner=wrap(‹ div class=« outer » ›).corner(« round 8px »).parent().css(‹ padding ›,‹ 4px ›).corner(« round 10px »)

REMARQUE:
Evidemment au lieu de la fonction round on peut choisir tout autre fonction : bevel, notch… et le valeurs numériques peuvent être modifiées

Merci beaucoup.

Regarder le code de la démo avec FireFox c’est évidemment ce que j’ai fait.
Je fais un usage immodéré de FireFox [un outil formidable !]

J’ai bien remarqué tout ce que dit ton mail mais pour le moment je ne suis
pas arrivé à l’utiliser. A charger quelque chose de valable dans l’espace
privé et ou dans la fenêtre du plugin.
Je vais continuer à chercher.

Encore Merci,
Jean
----- Original Message -----
From: « Pat » <patrice.vanneufville@laposte.net>
To: <spip@rezo.net>
Sent: Monday, November 03, 2008 12:44 PM
Subject: Re: [Spip] Jolis coins avec couteau suisse

Salut,

Tu devrais regarder le code produit par la démo avec firefox/firebug.

Pour avoir une bordure arrondie, il faut deux divs imbriqués :

toto

je vois que le style est défini comme ceci :

div.inner { margin: 0; background: #ffc; padding: 10px; border:0; zoom:1;}
div.outer { float: left; margin: 15px; background: #c82; padding: 8px;
width: 22em }

A toi de personnaliser, ensuite, c’est inner qui prend les jolis coins :

.inner=.corner(« round 8px »).parent().css(‹ padding ›,‹ 4px ›).corner(« round
10px »)

Si dans ton squelette tu n’as pas de div englobante, tu peux la mettre
dans la config (non testé) :

.inner=.wrap(‹ 

 ›).corner(« round
8px »).parent().css(‹ padding ›,‹ 4px ›).corner(« round 10px »)

Pat

Jean POULIQUEN a écrit :

Spip version 2.0.0 beta2 [13093] couteau suisse 1.7.19.04

Toutes les formes de coins sans lisière se programme facilement et
fonctionne parfaitement.

Mais comment programmer les cadres avec lisière? Par exemple le premier
montré sur la page : http://www.malsup.com/jquery/corner/

dont le code est inscrit dans le cadre lui-même :
Round
$(this).corner(« round 8px »).parent().css(‹ padding ›, ‹ 4px ›).corner(« round
10px »)

Si on écrit dans la fenêtre prévue à cet effet par le plugin:

#crondl=.corner(« round 8px »).parent().css(‹ padding ›,‹ 4px ›).corner(« round
10px »)

Le cadre nommé crondl défini dans l’espace privé est bien arrondi mais n’a
pas de lisière ce qui est évident puisque la couleur n’a été défini nulle
part.Comment la définir?

Merci de vos lumières

Jean Pouliquen

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

J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
Jusqu’à présent SPAMfighter a bloqué 2780 courriels spam et m’a fait gagner du temps.
Nous avons en ce moment 5.5 millions d’utilisateurs de par le monde entier.
Les utlisateurs payants n’ont pas ce message. Vous pouvez télécharger la version gratuite

2

Jean POULIQUEN a écrit :

.inner=wrap('div class="outer"</div>').corner("round 8px").parent().css('padding','4px').corner("round 10px")

plutot wrap('<div class="outer"></div>') non ?

Pat

3

Es-tu obligé de mettre à la fois :

  <div class="outer"><div class="inner"> Mon texte à encadrer</div></div>

et :
  .inner=wrap('<div class="outer"></div>')

Si le div "outer" existe déjà dans ton squelette, ya plus besoin de la rajouter au niveau du Couteau Suisse, car au final ca ferait :

  <div class="outer"><div class="outer"><div class="inner"> Mon texte à encadrer</div></div></div>

non ?

Pat

Jean POULIQUEN a écrit :

Tout fonctionne parfaitement voici, pour ceux que cela intéresse, les différents codes:

=============================
On écrit dans la page de l'espace privé

1 - Dans le head:
<html><head>
<style type="text/css">
div.inner{
margin:0;background: #ffc;padding: 10px;text-align: center;border:0;zoom:1;}

div.outer{
background: #c82;padding: 8px;width: 22em}

</style>
</head>
</html>
2 - Dans la rédaction du texte:
<center>
<div class="outer"><div class="inner"> Mon texte à encadrer</div></div></center>

Dans la fenêtre du plugin
//ajout 4
.inner=wrap('div class="outer"</div>').corner("round 8px").parent().css('padding','4px').corner("round 10px")

REMARQUE:
Evidemment au lieu de la fonction round on peut choisir tout autre fonction : bevel, notch... et le valeurs numériques peuvent être modifiées

Merci beaucoup.

Regarder le code de la démo avec FireFox c'est évidemment ce que j'ai fait.
Je fais un usage immodéré de FireFox [un outil formidable !]

J'ai bien remarqué tout ce que dit ton mail mais pour le moment je ne suis
pas arrivé à l'utiliser. A charger quelque chose de valable dans l'espace
privé et ou dans la fenêtre du plugin.
Je vais continuer à chercher.

Encore Merci,
Jean
----- Original Message ----- From: "Pat" <patrice.vanneufville@laposte.net>
To: <spip@rezo.net>
Sent: Monday, November 03, 2008 12:44 PM
Subject: Re: [Spip] Jolis coins avec couteau suisse

Salut,

Tu devrais regarder le code produit par la démo avec firefox/firebug.

Pour avoir une bordure arrondie, il faut deux divs imbriqués :

<div class="outer"><div class="inner">toto</div></div>

je vois que le style est défini comme ceci :

div.inner { margin: 0; background: #ffc; padding: 10px; border:0; zoom:1;}
div.outer { float: left; margin: 15px; background: #c82; padding: 8px;
width: 22em }

A toi de personnaliser, ensuite, c'est inner qui prend les jolis coins :

.inner=.corner("round 8px").parent().css('padding','4px').corner("round
10px")

Si dans ton squelette tu n'as pas de div englobante, tu peux la mettre
dans la config (non testé) :

.inner=.wrap('<div class="outer"></div>').corner("round
8px").parent().css('padding','4px').corner("round 10px")

Pat

Jean POULIQUEN a écrit :

Spip version 2.0.0 beta2 [13093] couteau suisse 1.7.19.04

Toutes les formes de coins sans lisière se programme facilement et

fonctionne parfaitement.

Mais comment programmer les cadres avec lisière? Par exemple le premier

montré sur la page : JQuery Corner Demo

dont le code est inscrit dans le cadre lui-même :
Round
$(this).corner("round 8px").parent().css('padding', '4px').corner("round

10px")

Si on écrit dans la fenêtre prévue à cet effet par le plugin:

#crondl=.corner("round 8px").parent().css('padding','4px').corner("round

10px")

Le cadre nommé crondl défini dans l'espace privé est bien arrondi mais n'a

pas de lisière ce qui est évident puisque la couleur n'a été défini nulle
part.Comment la définir?

Merci de vos lumières

Jean Pouliquen

_______________________________________________
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