website view fr/artwork/index.html @ rev 819
Change links to new bugtracker
| author | Claudinei Pereira <claudinei@slitaz.org> |
|---|---|
| date | Thu Apr 14 03:36:49 2011 +0000 (2011-04-14) |
| parents | de24d99a2d5f |
| children |
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="modified" content="2011-03-26 23:00:00" />
11 <meta name="author" content="Christophe Lincoln"/>
12 <link rel="shortcut icon" href="../../favicon.ico" />
13 <link rel="stylesheet" type="text/css" href="../../slitaz.css" />
14 </head>
15 <body>
17 <!-- Header -->
18 <div id="header">
19 <div id="logo"></div>
20 <div id="network">
21 <a href="http://www.slitaz.org/netmap.php">
22 <img src="../../images/network.png" alt="network.png" /></a>
23 <a href="http://scn.slitaz.org/">Community</a>
24 <a href="http://doc.slitaz.org/">Doc</a>
25 <a href="http://forum.slitaz.org/">Forum</a>
26 <a href="http://bugs.slitaz.org">Bugs</a>
27 <a href="http://hg.slitaz.org/">Hg</a>
28 </div>
29 <h1><a href="http://www.slitaz.org/">SliTaz GNU/Linux</a></h1>
30 </div>
32 <!-- Block -->
33 <div id="block">
34 <!-- Navigation -->
35 <div id="block_nav">
36 <h4>Navigation</h4>
37 <div class="right_box">
38 <ul>
39 <li><a href="../mailing-list.html">Mailing List</a></li>
40 <li><a href="../devel/">Développement</a></li>
41 <li><a href="../packages/">Paquets</a></li>
42 <li><a href="../artwork/">Artwork</a></li>
43 <li><a href="../search.html">Recherche</a></li>
44 </ul>
45 </div>
46 <div class="left_box">
47 <ul>
48 <li><a href="../">Actualités</a></li>
49 <li><a href="../about/">A propos</a></li>
50 <li><a href="../get/">Téléchargement</a></li>
51 <li><a href="../asso/">Association</a></li>
52 <li><a href="../doc/">Documentation</a></li>
53 </ul>
54 </div>
55 </div>
56 <!-- Information/image -->
57 <div id="block_info">
58 <h4>Artwork</h4>
59 <p>
60 Trouver, apprécier et partager des créations graphiques pour
61 SliTaz. Rejoinez-nous sur
62 <a href="http://scn.slitaz.org/groups/artwork/">SCN</a>
63 </p>
64 <ul>
65 <li><a href="#art4taz">Artwork pour SliTaz.</a></li>
66 <li><a href="#logos">Logos, spider & icons.</a></li>
67 <li><a href="screenshots.html">Captures d'écrans.</a></li>
68 </ul>
69 </div>
70 </div>
72 <!-- Content -->
73 <div id="content">
75 <h2>Art & graphisme</h2>
77 <p>
78 Cette partie du site web est consacrée à l'art et au graphisme en rapport et
79 s'appliquant à SliTaz. Les images sont libres, vous pouvez par exemple, les
80 réutiliser afin de réaliser votre propre fond d'écran ou afficher un logo sur
81 votre site pour aider à populariser le projet. Les logos et icônes SliTaz sont
82 disponibles en différentes tailles et directement téléchargeables via cette
83 page et <a href="../../images/artwork/">le répertoire artwork</a>. Vous
84 trouverez aussi dans cette partie <em>artwork</em>, quelques
85 <a href="screenshots.html">captures d'écran</a> réalisées avec mtPaint ou The
86 Gimp.
87 </p>
89 <a name="art4taz"></a>
90 <h2>Artwork pour SliTaz</h2>
91 <p>
92 Comme beaucoup de choses avec SliTaz, les graphismes, logos, thèmes ou fonds
93 d'écrans, sont entièrement réalisés par la communauté et les développeurs. Le
94 projet tient à proposer un graphisme élégant, sobre et de qualité. Réaliser
95 un logo, un fond d'écran ou autre, est un bon moyen de participer au projet sans
96 mettre les mains dans le code ou les relectures de document xHTML. Si vous avez
97 envie de créer pour SliTaz ou si vous avez mis des oeuvres en ligne, il est
98 vivement conseillé de nous le signaler via le site de la communauté ou de
99 <a href="../mailing-list.html">la liste de discussion</a>. Mais attention à ne
100 pas envoyer de trop gros fichiers sur la liste.
101 </p>
102 <h3>Artwork du LiveCD</h3>
103 <p>
104 Pour le fond d'écran du LiveCD, il y a des contraintes, l'image ne doit pas
105 dépasser les 200 Ko. De plus, il faut une image de 1024x768. Pour finir,
106 chaque version propose un nouveau thème/fond d'écran qui doit suivre
107 la même ligne graphique et il va sans dire que les outils de la distribution
108 doivent être utilisés. En mode LiveCD, vous avez mtPaint pour travailler et
109 avec un système installé, Inkscape et the Gimp sont disponibles sur le miroir.
110 A noter que le format libre PNG est privilégié.
111 </p>
113 <a name="logos"></a>
114 <h2>Logos, spider & icons</h2>
115 <div class="box">
116 SVG Format: <a href="../../images/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
117 <a href="../../images/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
118 </div>
119 <div>
120 <img
121 src="../../images/artwork/slitaz-button-red.png"
122 alt="SliTaz button"
123 style="width: 148px; height: 148px;" />
124 <img
125 src="../../images/artwork/slitaz-logo-whitebg-320x118.png"
126 alt="SliTaz spider"
127 style="width: 320px; height: 118px;" />
128 <img
129 src="../../images/artwork/slitaz-tux-124x126.png"
130 alt="SliTaz Tux"
131 style="width: 124px; height: 126px;" />
132 <img
133 src="../../images/artwork/slitaz-spider-48x48.png"
134 alt="SliTaz spider"
135 style="width: 48px; height: 48px;" />
136 <img
137 src="../../images/artwork/tazpkg.png"
138 alt="Tazpkg package logo"
139 style="width: 32px; height: 32px;" />
140 <img
141 src="../../images/artwork/slitaz-minilogo-80x15.png"
142 alt="SliTaz mini logo"
143 style="width: 80px; height: 15px;" />
144 </div>
146 <!-- End of content -->
147 </div>
149 </body>
150 </html>