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