[doc] Creer son userbar

Le site Web-modules.net propose de fabriquer des Userbars animés...



1)Qu'est-ce qu'une Userbar


Une Userbar peut être assimilé à une bannière mais contrairement à cette dernière l'userbar à une taille prédéfinie et facilement reconnaissable : en général 350x19. Elle se met en général en signature de forum...

Les Userbars de Web-modules.net ont une fonctionnalité en plus des Userbars classique.
Il est en effet possible de faire défiler 5 textes sur une même Userbar
De plus il est possible de créer une animation de transition

exemple:



2)Les différents fonctions disponibles


Cocher "Afficher plusieurs textes (de 1 à 5 textes)"
Vous pouvez inscrire un texte dans les cases
Appuyer sur pour pouvoir inscrire un texte supplémentaire.
N'appuyez sur que si vous allez inscrire quelque chose dans la case correspondante

En effet vous avez la possibilités de mettre une animation de transition

Quelques exemples:

Déplacement vers le bas:


Fondu:


Ecrasement vers la gauche:


Il existe bien sur d'autres animations...


En effet, vous avez le choix entre des valeurs de 0.1 à 5 secondes. Vous devez pour cela sélectionner une valeur dans "Afficher chaque texte pendant"
La valeur par défaut est 1.5 secondes

A coter de "couleur du texte" vous avez un code : la valeur de ce code par défaut et #FFFFFF c'est à dire "blanc" en cliquant sur le code vous pouvez modifier ce code à l'aide d'un selecteur, le code changera automatiquement


Proceder de la même manière pour selectionner la couleur du contour de votre Userbar


Les couleurs par défaut de votre userbar sont #004998 (c'est à dire bleu marine) et #009DE0 (c'est à dire bleu clair)
Pour les modifier il suffit de cliquer sur les codes et de les sélectionner à l'aide du sélecteur


Vous avez à votre disposition différents fonction pour personnaliser votre arrière plan.

Tout d'abord vous avez la possibilité d'afficher ou non les barres diagonales
Exemple:

Avec barres diagonales:

Sans barres diagonales:


Vous avez aussi la possibilités de modifier l'ellipse de fond...

Tout d'abord, vous avez le choix de l'afficher ou non :
Exemple:
Avec:

Sans:


Vous avez aussi la possibilité de modifier sa taille, transparence...

Le rectangle permet de marquer le contour de votre Userbar par une couleur de votre choix (noir par défaut)
Si vous choisissez de ne pas activer cette fonction, votre Userbar n'aura pas de contour défini


Oui ! Il vous suffit pour cela de l'héberger à partir de votre PC.
En cliquant sur "Utiliser une image stockée sur son ordinateur"

Exemple:


3)Personnalisation finie

Votre Userbar terminée, vous pouvez soit l'héberger soit la télécharger
(La télécharger est plus sur en cas de bug chez les hébergeurs.)



@Jerémie : Je prépare pour les bannières et après je mets un tuto pour mettre son userbar/bannière dans un forum site...

J'adore !!! Le lien que tu as mis

Merci;)

J'ai fait ça avec inkscape.

[EDIT @ 14-05-2008 à 22h31]
Tu vas bientôt avoir du taf firebird
Une nouvelle version, avec une nouvelle interface est en préparation. Elle reprend l'idée de séparation des interface pour facilité la création d'une userbar par les néophytes.

3 choix : Standard, Avancé, Pro.
Pour l'instant c'est en développement, ça va prendre un peu de temps, mais c'est déjà avancé .

Ok bah dés qu'elle est opérationnelle , je te fais un tuto

ça avance pas mal, le mode "standard" est terminé
il me reste : "avancé" et "pro" ainsi que faire le système de téléchargement


[EDIT @ 15-05-2008 à 22h50]
L'interfaçage du système d'upload entre web-modules et imageshack.us est, ENCORE une fois, indisponible .... à croire qu'ils n'aiment pas que l'on fasse des passerelles pour leur amener du trafic .

Soit, dans ce cas, je lance dès maintenant des demandes de partenariat avec d'autres hébergeurs d'images, qui à mon avis répondront positivement à cet appel.

je viens d'ores et déjà de proposer un partenariat avec Hiboox, on verra ce qu'ils en diront. J'espère qu'ils accepteront ... ils ont vraiment tout à gagner avec ma proposition.

---> oui on constate notamment des problèmes lors de l'affichage des bannières dans le Top-Forums .
Justemment seules ceux d'imagehack.us...
Faudrait conseiller d'hbergé chez quelqu'un d'autre...
J'étais sur imghacks, je suis allé sur Hiboox

S'ils refusent j'ai encore 3 autres hébergeurs que j'apprécie auquel je peux demander.

[EDIT @ 16-05-2008 à 18h57]
Bon allez, soyons fou ... je vais faire héberger les images par le site ( ).

On verra ce que ça donne ...
Adieu les hébergeurs d'images, et bonjour le truc local plus simple pour tout le monde.

Salut,

Impossible de mettre une image,pour annimé l'userbar,ça me met toujours image introuvable quand je veux prévisualisé,jai essayé plusieurs solution,ainsi que plusieurs format d'image,mais rien ne marche !!!

j'ai essayé avec ton avatar (http://www.web-modules.net/upload/avatar/2001-3000/2579.png) ça marche parfaitement ...

Essaye d'utiliser le système d'upload de l'image : enregistre l'image voulue sur ton ordinateur, clique sur "Utiliser une image stockée sur son ordinateur" et sélectionne l'image stockée sur ton ordinateur.

Ça devrait marcher un peu mieux peu être ...
Le problème des "image introuvable", c'est un problème de "time out". Autrement dit, si le serveur qui délivre l'image, met trop de temps à l'envoyer, Web-Modules.net considère que le serveur ne peut pas envoyer l'image et "coupe" la connexion avec ce serveur, l'erreur retournée est "image introuvable".

Salut

ça ne marche toujours pas,j'ai essayé avec une photo depuis mon pc et c'est pareil,j'upload l'image,et quand je clique sur prévisualisation ça m'écrit "ERREUR,image introuvable",directement quand je clique,j'ai même essayé avec une image depuis le net et c'est pareil.De plus la prévisualisation des couleurs,quand on veux les changer ne marche pas à chaque fois,et on se retrouve juste avec les cases des codes couleures,donc pas trés pratique avec des #oooffo dans des case sans savoir à quoi ça correspond,ça marche peut être avec mon avatar,car il est hébergé sur ton serveur peut être !!!

Cordialement
J-T

Eh bien écoute, chez moi ça marche PARFAITEMENT BIEN.
Je vois les dernières userbars générées, et ça semble aussi fonctionner très bien !

Pour ma part, j'utilise Firefox 3.0 RC1, et le serveur marche très bien lui aussi. Donc si ça marche pas chez toi, ce n'est pas de ma faute ... juste une question tu utilises internet explorer ?

[EDIT @ 24-05-2008 à 14h37]
Juste comme ça, histoire d'éviter quelques soucis....
Quand il y a marqué "URL", on tape une adresse web.

Ce genre de chose (ci-dessou), ce NE SONT PAS des adresses web :

• <a href="http://www.host-img.com/"><img src="http://www.host-img.com/files/98lw77n1ati2l2ue89ki.jpg" border="0" alt="host-img.com" /></a>
• [URL=http://www.host-img.com/][IMG]http://www.host-img.com/files/98lw77n1ati2l2ue89ki.jpg[/IMG][/URL]
• C:\******\perso\****\banniere.bmp

D'ailleurs je reçois un mail d'erreur a chaque fois qu'un noob entre une adresse qui n'aboutit pas, et je commence sérieusement à en avoir marre ...

[EDIT @ 24-05-2008 à 22h17]
La nouvelle version a bien avancée .
J'ai finalement entrepris de réécrire toute la librairie de création de userbar, elle est désormais bien plus souple, et plus modulaire.

On pourrait désormais (dans la version "pro" du moins) choisir l'ordre d'application des "modules" (barres diagonales, ellipse, effet 3D, ...).

Oui internet explorer comme la majorité des gens !!!
Et oui il s'agit bien d'une adresse en http:// ,je ne suis pas novice non plus sur internet !!!
J'ai réussi à mettre une image en font,via une image sur le net,mais impossible de l'animer ça reste bloqué,et plus rien ne s'affiche !!! De plus quand je prend une image sur mon ordinateur,l'adresse de cette image s'inscrit dans la case URL,alors que cette image est sur mon pc,le problème vient trés certainement de là,et c'est pour cela que ça me dit "image introuvable" !!!

La suite du message que tu cite n'est pas de moi !!!

Pour l'image venant de ton ordinateur
Remplace "../../" dans l'url du champ "image" par "http://www.web-modules.net/"

Ça devrait fonctionner.

Sais-tu au moins héberger une image sur le net?
Il suffit pas de faire clic droit sur la photo et ouvrir avec internet...
Il faut que tu utilises un hébergeur comme imghacks.us
Essaye peut-être avec une image plus petite... (en poids )
Sinon héberge là




[EDIT @ 25-05-2008 à 12h31]
God Job Jérém'

Arf, je vais péter un cable ...
Y a tout plein de bug dans la nouvelle mouture dès qu'on veut animer sa userbar xD

Si il faut écrire "http://www.web-modules.net/" dans la partie URL quand la photo vient de notre pc,il faudrait l'indiquer,ou faire en sorte que ça l'écrive automatiquement.

Oui je sais mettre une photo sur le net.

Merci pour vos réponses !!!

J'édite mon message:

Effectivement quand on met "http://www.web-modules.net/" j'arrive à mettre une image depuis mon pc,par contre dés que je veux animer cette image ça écrit" Génération en cours" et la ça reste bloqué,on ne peut plus rien faire,pourtant l'image était pas bien grosse !!!

en fait Jérém j'ai eu le même problème !

C'est pour ça que dans l'exemple j'ai pris une déjà toute faite

Pour le coup du "il faut ajouter un truc devant l'adresse", en réalité, c'est un bug introduit par la correction d'une faille de sécurité ...

Mouahaha
Ça fonctionne ! Par tout, mais ce qui me décourageais jusqu'à il y a 50 minutes, ce que je viens de corriger .

Je vous rassure tous : si y a des bugs dans la version actuelle ... tant pis ! La nouvelle version devrait corriger un bon nombre de problèmes (en plus d'être plus "ergonomique").

[EDIT @ 27-05-2008 à 17h30]
Maintenant que ça marche bien, j'attaque la finalisation du mode "avancé".
Il me reste aussi à faire le mode "pro".

Pour ma part ça marche toujours pas en mode animation !!!