Xooit.com

Aide et Support

[XOU-IT]

All times are GMT + 2 Hours


[Tuto] Translucidité-Transparence - version graphique PNG-24

 
Post new topic   Reply to topic
 
Author Message
altair
PostPosted: Mon 12 May 2008 - 13:15    Post subject: [Tuto] Translucidité-Transparence - version graphique PNG-24 Reply with quote

Titre: Translucidité-Transparence - Version Graphique PNG-24
Version: 3.0

Auteur: altair
Contact Auteur: Messagerie privé
Source: Format PNG-24

à voir également :
http://xooit.xooit.com/t27147-Tuto-Translucidite-Transparence-V2.htm

Description: méthode graphique pour appliquer une semi-transparence aux fonds du Forum, avec l'usage d'images au format PNG 24 qui conservent la translucidité


Niveau d'installation: Moyen
Temps d'installation: 10 min
Nombre de template(s) à modifier : les images du Thème

Fonctionne sur les thèmes : Tous
Test(s) effectué(s) sur :Xooit, Phpbb,

Défaut(s) : à signaler
Exemple(s) : à venir

>> Panneau d'administration
>> Thème
>> Modifier les images



1) Sauvegardez sur votre PC les images de votre thème graphique,
en particulier ceux que vous voulez rendre semi-transparent



2) Utilisez un programme graphique comme Ps, PSP, GIMP, Paint.Net ou autres

Ouvrez les images téléchargées dans votre programme graphique

Ensuite réduisez leur opacité, par exemple à 70%

ici exemple sur Ps





3) Ensuite sauvegardez les au format PNG 24


4) Ensuite remplacez les anciennes images de votre thème par ceux au format PNG semi-transparent



Ce format PNG 24 permet de sauvegarder la translucidité ainsi que la transparence graduelle

voici une même image avec différentes opacités



et ceci est une image avec une transparence graduelle




Cette méthode graphique a plusieurs avantages par rapport à la méthode des filtres d'opacité

1 - avec les filtres d'opacité la transparence se transmet d'un élément à tous ses sous-éléments
(par exemple si elle est appliquée à un tableau elle se transmet aux cellules ainsi qu'aux textes et aux images contenu dans le tableau)
la méthode graphique évite cela

2 - cela permet d'utiliser des dégradés de transparence en utilisant des images avec une transparence graduelle


Enfin il est possible de combiner les deux méthodes pour un résultat optimal





Fin du tuto




_______________________


Last edited by altair on Mon 12 May 2008 - 13:50; edited 1 time in total
Membre
Membre

Offline

Joined: 14 Dec 2006
Posts: 345
Niveau:
Point(s): 553
Moyenne: 1.60
Firefox Windows

Visit poster’s website
Tex-f7
PostPosted: Mon 12 May 2008 - 13:49    Post subject: [Tuto] Translucidité-Transparence - version graphique PNG-24 Reply with quote

Le PNG 24, c'est le PNG par défaut non?
_______________________
Admin Secondaire
Tex-f7
Je ne réponds pas aux MP.

N'oubliez pas que nous sommes en période de vacances, certains membres de l'équipe peuvent être absent. N'abusez pas des messages privés.


Administrateur
Administrateur

Online

Joined: 17 Jun 2004
Posts: 7,723
Niveau:
Point(s): 16,936
Moyenne: 2.19
Firefox 3 Windows Vista Masculin Taureau (20avr-20mai) 龍 Dragon

Visit poster’s website GTalk/Jabber
altair
PostPosted: Mon 12 May 2008 - 14:02    Post subject: [Tuto] Translucidité-Transparence - version graphique PNG-24 Reply with quote

Bonjour
Tex-f7 wrote:


Le PNG 24, c'est le PNG par défaut non?


avant le png par défaut était le PNG-8 celui ci ne conserve pas la translucidité

mais avec les programmes actuels cela se sauvegarde par défaut au format PNG 24 effectivement

par exemple ici avec paint net il reconnait automatiquement le bon format entre 8 bits, 24 bits et 32 bits


_______________________


Membre
Membre

Offline

Joined: 14 Dec 2006
Posts: 345
Niveau:
Point(s): 553
Moyenne: 1.60
Firefox Windows

Visit poster’s website
Display posts from previous:   
Post new topic   Reply to topic
Page 1 of 1

All times are GMT + 2 Hours


Jump to:  


Top Forums Xooit