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