Page 1 sur 1

[Petit tuto] pour changer une icone sur votre forum

MessagePublié: Ven 19 Nov 2004 23:20
par audax
Petit tuto pour vous expliquer comment changer par exemple une icone sur votre page de votre forum.

Je vais prendre exemple sur le thème subsilver et le thème bluetabs sur les icones de la page d'acceuil "pas de messages, nouveau message".

Sur le thème Bluetabs l'icone pas de nouveau message représente ceci;
Image qui à une dimension 1,69 x 1,69 cm ou 48 x 48 pixel

l'icone nouveau message représente ceci;
Image avec les mêmes dimensions.

Sur le thème Subsilver l'icone pas de nouveau message représente ceci;
Image qui a une dimension 1,62 x 0,88cm ou 46 x 25 pixel

l'icone nouveau message représente ceci;
Image avec les mêmes dimensions.
(pour avoir les dimensions de l'icone, vous faites un clic droit avec la souris, puis sur propriétés et vous avez la taille qui s'affiche en pixel)

Admettons maintenant que les icones du thème Bluetabs ne vous plaisent pas et que vous voulez mettre les icones du thème Subsilver.

En premier lieu, vous créez un nouveau dossier sur votre disque dur que vous nommé par exemple "nouvelle icone" et vous enregistrez sur ce dossier les images des icones des thèmes c'est à dire que vous cliquez droit avec la souris sur les images de chaque icone et vous les enregistrez sous ce dossier que vous venez de créez. Vous les enregistrez pour par après pouvoir les ouvrir avec votre logiciel de photo, et cela vous permet également de les avoir sauvegardées si au cas vous voulez les rétablir. Et si par contre vous avez perdu les icones d'origine, vous pouvez toujours les ravoir en allant sur vosforums/com, vous cliquez sur thème, vous ouvrez la démo du thème et vous réengistrez les icones d'origine.

Une fois que vous avez fait cela, on va pouvoir commencer.

Je vous fait un exemple sur l'icone "pas de message"

Vous ouvrez votre logiciel de photo et vous créez un nouveau fichier couleur blanc de la taille de l'icone du thème Bluetabs soit 1,69 cm x 1,69 cm et vous vous ouvrez l'icone du thème Subsilver "pas de message"
ce qui donne ceci;
Image
Vous sélectionnez entièrement l'image de l'icone subsilver et avec l'outil déplacement de votre logiciel, vous glissez cette icone dans votre nouveau fichier ce qui vas vous donnez ceci;
Image
et vous enregistrez cette image soit en jpg ou en gif mais pas avec le même nom car sinon vous risquez d'écraser le fichier sauvegarder. Vous l'engistrer par exemple sou le nom pas_message et toujours pareil, évitez toujours de mettre des accents et des espaces.

Maintenant un peu plus dur.
Admettons que vous voulez que le fond de l'image qui représente l'icone soit d'une autre couleur, par exemple rouge.
Vous allez à nouveau dans votre logiciel photo et vous ouvrez un nouveau fichier de la même taille soit 1,69 x 1,69 cm.
et vous le colorez en rouge avec l'outil remplissage de couleur.
vous ouvrez à nouveau l'icone du thème subsilver ce qui vas donner ceci;
Image

Vous faites pareil comme dans le premier exercice, vous la sélectionner et avec l'outil déplacement vous la glissez dans votre nouveau fichier rouge.
et cela donne ceci;
Image
Mais voilà ce qui se passe, on voit apparaître le fond blanc de l'icone de subsilver et ce qui ne fait pas joli. Pourquoi? Parce que cette icone est placez sur un fond blanc.
Voilà ce qu'il faut faire;
vous ouvrez un nouveau fichier (un fichier transparent, ou calque) (peut importe la taille) mais pas endessous de la taille de l'icone de subsilver), ce fichier vous l'ouvrez en "transparent" c'est à dire que vous aurez ceci;
Image

Là, vous sélectionnez l'icone subsilver et vous la glisser dans le fichier transparent, ce qui vous donne ceci;
Image

et vous gommez le blanc qu'il y a autour de l'icone (vous pouvez agrandir l'image pour bien voir de ne pas mordre dans les contour bleus et de bien enlever le blanc.
Puis vous sélectionner ce fichier, et vous prenez à nouveau votre outil "déplacement" et vous déplacez cette image dans votre fichier rouge ce qui vous donnera ceci;
Image
et vous enregistrez cette nouvelle icone que vous allez icorporez dans votre thème sur vosforums.com.

Voilà, ceci dit, avec de l'imagination, on peut créer d'innombrables icones de cette façon, il suffit de choisir l'image, une image qui va avec votre thème et le tour est joué par exemple, une ampoule éteinte pour pas de message, une ampoule allumée pour nouveau message etc etc...
Mais petite précision.
Si l'icone d'origine par exemple du thème bluetabs qui fait 1,69 x 1,69 cm ou celle d'origine du thème subsilver qui fait 1,62 x 0,88 cm, si vous voulez mettre une nouvelle image, prenez toujours une image qui est plus petite ou dimension égales que les icones d'origines pour pouvoir les glissez à l'intérieur et pour qu'elle soit visible à votre gout. Car si vous prenez une image plus grande que les dimensions d'origine, vous risquez soit d'avoir une déformation de l'image ou alors l'image sera coupée.

Et si maintenant vous voulez changer l'icone du thème subsilver, vous faites excatement ce qui ai dit plus haut, à la place que d'ouvrir un nouveau fichier d'une taille de 1,69 x1,69 cm (ce qui équivaut à l'icone du thème bluetabs) vous l'ouvrez au format de l'icone d'origine du thème subsilver c'est à dire à 1,62 x0,88 cm.

MessagePublié: Jeu 25 Nov 2004 17:33
par audax
cote adret a écrit:marche pas pour moi :(

Pourtant je crois avoir suivi le procédure :shock:


PS, j'ai pris mon temps là ce soir, et je viens de le refaire, le tuto, avec beaucoup plus d'explications et en images.

MessagePublié: Lun 29 Nov 2004 20:01
par floodaî
mais on peut aussi aller dans editer les images de ce forum !!
c'est plus simple !!

MessagePublié: Lun 29 Nov 2004 20:09
par audax
floodaî a écrit:mais on peut aussi aller dans editer les images de ce forum !!
c'est plus simple !!

non, personnalisez les images de ton forum, si je dit éditer les images du forum, les gens vont cherchez le mot éditer les images et ce n'est pas ça.
Editer le thème c'est aller dans gestion des thèmes de ton propre forum pour changer les couleurs de fond, de texte, de lien, et personnalisez les images du forum, là il faut allez dans vosforums/com éditer le forum puis "personnalisez les images du forum.

Taille d'image

MessagePublié: Dim 05 Déc 2004 12:27
par Invité
ok pour la manip pour redimensionner mais est-on forcément obligé d'avoir des images en 46 x 25 pixels ???

Parce que c'est pas top en hauteur...

Est-ce possible de modifier cette taille ?

Est-ce possible d'accéder aux fichiers templates et de les modifier d'une manière générale ? (en ftp par exemple)

Re: Taille d'image

MessagePublié: Dim 05 Déc 2004 12:51
par audax
Anonymous a écrit:ok pour la manip pour redimensionner mais est-on forcément obligé d'avoir des images en 46 x 25 pixels ???

Parce que c'est pas top en hauteur...

Est-ce possible de modifier cette taille ?

Est-ce possible d'accéder aux fichiers templates et de les modifier d'une manière générale ? (en ftp par exemple)


Non, si l'image d'origine du thème bluetabs fait 48 x 48, vous pouvez mettre une image qui fait 48 x 48 pixel. Mais faut trouvez une image et la travailler pour qu'elle rentre dans ce cadre et pour qu'elle ne soit pas déformée.
j'ai bien précisé en bas du tuto;
prenez toujours une image qui est plus petite ou dimension égales que les icones d'origines pour pouvoir les glissez à l'intérieur et pour qu'elle soit visible à votre gout. Car si vous prenez une image plus grande que les dimensions d'origine, vous risquez soit d'avoir une déformation de l'image ou alors l'image sera coupée. que ce soit pour n'importe quel thème.
mais si par exemple vous mettez l'image de l'icone subsilver à l'emplacement de l'icone bluetabs sans la modifier, elle sera déformée. elle aura l'aspect d'une déformation en grosseur.

et les modifier en FTP on y a pas accès.
Mais faites des essais, vous verrez ce que cela donne.