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