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