Site hosted by Angelfire.com: Build your free website today!
Internet Services : La trousse à outils du Webmaster !
Accueil
Lien 1
Lien 2
Lien 3
Lien 4
Lien 5
Lien 6
Lien 7
Lien 8
Lien 9

Internet Services : La trousse à outils du Webmaster !

Internet Services : La trousse à outils du Webmaster !

Internet Services : La trousse à outils du Webmaster !
Internet Services
Internet Services
Internet Services
Internet Services
Internet Services
Internet Services
Voici le second kit graphique Internet Services que vous avez surement du être impatient de le voir arriver. Je s'espère, comme le premier, enchantera vos visiteurs. Sachez que je ne suis pas contre la modification du design (changement de couleurs, ajout graphique, ajout de bouton, etc) mais je voudrais cependant être tenu au courant si cela se faisait. La seule restriction est le bas du design avec le copyright qui ne peut en aucun cas être modifié !

Pour toutes questions sur la mise en place des éléments ou pour d'autres questions concernant ce kit graphique, vous pouvez me contacter soit via le forum d'Internet Services, soit par e-mail.
Couleur du fond de page : #FFFFFF
Couleur de fond dans le tableau : #D6DFEC
Couleur de la police de caractères : #3F5C77
Couleur des liens hypertextes : #000000
Couleur des liens hypertextes au passage de la souris : #627A91

D'autres modifications sont à faire comme modifier la ligne de texte (JavaScript) qui apparaît en-bas à gauche de votre navigateur en y mettant le titre de votre site et votre slogan. Vous pouvez également remplacer dans les liens Internet Services du bas du design "VotrePseudo" par votre pseudo de membre sur Internet Services (programme de parrainage).
Intégrer le titre de votre site dans le design :
1. Ouvrez l'image logo.psp qui se trouve dans le répertoire /images/a_supprimer/ avec PaintShop Pro et activer si celà n'es pas fait le panneau des calques (touche L).
2. Vous pouvez remarquer les différents calques. Maintenant séléctionner le calque Placer votre texte sur ce calque et à l'aide de l'outils de texte placer le titre de votre site correctement.
3. Passons à l'étape d'enregistrement de l'image. Tous les calques ayant un - (tiret) devant doivent être en mode invisible (de ceci à ) lors de l'enregistrement de l'image. Menu Fichier > Exporter > Fichier PNG optimisé.... Et mettres les paramêtres au maximum.
4. Appelez l'image que vous venez de créer et commençons la découpe. Je vous ai facilité la tâche pour la découpe car ceci demande d'être très précis. Quel gentil m'sieur quand même. :D
  a. Donc pour ce faire sélectionnez l'image logo.psp et sélectionnez le calque - Point de découpe. Faites un ctrl+alt+C. Retourner sur votre image png et faite ctrl+alt+L.
  b. Prennez l'outil Baguette magique et cliquer sur la zone rose. Cliquez sur le calque Arrière-plan et faites ctrl+alt+C et puis ctrl+alt+V. Vous voilà avec votre première image. Faites de même pour les autres couleurs en n'oubliant pas de changé de calque.
5. Vous voilà maintenant avec vos 3 images. Remplacer les images GIF existante et qui commence par logo_haut_ se trouvant dans le répertoire /images/. N'oublier pas d'obtimiser vos images (Menu Fichier > Exporter > Fichier GIF optimisé...). ;)

Créer des languettes de titre :
1. Avant tout, commencez par installer la police Hooge 05_53 que se trouve dans le répertoire /images/a_supprimer/.
2. Lancez PaintShop Pro et créer un nouvelle image de taille 100x5 pixels. La largeur dépends de la taille du texte a taper donc n'hésitez pas a mettre plus si nécessaire.
3. Prennez l'outils de création de texte et cliquer sur l'image. Mettez ces paramêtres :
  - Nom : hooge 05_53
  - Taille : 6
  - Style Contour : aucun
  - Style Rempl. : #3F5C77
  - Textures Contour : aucun
  - Textures Rempl. : aucun
  - Gras, Italique, Souligner, Barré : désactiver
  - Sous forme : Flotante
  - Anti-alias : désactiver
4. Votre texte sera sous sélection donc placer le correctement pour qu'il soit complètement visible puis désactiver la sélection et fesant un simple clique droit.
5. Nous allons maintenant placer le texte dans le bon sens, pour ce faire faites menu Images > Rotation... ou ctrl+R. Direction : Gauche, Degrés : 90, Tous les calques : coché.
6. Placez correctement le texte pour ne plus avoir aucun espace vide en haut de l'image.
7. Nous allons maintenant mettre un joli contour blanc. Pour ce faire sélectionnez l'outils de sélection et faites ctrl+A et suivit d'un simple petite clique sur l'image. Vous pourrez remarquer que le texte est sélectionné. Aller dans le menu Sélections > Modifier > Agrandir et la valeur de 1. Créer un nouveau calque et remplisser la séléction de blanc.
8. Passer le calque de couche blanc en dessous où il y a celui du texte et créer un nouveau calque qui devra être placé en dernière position (tout en bas).
9. Nous allons ouvrir un fichier image qui se trouve dans le répertoire /images/a_supprimer/ et qui se nomme degrader.gif. Cliquer sur votre image et paramêtre le style de couleur comme Motif et séléctionner dans la liste l'image degrader.gif. Applique au calque ce motif en le remplissant. Vois voilà avec votre image un peu grande.
10. Fusionnez tout les calques et munissez-vous de l'outils de séléction. Faites un ctrl+C, ctrl+V une fois que vous avez correctement le tout de votre texte. Il vous suffira après d'enregistré votre image.

Pour toutes question n'hésitez pas à me contacter via le forum d'Internet Services. La réponse s'y trouve déjà peut-être.