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