rev |
line source |
pankso@3
|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
pankso@3
|
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
pankso@3
|
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
|
pankso@3
|
4 <head>
|
pankso@3
|
5 <title>SliTaz Art et graphisme</title>
|
pankso@3
|
6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
|
pankso@3
|
7 <meta name="description" content="SliTaz artwork images logo graphisme wallpaper" />
|
pankso@3
|
8 <meta name="keywords" lang="fr" content="opensource, image, logo, slitaz, spider" />
|
pankso@3
|
9 <meta name="robots" content="index, follow, all" />
|
pankso@3
|
10 <meta name="revisit-after" content="7 days" />
|
pankso@3
|
11 <meta name="expires" content="never" />
|
pankso@3
|
12 <meta name="modified" content="2008-02-18 22:00:00" />
|
pankso@3
|
13 <meta name="author" content="Christophe Lincoln"/>
|
pankso@3
|
14 <meta name="publisher" content="www.slitaz.org" />
|
pankso@3
|
15 <link rel="shortcut icon" href="../favicon.ico" />
|
pankso@3
|
16 <link rel="stylesheet" type="text/css" href="../slitaz.css" />
|
pankso@3
|
17 </head>
|
pankso@3
|
18 <body bgcolor="#ffffff">
|
pankso@3
|
19
|
pankso@3
|
20 <!-- Header -->
|
pankso@3
|
21 <div id="header">
|
pankso@3
|
22 <a name="top"></a>
|
pankso@3
|
23 <!-- Access -->
|
pankso@3
|
24 <div id="access">
|
pankso@3
|
25 <a href="#content" title="Aller au contenu de la page">Contenu</a> |
|
pankso@3
|
26 <a href="../en/artwork/" title="English Artwork page">English</a>
|
pankso@3
|
27 </div>
|
pankso@3
|
28 <a href="http://www.slitaz.org/"><img id="logo"
|
pankso@3
|
29 src="../pics/website/logo.png" title="www.slitaz.org" alt="www.slitaz.org"
|
pankso@3
|
30 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
|
pankso@3
|
31 <p id="titre">#!/GNU/Linux</p>
|
pankso@3
|
32 </div>
|
pankso@3
|
33
|
pankso@3
|
34 <!-- Navigation menu -->
|
pankso@3
|
35 <div id="nav">
|
pankso@3
|
36 <div id="nav_top"></div>
|
pankso@3
|
37 <ul>
|
pankso@3
|
38 <li><a href="../about/" title="Informations au sujet du projet SliTaz">A propos du projet</a></li>
|
pankso@3
|
39 <li><a href="../get/" title="Téléchargements - LiveCD et sous projets">Obtenir SliTaz</a></li>
|
pankso@3
|
40 <li><a href="../doc/" title="Handbook, Cookbook et manuels">Documentation</a></li>
|
pankso@3
|
41 <li><a href="../packages/" title="Paquets logiciels disponibles">Paquets</a></li>
|
pankso@3
|
42 <li><a href="../mailing-list.html" title="Support, contact et collaboration">Liste de discussion</a></li>
|
pankso@3
|
43 <li><a href="../devel/" title="Le coin du développeur">Développement</a></li>
|
pankso@3
|
44 <li><a href="../artwork/" title="Artwork, couleurs et images">Art & graphisme</a></li>
|
pankso@3
|
45 <li><a href="../search.html" title="Rechercher des infos et/ou de la doc">Recherche</a></li>
|
pankso@3
|
46 <li><a href="../sitemap.html" title="Vue globale du site web">Plan du site</a></li>
|
pankso@3
|
47 <li><a href="http://forum.slitaz.org/" title="Forum d'aide et support">Forum</a></li>
|
pankso@3
|
48 </ul>
|
pankso@3
|
49 <div id="nav_bottom">
|
pankso@3
|
50 <div id="nav_bottom_img"></div>
|
pankso@3
|
51 </div>
|
pankso@3
|
52 </div>
|
pankso@3
|
53
|
pankso@3
|
54 <!-- Content top. -->
|
pankso@3
|
55 <div id="content_top">
|
pankso@3
|
56 <div class="top_left"></div>
|
pankso@3
|
57 <div class="top_right"></div>
|
pankso@3
|
58 </div>
|
pankso@3
|
59
|
pankso@3
|
60 <!-- Content -->
|
pankso@3
|
61 <div id="content">
|
pankso@3
|
62 <a name="content"></a>
|
pankso@3
|
63
|
pankso@3
|
64 <h1><font color="#3E1220">Artwork</font></h1>
|
pankso@3
|
65
|
pankso@3
|
66 <h2><font color="#DF8F06">Art & graphisme</font></h2>
|
pankso@3
|
67
|
pankso@3
|
68 <ul>
|
pankso@3
|
69 <li><a href="screenshots.html">Captures d'écrans.</a></li>
|
pankso@3
|
70 <li><a href="#art4taz">Artwork pour SliTaz.</a></li>
|
pankso@3
|
71 <li><a href="#logos">Logos, spider & icons.</a></li>
|
pankso@3
|
72 <li><a href="#wallpapers">Fond d'écrans.</a></li>
|
pankso@3
|
73 </ul>
|
pankso@3
|
74
|
pankso@3
|
75 <p>
|
pankso@3
|
76 Cette partie du site web est déstinée à l'art et au graphisme en rapport et
|
pankso@3
|
77 destiné à SliTaz. Les images sont libres, vous pouvez par exemple, les
|
pankso@3
|
78 réutiliser pour réaliser votre propre fond d'écran ou afficher un logo sur
|
pankso@3
|
79 votre site pour aider à populariser le projet. Les logos et icônes SliTaz sont
|
pankso@3
|
80 disponibles en différentes tailles et directement téléchargeables via cette
|
pankso@3
|
81 page et via <a href="../pics/artwork/">le répertoire artwork</a>. Vous
|
pankso@3
|
82 trouverez aussi dans cette partie <em>artwork</em>, quelques
|
pankso@3
|
83 <a href="screenshots.html">captures d'écrans</a> réalisées avec mtPaint ou The
|
pankso@3
|
84 Gimp.
|
pankso@3
|
85 </p>
|
pankso@3
|
86
|
pankso@3
|
87 <a name="art4taz"></a>
|
pankso@3
|
88 <h3>Artwork pour SliTaz</h3>
|
pankso@3
|
89 <p>
|
pankso@3
|
90 Comme beaucoup de choses avec SliTaz, les graphismes, logos, thèmes, ou fonds
|
pankso@3
|
91 d'écrans, sont entièrement réalisés par la communauté et les développeurs. Le
|
pankso@3
|
92 projet tient à proposer un graphisme élégant, sobre et de qualité. Réaliser
|
pankso@3
|
93 un logo, un fond d'écran ou autre, est un bon moyen de participer au projet sans
|
pankso@3
|
94 mettre les mains dans le code ou les relecture de document xHTML. Si vous avez
|
pankso@3
|
95 envie de créer pour SliTaz ou si vous avez mis des oeuvres en ligne, il est
|
pankso@3
|
96 vivement conseillé de nous le signaler via
|
pankso@3
|
97 <a href="../mailing-list.html">la liste de discussion</a>. Mais attention à ne
|
pankso@3
|
98 pas envoyer de trop gros fichiers sur la liste.
|
pankso@3
|
99 </p>
|
pankso@3
|
100 <h4>Artwork du LiveCD</h4>
|
pankso@3
|
101 <p>
|
pankso@3
|
102 Pour le fond d'écran du LiveCD, il y a des contraintes, l'image ne doit pas
|
pankso@3
|
103 dépasser les 200 Ko. De plus il faut deux images identiques mais de taille
|
pankso@3
|
104 différentes : une fois 1024x768 et une fois 1280x1024, cela est du au fait que
|
pankso@3
|
105 le rapport des 3/4 n'est pas respecté par les écrans ayant 1280 pixel de
|
pankso@3
|
106 largeur et résulte dans une déformation de l'image ou des bords noirs. Pour
|
pankso@3
|
107 finir, chaque version propose un nouveau thème/fond d'écran qui doivent suivre
|
pankso@3
|
108 la même ligne graphique et il va sans dire, que les outils de la distribution
|
pankso@3
|
109 doivent être utilisés. Pour travailler en mode LiveCD vous avez mtPaint et
|
pankso@3
|
110 avec un système installé vous avez the Gimp sur le miroir. A noter que le
|
pankso@3
|
111 format libre PNG est privilégié.
|
pankso@3
|
112 </p>
|
pankso@3
|
113
|
pankso@3
|
114 <h3><font color="#6c0023">RGB colors</font></h3>
|
pankso@3
|
115 <ul>
|
pankso@3
|
116 <li>Beige-gris : <code>d4d191</code> et <code>bfb06b</code></li>
|
pankso@3
|
117 <li>Bordeau : <code>6c0023</code> et <code>522222</code></li>
|
pankso@3
|
118 <li>Gris : <code>242424</code> et <code>222222</code></li>
|
pankso@3
|
119 <li>Orange : <code>df8f06</code></li>
|
pankso@3
|
120 <li>Jaune : <code>f0ba08</code></li>
|
pankso@3
|
121 </ul>
|
pankso@3
|
122
|
pankso@3
|
123 <a name="logos"></a>
|
pankso@3
|
124 <h3><font color="#6c0023">Logos, spider & icons</font></h3>
|
pankso@3
|
125 <div>
|
pankso@3
|
126 <img
|
pankso@3
|
127 src="../pics/artwork/slitaz-logo-whitebg-320x118.png"
|
pankso@3
|
128 alt="SliTaz spider"
|
pankso@3
|
129 style="width: 320px; height: 118px;" />
|
pankso@3
|
130 <img
|
pankso@3
|
131 src="../pics/artwork/slitaz-tux-124x126.png"
|
pankso@3
|
132 alt="SliTaz Tux"
|
pankso@3
|
133 style="width: 124px; height: 126px;" />
|
pankso@3
|
134 <img
|
pankso@3
|
135 src="../pics/artwork/slitaz-spider-48x48.png"
|
pankso@3
|
136 alt="SliTaz spider"
|
pankso@3
|
137 style="width: 48px; height: 48px;" />
|
pankso@3
|
138 <img
|
pankso@3
|
139 src="../pics/artwork/tazpkg-icon-36x36.png"
|
pankso@3
|
140 alt="Tazpkg package logo"
|
pankso@3
|
141 style="width: 36px; height: 36px;" />
|
pankso@3
|
142 <img
|
pankso@3
|
143 src="../pics/artwork/slitaz-minilogo-80x15.png"
|
pankso@3
|
144 alt="SliTaz mini logo"
|
pankso@3
|
145 style="width: 80px; height: 15px;" />
|
pankso@3
|
146 </div>
|
pankso@3
|
147
|
pankso@3
|
148 <a name="wallpapers"></a>
|
pankso@3
|
149 <h3><font color="#6c0023">Wallpapers</font></h3>
|
pankso@3
|
150 <p>
|
pankso@3
|
151 <img
|
pankso@3
|
152 src="../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
|
pankso@3
|
153 alt="SliTaz first wallpaper made with mtPaint"
|
pankso@3
|
154 style="width: 160px; height: 120px;" />
|
pankso@3
|
155 <a href="../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
|
pankso@3
|
156 <a href="../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
|
pankso@3
|
157 (8 Ko) | mtPaint
|
pankso@3
|
158 </p>
|
pankso@3
|
159
|
pankso@3
|
160 <p>
|
pankso@3
|
161 <img
|
pankso@3
|
162 src="../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
|
pankso@3
|
163 alt="SliTaz green wallpaper"
|
pankso@3
|
164 style="width: 160px; height: 120px;" />
|
pankso@3
|
165 <a href="../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
|
pankso@3
|
166 <a href="../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
|
pankso@3
|
167 | mtPaint
|
pankso@3
|
168 </p>
|
pankso@3
|
169
|
pankso@3
|
170 <p>
|
pankso@3
|
171 <img
|
pankso@3
|
172 src="../pics/wallpapers/slitaz-20071106-160x120.png"
|
pankso@3
|
173 alt="SliTaz cooking 20071106 wallpaper"
|
pankso@3
|
174 style="width: 160px; height: 120px;" />
|
pankso@3
|
175 <a href="../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
|
pankso@3
|
176 <a href="../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
|
pankso@3
|
177 | mtPaint
|
pankso@3
|
178 </p>
|
pankso@3
|
179
|
pankso@3
|
180 <p>
|
pankso@3
|
181 <img
|
pankso@3
|
182 src="../pics/wallpapers/slitaz-darkblue-160x120.png"
|
pankso@3
|
183 alt="SliTaz cooking 20071106 wallpaper"
|
pankso@3
|
184 style="width: 160px; height: 120px;" />
|
pankso@3
|
185 <a href="../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
|
pankso@3
|
186 <a href="../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
|
pankso@3
|
187 | Gimp
|
pankso@3
|
188 </p>
|
pankso@3
|
189
|
pankso@3
|
190 <p>
|
pankso@3
|
191 <img
|
pankso@3
|
192 src="../pics/wallpapers/slitaz-redyellow-160x120.png"
|
pankso@3
|
193 alt="SliTaz cooking 20080107 wallpaper"
|
pankso@3
|
194 style="width: 160px; height: 120px;" />
|
pankso@3
|
195 <a href="../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a> -
|
pankso@3
|
196 <a href="../pics/wallpapers/slitaz-redyellow-1280x1024.png">1280x1024</a>
|
pankso@3
|
197 | Gimp
|
pankso@3
|
198 </p>
|
pankso@3
|
199
|
pankso@3
|
200 <p>
|
pankso@3
|
201 <img
|
pankso@3
|
202 src="../pics/wallpapers/slitaz-choco-160x120.png"
|
pankso@3
|
203 alt="SliTaz cooking 20080114 wallpaper"
|
pankso@3
|
204 style="width: 160px; height: 120px;" />
|
pankso@3
|
205 <a href="../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
|
pankso@3
|
206 <a href="../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
|
pankso@3
|
207 | Gimp
|
pankso@3
|
208 </p>
|
pankso@3
|
209
|
pankso@3
|
210 <p>
|
pankso@3
|
211 <img
|
pankso@3
|
212 src="../pics/wallpapers/slitaz-roundgrey-160x120.png"
|
pankso@3
|
213 alt="SliTaz cooking 20080225 wallpaper"
|
pankso@3
|
214 style="width: 160px; height: 120px;" />
|
pankso@3
|
215 <a href="../pics/wallpapers/slitaz-roundgrey-1024x768.png">1024x768</a> -
|
pankso@3
|
216 <a href="../pics/wallpapers/slitaz-roundgrey-1280x800.png">1280x800</a> -
|
pankso@3
|
217 <a href="../pics/wallpapers/slitaz-roundgrey-1280x1024.png">1280x1024</a>
|
pankso@3
|
218 | Gimp
|
pankso@3
|
219 </p>
|
pankso@3
|
220
|
pankso@3
|
221 <h4>Community walls</h4>
|
pankso@3
|
222
|
pankso@3
|
223 <p>
|
pankso@3
|
224 <img
|
pankso@3
|
225 src="../pics/wallpapers/community/slitaz-viking-160x120.png"
|
pankso@3
|
226 alt="SliTaz wallpaper by Viking"
|
pankso@3
|
227 style="width: 160px; height: 120px;" />
|
pankso@3
|
228 <a href="../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
|
pankso@3
|
229 <a href="../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
|
pankso@3
|
230 | Inkscape
|
pankso@3
|
231 </p>
|
pankso@3
|
232
|
pankso@3
|
233 <p>
|
pankso@3
|
234 <img
|
pankso@3
|
235 src="../pics/wallpapers/community/slitaz-sylver-160x120.png"
|
pankso@3
|
236 alt="SliTaz sylver wallpaper by Erjo"
|
pankso@3
|
237 style="width: 160px; height: 120px;" />
|
pankso@3
|
238 <a href="../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
|
pankso@3
|
239 <a href="../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
|
pankso@3
|
240 | Inkscape
|
pankso@3
|
241 </p>
|
pankso@3
|
242
|
pankso@3
|
243 <!-- End of content with round corner -->
|
pankso@3
|
244 </div>
|
pankso@3
|
245 <div id="content_bottom">
|
pankso@3
|
246 <div class="bottom_left"></div>
|
pankso@3
|
247 <div class="bottom_right"></div>
|
pankso@3
|
248 </div>
|
pankso@3
|
249
|
pankso@3
|
250 <!-- Start of footer and copy notice -->
|
pankso@3
|
251 <div id="copy">
|
pankso@3
|
252 <p>
|
pankso@3
|
253 Dernière modification : 2008-02-18 22:00:00 -
|
pankso@3
|
254 <a href="#top">Haut de la page</a>
|
pankso@3
|
255 </p>
|
pankso@3
|
256 <p>
|
pankso@3
|
257 Copyright © 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
|
pankso@3
|
258 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
|
pankso@3
|
259 </p>
|
pankso@3
|
260 <!-- End of copy -->
|
pankso@3
|
261 </div>
|
pankso@3
|
262
|
pankso@3
|
263 <!-- Bottom and logo's -->
|
pankso@3
|
264 <div id="bottom">
|
pankso@3
|
265 <p>
|
pankso@3
|
266 <a href="http://validator.w3.org/check?uri=referer"><img
|
pankso@3
|
267 src="../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
|
pankso@3
|
268 title="Code validé XHTML 1.0"
|
pankso@3
|
269 style="width: 80px; height: 15px;" /></a>
|
pankso@3
|
270 </p>
|
pankso@3
|
271 </div>
|
pankso@3
|
272
|
pankso@3
|
273 </body>
|
pankso@3
|
274 </html>
|