website view fr/artwork/index.html @ rev 536
fr: localy browseable (with file://)
| author | Pascal Bellard <pascal.bellard@slitaz.org> |
|---|---|
| date | Wed Aug 19 15:29:41 2009 +0200 (2009-08-19) |
| parents | cc170db40f8b |
| children | 128e36d44185 |
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="index.html#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="../../de/artwork/index.html">Deutsch</a> |
28 <a href="../../en/artwork/index.html">English</a> |
29 <a href="../../pt/artwork/index.html">Português</a>
30 </div>
31 <a href="http://www.slitaz.org/fr/"><img id="logo"
32 src="../../pics/website/logo.png" title="www.slitaz.org" alt="www.slitaz.org"
33 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
34 <p id="titre">#!/GNU/Linux</p>
35 </div>
37 <!-- Navigation menu -->
38 <div id="nav">
39 <div id="nav_top"></div>
40 <!-- General -->
41 <ul>
42 <li><a href="../about/index.html" title="Informations au sujet du projet SliTaz">A propos du projet</a></li>
43 <li><a href="../asso/index.html" title="Infrastructure et services">Association</a></li>
44 <li><a href="../get/index.html" title="Téléchargements - LiveCD et sous projets">Obtenir SliTaz</a></li>
45 <li><a href="../doc/index.html" title="Handbook, Cookbook et manuels">Documentation</a></li>
46 <li><a href="../packages/index.html" title="Paquets logiciels disponibles">Paquets</a></li>
47 <li><a href="../devel/index.html" title="Le coin du développeur">Développement</a></li>
48 <li><a href="../artwork/index.html" title="Artwork, couleurs et images">Art & graphisme</a></li>
49 </ul>
50 <!-- Support -->
51 <ul>
52 <li><a href="http://forum.slitaz.org/" title="Forum d'aide et support">Forum de support</a></li>
53 <li><a href="../mailing-list.html" title="Support, contact et collaboration">Liste de discussion</a></li>
54 <li><a href="../search.html" title="Rechercher des infos et/ou de la doc">Recherche</a></li>
55 <li><a href="../sitemap.html" title="Vue globale du site web">Plan du site</a></li>
56 </ul>
57 <!-- Wiki and Labs -->
58 <ul>
59 <li><a href="http://wiki.slitaz.org/" title="Wiki collaboratif">Ressources Wiki</a></li>
60 <li><a href="http://labs.slitaz.org/" title="Gestion du projet">Laboratoires</a></li>
61 <li><a href="http://labs.slitaz.org/issues" title="Bug Tracking system">Suivi des Bugs</a></li>
62 </ul>
63 <div id="nav_bottom">
64 <div id="nav_bottom_img"></div>
65 </div>
66 </div>
68 <!-- Content top. -->
69 <div id="content_top">
70 <div class="top_left"></div>
71 <div class="top_right"></div>
72 </div>
74 <!-- Content -->
75 <div id="content">
76 <a name="content"></a>
78 <h1><font color="#3E1220">Artwork</font></h1>
80 <h2><font color="#DF8F06">Art & graphisme</font></h2>
82 <ul>
83 <li><a href="screenshots.html">Captures d'écrans.</a></li>
84 <li><a href="wallpapers.html">Fond d'écrans.</a></li>
85 <li><a href="index.html#art4taz">Artwork pour SliTaz.</a></li>
86 <li><a href="index.html#logos">Logos, spider & icons.</a></li>
87 <li><a href="index.html#cd-label">CD Label.</a></li>
88 </ul>
90 <p>
91 Cette partie du site web est consacrée à l'art et au graphisme en rapport et
92 s'appliquant à SliTaz. Les images sont libres, vous pouvez par exemple, les
93 réutiliser afin de réaliser votre propre fond d'écran ou afficher un logo sur
94 votre site pour aider à populariser le projet. Les logos et icônes SliTaz sont
95 disponibles en différentes tailles et directement téléchargeables via cette
96 page et <a href="../../../pics/artwork/index.html">le répertoire artwork</a>. Vous
97 trouverez aussi dans cette partie <em>artwork</em>, quelques
98 <a href="screenshots.html">captures d'écran</a> réalisées avec mtPaint ou The
99 Gimp.
100 </p>
102 <a name="art4taz"></a>
103 <h3>Artwork pour SliTaz</h3>
104 <p>
105 Comme beaucoup de choses avec SliTaz, les graphismes, logos, thèmes ou fonds
106 d'écrans, sont entièrement réalisés par la communauté et les développeurs. Le
107 projet tient à proposer un graphisme élégant, sobre et de qualité. Réaliser
108 un logo, un fond d'écran ou autre, est un bon moyen de participer au projet sans
109 mettre les mains dans le code ou les relectures de document xHTML. Si vous avez
110 envie de créer pour SliTaz ou si vous avez mis des oeuvres en ligne, il est
111 vivement conseillé de nous le signaler via
112 <a href="../mailing-list.html">la liste de discussion</a>. Mais attention à ne
113 pas envoyer de trop gros fichiers sur la liste.
114 </p>
115 <h4>Artwork du LiveCD</h4>
116 <p>
117 Pour le fond d'écran du LiveCD, il y a des contraintes, l'image ne doit pas
118 dépasser les 200 Ko. De plus, il faut une image de 1024x768. Pour finir,
119 chaque version propose un nouveau thème/fond d'écran qui doit suivre
120 la même ligne graphique et il va sans dire que les outils de la distribution
121 doivent être utilisés. En mode LiveCD, vous avez mtPaint pour travailler et
122 avec un système installé, Inkscape et the Gimp sont disponibles sur le miroir.
123 A noter que le format libre PNG est privilégié.
124 </p>
126 <h3><font color="#6c0023">RGB colors</font></h3>
127 <ul>
128 <li>Beige-gris : <code>d4d191</code> et <code>bfb06b</code></li>
129 <li>Bordeau : <code>6c0023</code> et <code>522222</code></li>
130 <li>Gris : <code>242424</code> et <code>222222</code></li>
131 <li>Orange : <code>df8f06</code></li>
132 <li>Jaune : <code>f0ba08</code></li>
133 </ul>
135 <a name="logos"></a>
136 <h3><font color="#6c0023">Logos, spider & icons</font></h3>
137 <div>
138 <p>
139 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
140 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
141 </p>
142 <img
143 src="../../pics/artwork/slitaz-button-red.png"
144 alt="SliTaz button"
145 style="width: 148px; height: 148px;" />
146 <img
147 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
148 alt="SliTaz spider"
149 style="width: 320px; height: 118px;" />
150 <img
151 src="../../pics/artwork/slitaz-tux-124x126.png"
152 alt="SliTaz Tux"
153 style="width: 124px; height: 126px;" />
154 <img
155 src="../../pics/artwork/slitaz-spider-48x48.png"
156 alt="SliTaz spider"
157 style="width: 48px; height: 48px;" />
158 <img
159 src="../../pics/artwork/tazpkg.png"
160 alt="Tazpkg package logo"
161 style="width: 32px; height: 32px;" />
162 <p>
163 <img
164 src="../../pics/artwork/powered-by-slitaz-orange-2.png"
165 alt="SliTaz Powered"
166 style="width: 148px; height: 232px;" />
167 <img
168 src="../../pics/artwork/powered-by-slitaz-orange-small.png"
169 alt="SliTaz Powered"
170 style="width: 65px; height: 104px;" />
171 <img
172 src="../../pics/artwork/slitaz-minilogo-80x15.png"
173 alt="SliTaz mini logo"
174 style="width: 80px; height: 15px;" />
175 </p>
176 </div>
178 <a name="cd-label"></a>
179 <h3><font color="#6c0023">CD Label</font></h3>
180 <p>
181 <a href="../../pics/cd-label/slitaz10qh1.png">
182 <img
183 src="../../pics/cd-label/slitaz10qh1-160.png"
184 alt="SliTaz CD Label"
185 style="width: 160px; height: 160px;" /></a>
186 <a href="../../pics/cd-label/slitaz10cdhllemb0.png">
188 <img
189 src="../../pics/cd-label/slitaz10cdhllemb0.png"
190 alt="SliTaz CD Label"
191 style="width: 101px; height: 160px;" /></a>
192 <a href="../../pics/cd-label/slitaz10v2lx2.png">
194 <img
195 src="../../pics/cd-label/slitaz10v2lx2-160.png"
196 alt="SliTaz CD Label"
197 style="width: 160px; height: 160px;" /></a>
198 </p>
200 <p>
201 <a href="../../pics/cd-label/slitaz-cooking-rv0.png">
202 <img
203 src="../../pics/cd-label/slitaz-cooking-rv0-160.png"
204 alt="SliTaz CD Label"
205 style="width: 160px; height: 160px;" /></a>
206 <a href="../../pics/cd-label/slitaz10ic7.png">
208 <img
209 src="../../pics/cd-label/slitaz10ic7-160.png"
210 alt="SliTaz CD Label"
211 style="width: 101px; height: 160px;" /></a>
212 </p>
214 <!-- End of content with round corner -->
215 </div>
216 <div id="content_bottom">
217 <div class="bottom_left"></div>
218 <div class="bottom_right"></div>
219 </div>
221 <!-- Start of footer and copy notice -->
222 <div id="copy">
223 <p>
224 Dernière modification : 2008-06-12 12:00:00 -
225 <a href="index.html#top">Haut de la page</a>
226 </p>
227 <p>
228 Copyright © 2009 <a href="http://www.slitaz.org/">SliTaz</a> -
229 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
230 </p>
231 <!-- End of copy -->
232 </div>
234 <!-- Bottom and logo's -->
235 <div id="bottom">
236 <p>
237 <a href="http://validator.w3.org/check?uri=referer"><img
238 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
239 title="Code validé XHTML 1.0"
240 style="width: 80px; height: 15px;" /></a>
241 </p>
242 </div>
244 </body>
245 </html>