Nombre de messages : 45 Age : 29 Localisation : Aux Environ de Strasbourg Navigateur web : Date d'inscription : 08/03/2008
Sujet: [Tutoriel] Comment réaliser une belle userbar ? Sam 8 Mar - 23:17
Bonjour ! Aujourd'hui je vais vous proposer un tutoriel sur la réalisation d'une userbar.
Police : Larabiefont Pour installer la police avec Windows : decompressez le fichier, puis tapez dans votre barre d'adresse : "C:\WINDOWS\Fonts". Ensuite cliquez sur "Fichier>Installer une nouvelle police..." Image(s) : (clic droit sur l'image>Enregistrer l'image sous...) Difficulté : facile Temps de la réalisation : de 5 à 10 minutes environ
TUTORIEL
Voilà la partie la plus importante
1) Faîtes CTRL+N. En taille mettez 350x19 (fond blanc)
2) Ajoutez le logo d'Internet Explorer 7 (ci-dessus) à votre image et faîtes en sorte de le positionner comme ceci :
3) Séléctionnez la baguette magique et cliquez dans le blanc.
4) Faîtes Filtre>Couleur>Dégradé... et prenez les caractéristiques suivantes :
Spoiler:
5) Faîtes Sélection>Tout Séléctionner (ou CTRL+A) puis Sélection>Changer la forme>Ellipse, puis faîtes clic droit sur la sélection>Paramétrage Manuel. Dans Position>Manuel : X= 0 / Y= -5 et faîtes Ok.
6) Faîtes Filtre>Couleur >Dégradé puis mettez les même couleur qu'avant, changer seulement les opacités en 20% et sélectionner Droite/Gauche à la place de Gauche/Droite.
7) Le moment qui change toute l'userbar ! Faîtes CTRL+A>Clic droit dans la zone de sélection>Contour et remplissage et rentrer les paramètres comme ci-dessus :
Spoiler:
8 ) Cliquez sur le "T" pour ajoutez un texte -Sélectionnez la police Larabiefont -Taille 13 -Lisser = Coché -Gras Italique Barré Souligné : Décoché -Tapez Internet Explorer User -Dans l'onglet Effet : Contour = Coché (noir)
9) Clic droit sur le texte>Paramètrage manuelle>Sélectionnez Automatique puis case mileu droite
Voilà vous avez normalement votre userbar. Voici le résultat final :
![[Tutoriel] Comment réaliser une belle userbar ? Firefoxlogozk6](https://2img.net/r/ihimizer/img378/3356/firefoxlogozk6.png)
![[Tutoriel] Comment réaliser une belle userbar ? Icon_minitime](https://2img.net/i/fa/icon_minitime.gif){kind=icon}
Sam 8 Mar - 23:17![[Tutoriel] Comment réaliser une belle userbar ? Ie7__h2_rg447a839114126](https://2img.net/h/www.sda-asia.com/sda/news/pspic/pics/34/ie7__h2_rg447a839114126.jpg)
(clic droit sur l'image>Enregistrer l'image sous...)
![[Tutoriel] Comment réaliser une belle userbar ? 110](https://i.servimg.com/u/f49/12/09/48/41/110.png)
![[Tutoriel] Comment réaliser une belle userbar ? Degrad10](https://i.servimg.com/u/f49/12/09/48/41/degrad10.jpg)
![[Tutoriel] Comment réaliser une belle userbar ? Rempli10](https://i.servimg.com/u/f47/11/87/80/86/rempli10.jpg)
![[Tutoriel] Comment réaliser une belle userbar ? Userba12](https://i.servimg.com/u/f47/11/87/80/86/userba12.png)
![[Tutoriel] Comment réaliser une belle userbar ? Userba11](https://i.servimg.com/u/f47/11/87/80/86/userba11.png)
![[Tutoriel] Comment réaliser une belle userbar ? Autori10](https://i.servimg.com/u/f47/11/87/80/86/autori10.jpg)