[spip-dev] Graphisme de la barre de raccourcis

63438612493668b99328 · Septembre 1, 2003, 3:21

Salut,

J'ai modifié le graphisme de la barre de raccourcis.
Les nouvelles icones proviennent d'Abiword (traitement
de texte GPL). Il y a désormais un effet de survol
au-dessus de ces icones. D'autre part la barre d'aide
qui s'affichait sous les icones ne s'affiche plus que
dans les forums publics. Dans l'espace privé, l'aide
en ligne remplit ce rôle. De plus il y a une petite
bulle en survol qui devrait suffire...

a+

Antoine.

ea4038dd8d8a365bed58 · Septembre 1, 2003, 3:35

ProblÃšme avec "OElig.png" et "oelign.png": sur Mac, il est interdit d'avoir deux fichiers avec le mÃªme nom malgrÃ© les majuscules/minuscules dans un mÃªme dossier. Du coup, je ne peux pas rÃ©cupÃ©rer les deux images, bicoz l'une gÃªne l'autre. (C'est pour cela que j'avais utilisÃ© un nom genre "oe- maj" pour la version en majuscules...

A*

63438612493668b99328 · Septembre 1, 2003, 3:48

Problème avec "OElig.png" et "oelign.png": sur Mac, il est interdit d'avoir
deux fichiers avec le même nom malgré les majuscules/minuscules dans un
même dossier. Du coup, je ne peux pas récupérer les deux images, bicoz
l'une gêne l'autre. (C'est pour cela que j'avais utilisé un nom genre "oe-
maj" pour la version en majuscules...

Ah oui, et en plus c'est pareil sous Windows...
Bon, c'est corrigé.

a+

Antoine.

Pierre_Baillet · Septembre 1, 2003, 3:55

Coucou,

un peu HS avec toutes ces histoires de barre de raccourci, mais il existe
un driver de clavier windows qui permet de taper É, Á et les e dans
l'o minuscules et majuscules sans trop se prendre la tête :

http://club.euronet.be/frederique.bouras/kbdfrac.htm

Voili, c'est tout,

fil · Septembre 1, 2003, 3:55

J'ai modifié le graphisme de la barre de raccourcis.

Et moi je viens de passer tes images en mode cvs '-kb'

D'autre part la barre d'aide qui s'affichait sous les icones ne s'affiche
plus que dans les forums publics. Dans l'espace privé, l'aide en ligne
remplit ce rôle. De plus il y a une petite bulle en survol qui devrait
suffire...

Et c'est toujours pas désactivable ?

-- Fil

fil · Septembre 1, 2003, 4:01

un peu HS avec toutes ces histoires de barre de raccourci, mais il existe
un driver de clavier windows qui permet de taper É, Á et les e dans
l'o minuscules et majuscules sans trop se prendre la tête :
http://club.euronet.be/frederique.bouras/kbdfrac.htm

Enfin quelqu'un de raisonnable

OS pas bon => réparer l'OS.

-- Fil

Gwendal · Septembre 1, 2003, 5:32

Mais tu n'as pas remis le lien pour créer :

glossaire via wikipedia ?

tableau ?

je les voulais bien moi

"Antoine" <antoine@rezo.net> a écrit dans le message de news:
1062429673.2850.12.camel@fsol...

ea4038dd8d8a365bed58 · Septembre 1, 2003, 5:57

DÃ©solÃ©, je repasse derriÃšre...

- j'ai refait des icones sur l'ancien principe (16 pixels de haut), cette fois-ci toutes transparentes. Les grandes icones Ã©taient largement aussi moches, pas toutes de mÃªme hauteur ni de mÃªme style, l'italique Ã©tait un oblique... et le fait que ce soit un dessin contenant le bouton rendait moche l'encadrÃ© du survol;

- conservÃ© le principe des feuilles de style du survol; mais cette fois, le "bouton" (relief) est dessinÃ© directement grÃ¢ce Ã la feuille de style;

- rendu le graphisme beaucoup plus discret;

- conservÃ© tes choix d'affichage ou non; sauf les guillemets franÃ§ais, qui reviennent Ã droit: informatiquement c'est bien une sÃ©lection, mais le principe pour l'utilisateur est bien de palier le clavier dÃ©ficient;

- refait une icone spÃ©cifique pour <quote>; le fait d'utiliser la mÃªme icone que les guillemets, surtout avec la disparition des guillemets dans les forums rendaient le truc carrÃ©ment confusionnant; du coup, retour des guillemets franÃ§ais (qui ne servent pas Ã "citer un passage", mais simplement Ã insÃ©rer des guillemets franÃ§ais).

ARNO*

63438612493668b99328 · Septembre 1, 2003, 6:21

Désolé, je repasse derrière...

- j'ai refait des icones sur l'ancien principe (16 pixels de haut), cette
fois-ci toutes transparentes. Les grandes icones étaient largement aussi
moches,

Tu rigoles ? T'as vu le machin original sur fond gris ?
On croirait une copie d'écran d'un Netscape 2.0 (ou
un logiciel en Motif sur station des années 90).

pas toutes de même hauteur

Elles sont toutes en 24*24. Les tiennes ne sont pas toutes de la même
largeur (16*16 vs. 16*24)... En plus le 16*16 c'est carrément pénible
à pointer avec une résolution moderne, d'où le changement que j'ai
fait (en plus de la question esthétique).

ni de même style,

Ca permet de distinguer les raccourcis de style de caractères
(gras, etc.) des raccourcis de fonctions (liens, notes).

l'italique était un
oblique...

Je mets un italique si tu veux ;))

a+

Antoine.

ea4038dd8d8a365bed58 · Septembre 1, 2003, 6:59

J'ai essayÃ© de faire ultra discret. Mais maintenant qu'il y a les feuilles de style, on peut amÃ©liorer. Le problÃšme _principal_ de tes icones, c'est qu'elles contenaient dans l'image le "dessin" de la touche (cadre arrondi noir avec fond blanc): du coup les feuilles de style Ã©taient d'une utilitÃ© extrÃªmement limitÃ©; qui plus est, le style avec survol dessinait un carrÃ© autour du carrÃ© des touches, pas zoli.

LÃ je viens de modifier la feuille de style pour le site public, tu peux regarder dans dans les forums publics de spip.net:
- c'est nettement plus colorÃ©;
- les boutons sont plus gros.
Avec les icones prÃ©cÃ©dentes, Ã§a n'Ã©tait pas possible.

Sinon, pour les histoires de largeur-hauteur: c'est une barre oÃ¹ les Ã©lÃ©ments sont alignÃ©s horizontalement, l'important est alors que les images aient toutes la mÃªme hauteur. Dans les icones prÃ©cÃ©dentes, les images Ã©taient certes en 24x24, mais le dessin Ã l'intÃ©rieur n'avaient pas tous les mÃªmes hauteurs.

A*

ea4038dd8d8a365bed58 · Septembre 1, 2003, 7:40

VoilÃ , j'ai fait quelques fantaisies avec les feuilles de style sur les forums de SPIP:
http://www.spip.net/forumspip.php3?id_article=2016&retour=fr_article2016.html
(ne postez pas votre message, hein, c'est pas un site de test :-))

Bon, c'est pas forcÃ©ment hyper-sobre, mais c'est pour montrer qu'avec ces boutons-lÃ (pas de cadre, pas de fond), y'a moyen de bien personnaliser avec les feuilles de style.

A*

Pascale · Septembre 1, 2003, 7:43

Si t'enlevais juste le rose-mauve dans le champ de saisie du message, ce
serait sobre et parfait

Bise

Aurelien_Levy1 · Septembre 1, 2003, 7:56

d autant que l'image degradé en bg du champ elle ne s'etire pas à l'infini
donc pour un message tres long on a l'image qui se duplique ce qui n'est pas
tres zolie je trouve.

J en profite pour poster sur spip dev ce message puisque c est plus un
probleme de code
j ai trouvé ce filtre sur spipage :
// Mots-clés de textes automatiquement en liens vers définitions (Tinu
webmaster(at)apotheke-scheibbs (dot)at site:
http://www.apotheke-scheibbs.at )
// [(#TEXTE*|liens_mots|propre|justifier)]

function liens_mots($texte) {
$query_liens_autos = "SELECT id_mot, titre FROM spip_mots as liens";
$result_liens_autos = spip_query($query_liens_autos);
$texte = $texte . '['; // add delimiter to simplify regex pattern
while($row_liens = mysql_fetch_array($result_liens_autos))
  {
   $texte=preg_replace('/\\b'.$row_liens["titre"].'\\b(?=[^\\]]*?\\[)/',
                       '[' . $row_liens["titre"].' ->
mot'.$row_liens["id_mot"].']',
                      $texte);
  }
return substr($texte, 0, -1); // remove [ - delimiter
}
//////////////////////////
qqun l'utilise t il parcque le simple fait de le copier coller dans mon
fichier mes_fonctions j'ai une parse error à alentour de la boucle while
Si qqun avait la solution je lui en serait tres reconnaissant

Gwendal · Septembre 1, 2003, 9:18

J'aime bien mais je regrette toujours l'absence des raccourcis pour
glossaire via wikipedia, et tableau
enfin surtout glossaire

"ARNO*" <arno@scarabee.com> a écrit dans le message de news:
oprut6ajkjwsybly@mail.wanadoo.fr...

Voilà, j'ai fait quelques fantaisies avec les feuilles de style sur les
forums de SPIP:

http://www.spip.net/forumspip.php3?id_article=2016&retour=fr_article2016.htm
l

Jester · Septembre 2, 2003, 7:24

C'est super joli ... sous I.E.

df6b43a347612b8355d3 · Septembre 2, 2003, 7:52

Fil a écrit :

un peu HS avec toutes ces histoires de barre de raccourci, mais il existe
un driver de clavier windows qui permet de taper É, Á et les e dans
l'o minuscules et majuscules sans trop se prendre la tête :
http://club.euronet.be/frederique.bouras/kbdfrac.htm

Enfin quelqu'un de raisonnable

OS pas bon => réparer l'OS.

oui je suis assez d'accord avec cette idée, SPIP ne doit certes pas ce
subtituer aux défauts des OS
cependant si la majorité des OS (par défaut) n'ont pas une fonction
"indispensable" à SPIP mieux vaux que SPIP servent "ses clients"

a+

869546dfe056fa6ee1d2 · Septembre 2, 2003, 11:12

Je viens de constater une faute de frappe dans le
fichier spip_net_style.css : margin-ritgh.
Jean

df6b43a347612b8355d3 · Septembre 2, 2003, 11:39

Jester a écrit :

Voilà, j'ai fait quelques fantaisies avec les feuilles de style sur les forums de SPIP:

C'est super joli ... sous I.E.

Malheureusement, ca ne marche pas sous Opéra...

attention ! Opéra ne semble pas respecter pleinement les standarts, comme le font les MozillaS (et le fait a peut pres bien IE)

ea4038dd8d8a365bed58 · Septembre 2, 2003, 12:14

Ah ben voilÃ pourquoi j'obtenais pas exactement ce que je voulais... (provoquer un lÃ©ger espacement entre les boutons). Merci. Du coup, Ã§a donne Ã§a:
http://www.spip.net/forumspip.php3?id_article=2015&retour=fr_article2015.html
(ne pas poster, c'est pas un site de test).

Fabrice1 · Septembre 2, 2003, 8:48

ARNO* wrote:

On Tue, 2 Sep 2003 13:12:29 +0200, Jean Biron

> Ah ben voilà pourquoi j'obtenais pas exactement ce que je voulais...

(provoquer un léger espacement entre les boutons). Merci. Du coup, ça donne ça:
http://www.spip.net/forumspip.php3?id_article=2015&retour=fr_article2015.html

Belle interface...

Bouton «fffff» = il manque les espaces : « fffff »

A bientôt
^Fabrice^^