website annotate artwork/index.html @ rev 281

fr: link handbook-stable in doc index and labeled book
author Christophe Lincoln <pankso@slitaz.org>
date Fri Feb 06 23:30:43 2009 +0100 (2009-02-06)
parents 3b7af0da08b3
children 4dc36b03c8b4
rev   line source
pankso@3 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
pankso@3 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
pankso@3 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
pankso@3 4 <head>
pankso@3 5 <title>SliTaz Art et graphisme</title>
pankso@3 6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
pankso@3 7 <meta name="description" content="SliTaz artwork images logo graphisme wallpaper" />
pankso@3 8 <meta name="keywords" lang="fr" content="opensource, image, logo, slitaz, spider" />
pankso@3 9 <meta name="robots" content="index, follow, all" />
pankso@3 10 <meta name="revisit-after" content="7 days" />
pankso@3 11 <meta name="expires" content="never" />
pankso@67 12 <meta name="modified" content="2008-06-12 12:00:00" />
pankso@3 13 <meta name="author" content="Christophe Lincoln"/>
pankso@3 14 <meta name="publisher" content="www.slitaz.org" />
pankso@3 15 <link rel="shortcut icon" href="../favicon.ico" />
pankso@3 16 <link rel="stylesheet" type="text/css" href="../slitaz.css" />
pankso@81 17 <link rel="Content" href="#content" />
pankso@3 18 </head>
pankso@3 19 <body bgcolor="#ffffff">
pankso@3 20
pankso@3 21 <!-- Header -->
pankso@3 22 <div id="header">
pankso@3 23 <a name="top"></a>
pankso@3 24 <!-- Access -->
pankso@3 25 <div id="access">
pankso@75 26 Language:
pankso@3 27 <a href="../en/artwork/" title="English Artwork page">English</a>
pankso@3 28 </div>
pankso@3 29 <a href="http://www.slitaz.org/"><img id="logo"
pankso@3 30 src="../pics/website/logo.png" title="www.slitaz.org" alt="www.slitaz.org"
pankso@3 31 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
pankso@3 32 <p id="titre">#!/GNU/Linux</p>
pankso@3 33 </div>
pankso@3 34
pankso@3 35 <!-- Navigation menu -->
pankso@3 36 <div id="nav">
pankso@3 37 <div id="nav_top"></div>
pankso@81 38 <ul>
pankso@84 39 <li><a href="../about/" title="Informations au sujet du projet SliTaz">A propos du projet</a></li>
pankso@84 40 <li><a href="../get/" title="Téléchargements - LiveCD et sous projets">Obtenir SliTaz</a></li>
pankso@84 41 <li><a href="../doc/" title="Handbook, Cookbook et manuels">Documentation</a></li>
pankso@84 42 <li><a href="../packages/" title="Paquets logiciels disponibles">Paquets</a></li>
pankso@84 43 <li><a href="../mailing-list.html" title="Support, contact et collaboration">Liste de discussion</a></li>
pankso@84 44 <li><a href="../devel/" title="Le coin du développeur">Développement</a></li>
pankso@84 45 <li><a href="../artwork/" title="Artwork, couleurs et images">Art &amp; graphisme</a></li>
pankso@84 46 <li><a href="../search.html" title="Rechercher des infos et/ou de la doc">Recherche</a></li>
pankso@84 47 <li><a href="../sitemap.html" title="Vue globale du site web">Plan du site</a></li>
pankso@81 48 </ul>
pankso@81 49 <hr />
pankso@81 50 <ul>
pankso@81 51 <li><a href="http://forum.slitaz.org/" title="Forum d'aide et support">Forum de support</a></li>
pankso@81 52 <li><a href="http://wiki.slitaz.org/" title="Wiki collaboratif">Ressources Wiki</a></li>
pankso@81 53 <li><a href="http://wiki.slitaz.org/doku.php?id=bts:bts" title="Bug Tracking system">Suivi des Bugs</a></li>
pankso@81 54 </ul>
pankso@3 55 <div id="nav_bottom">
pankso@3 56 <div id="nav_bottom_img"></div>
pankso@3 57 </div>
pankso@3 58 </div>
pankso@3 59
pankso@3 60 <!-- Content top. -->
pankso@3 61 <div id="content_top">
pankso@3 62 <div class="top_left"></div>
pankso@3 63 <div class="top_right"></div>
pankso@3 64 </div>
pankso@3 65
pankso@3 66 <!-- Content -->
pankso@3 67 <div id="content">
pankso@3 68 <a name="content"></a>
pankso@3 69
pankso@3 70 <h1><font color="#3E1220">Artwork</font></h1>
pankso@3 71
pankso@3 72 <h2><font color="#DF8F06">Art &amp; graphisme</font></h2>
pankso@3 73
pankso@3 74 <ul>
pankso@3 75 <li><a href="screenshots.html">Captures d'écrans.</a></li>
pankso@3 76 <li><a href="#art4taz">Artwork pour SliTaz.</a></li>
pankso@3 77 <li><a href="#logos">Logos, spider &amp; icons.</a></li>
pankso@196 78 <li><a href="#cd-label">CD Label.</a></li>
pankso@3 79 <li><a href="#wallpapers">Fond d'écrans.</a></li>
pankso@3 80 </ul>
pankso@3 81
pankso@3 82 <p>
taziden@219 83 Cette partie du site web est destinée à l'art et au graphisme en rapport et
pankso@3 84 destiné à SliTaz. Les images sont libres, vous pouvez par exemple, les
pankso@48 85 réutiliser pour réaliser votre propre fond d'écran ou afficher un logo sur
pankso@3 86 votre site pour aider à populariser le projet. Les logos et icônes SliTaz sont
pankso@3 87 disponibles en différentes tailles et directement téléchargeables via cette
pankso@48 88 page et via <a href="../pics/artwork/">le répertoire artwork</a>. Vous
pankso@3 89 trouverez aussi dans cette partie <em>artwork</em>, quelques
taziden@219 90 <a href="screenshots.html">captures d'écran</a> réalisées avec mtPaint ou The
pankso@3 91 Gimp.
pankso@3 92 </p>
pankso@3 93
pankso@3 94 <a name="art4taz"></a>
pankso@3 95 <h3>Artwork pour SliTaz</h3>
pankso@3 96 <p>
pankso@3 97 Comme beaucoup de choses avec SliTaz, les graphismes, logos, thèmes, ou fonds
pankso@3 98 d'écrans, sont entièrement réalisés par la communauté et les développeurs. Le
pankso@3 99 projet tient à proposer un graphisme élégant, sobre et de qualité. Réaliser
pankso@3 100 un logo, un fond d'écran ou autre, est un bon moyen de participer au projet sans
taziden@219 101 mettre les mains dans le code ou les relectures de document xHTML. Si vous avez
pankso@48 102 envie de créer pour SliTaz ou si vous avez mis des oeuvres en ligne, il est
pankso@48 103 vivement conseillé de nous le signaler via
pankso@48 104 <a href="../mailing-list.html">la liste de discussion</a>. Mais attention à ne
pankso@3 105 pas envoyer de trop gros fichiers sur la liste.
pankso@3 106 </p>
pankso@3 107 <h4>Artwork du LiveCD</h4>
pankso@3 108 <p>
pankso@3 109 Pour le fond d'écran du LiveCD, il y a des contraintes, l'image ne doit pas
taziden@219 110 dépasser les 200 Ko. De plus, il faut deux images identiques mais de taille
taziden@219 111 différentes : une fois 1024x768 et une fois 1280x1024, cela est dû au fait que
taziden@219 112 le rapport des 3/4 n'est pas respecté par les écrans ayant 1280 pixels de
pankso@3 113 largeur et résulte dans une déformation de l'image ou des bords noirs. Pour
pankso@3 114 finir, chaque version propose un nouveau thème/fond d'écran qui doivent suivre
pankso@3 115 la même ligne graphique et il va sans dire, que les outils de la distribution
taziden@219 116 doivent être utilisés. En mode LiveCD, vous avez mtPaint pour travailler et
taziden@219 117 avec un système installé, Inkscape et the Gimp sont disponibles sur le miroir. A noter que le
pankso@3 118 format libre PNG est privilégié.
pankso@3 119 </p>
pankso@3 120
pankso@3 121 <h3><font color="#6c0023">RGB colors</font></h3>
pankso@3 122 <ul>
pankso@3 123 <li>Beige-gris : <code>d4d191</code> et <code>bfb06b</code></li>
pankso@3 124 <li>Bordeau : <code>6c0023</code> et <code>522222</code></li>
pankso@3 125 <li>Gris : <code>242424</code> et <code>222222</code></li>
pankso@3 126 <li>Orange : <code>df8f06</code></li>
pankso@3 127 <li>Jaune : <code>f0ba08</code></li>
pankso@3 128 </ul>
pankso@3 129
pankso@3 130 <a name="logos"></a>
pankso@3 131 <h3><font color="#6c0023">Logos, spider &amp; icons</font></h3>
pankso@3 132 <div>
pankso@48 133 <p>
pankso@48 134 SVG: <a href="../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
pankso@48 135 <a href="../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
pankso@48 136 </p>
pankso@3 137 <img
pankso@109 138 src="../pics/artwork/slitaz-button-red.png"
pankso@109 139 alt="SliTaz button"
pankso@109 140 style="width: 148px; height: 148px;" />
pankso@109 141 <img
pankso@3 142 src="../pics/artwork/slitaz-logo-whitebg-320x118.png"
pankso@3 143 alt="SliTaz spider"
pankso@3 144 style="width: 320px; height: 118px;" />
pankso@3 145 <img
pankso@3 146 src="../pics/artwork/slitaz-tux-124x126.png"
pankso@3 147 alt="SliTaz Tux"
pankso@3 148 style="width: 124px; height: 126px;" />
pankso@3 149 <img
pankso@3 150 src="../pics/artwork/slitaz-spider-48x48.png"
pankso@3 151 alt="SliTaz spider"
pankso@3 152 style="width: 48px; height: 48px;" />
pankso@3 153 <img
pankso@48 154 src="../pics/artwork/tazpkg.png"
pankso@3 155 alt="Tazpkg package logo"
pankso@48 156 style="width: 32px; height: 32px;" />
pankso@109 157 <p>
pankso@109 158 <img
pankso@109 159 src="../pics/artwork/powered-by-slitaz-orange-2.png"
pankso@109 160 alt="SliTaz Powered"
pankso@109 161 style="width: 148px; height: 232px;" />
pankso@109 162 <img
pankso@109 163 src="../pics/artwork/powered-by-slitaz-orange-small.png"
pankso@109 164 alt="SliTaz Powered"
pankso@109 165 style="width: 65px; height: 104px;" />
pankso@3 166 <img
pankso@3 167 src="../pics/artwork/slitaz-minilogo-80x15.png"
pankso@3 168 alt="SliTaz mini logo"
pankso@3 169 style="width: 80px; height: 15px;" />
pankso@109 170 </p>
pankso@3 171 </div>
pankso@3 172
pankso@196 173 <a name="cd-label"></a>
pankso@196 174 <h3><font color="#6c0023">CD Label</font></h3>
pankso@196 175 <p>
pankso@196 176 <a href="../pics/cd-label/slitaz10qh1.png">
pankso@196 177 <img
pankso@196 178 src="../pics/cd-label/slitaz10qh1-160.png"
pankso@196 179 alt="SliTaz CD Label"
pankso@196 180 style="width: 160px; height: 160px;" /></a>
pankso@196 181 <a href="../pics/cd-label/slitaz10cdhllemb0.png">
pankso@196 182
pankso@196 183 <img
pankso@196 184 src="../pics/cd-label/slitaz10cdhllemb0.png"
pankso@196 185 alt="SliTaz CD Label"
pankso@196 186 style="width: 101px; height: 160px;" /></a>
pankso@196 187 <a href="../pics/cd-label/slitaz10v2lx2.png">
pankso@196 188
pankso@196 189 <img
pankso@196 190 src="../pics/cd-label/slitaz10v2lx2-160.png"
pankso@196 191 alt="SliTaz CD Label"
pankso@196 192 style="width: 160px; height: 160px;" /></a>
pankso@196 193 </p>
pankso@196 194
pankso@196 195 <p>
pankso@196 196 <a href="../pics/cd-label/slitaz-cooking-rv0.png">
pankso@196 197 <img
pankso@196 198 src="../pics/cd-label/slitaz-cooking-rv0-160.png"
pankso@196 199 alt="SliTaz CD Label"
pankso@196 200 style="width: 160px; height: 160px;" /></a>
pankso@196 201 <a href="../pics/cd-label/slitaz10ic7.png">
pankso@196 202
pankso@196 203 <img
pankso@196 204 src="../pics/cd-label/slitaz10ic7-160.png"
pankso@196 205 alt="SliTaz CD Label"
pankso@196 206 style="width: 101px; height: 160px;" /></a>
pankso@196 207 </p>
pankso@196 208
pankso@3 209 <a name="wallpapers"></a>
pankso@3 210 <h3><font color="#6c0023">Wallpapers</font></h3>
pankso@3 211 <p>
pankso@3 212 <img
pankso@3 213 src="../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
pankso@3 214 alt="SliTaz first wallpaper made with mtPaint"
pankso@3 215 style="width: 160px; height: 120px;" />
pankso@3 216 <a href="../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
pankso@3 217 <a href="../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
pankso@3 218 (8 Ko) | mtPaint
pankso@3 219 </p>
pankso@3 220
pankso@3 221 <p>
pankso@3 222 <img
pankso@3 223 src="../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
pankso@3 224 alt="SliTaz green wallpaper"
pankso@3 225 style="width: 160px; height: 120px;" />
pankso@3 226 <a href="../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
pankso@3 227 <a href="../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
pankso@3 228 | mtPaint
pankso@3 229 </p>
pankso@3 230
pankso@3 231 <p>
pankso@3 232 <img
pankso@3 233 src="../pics/wallpapers/slitaz-20071106-160x120.png"
pankso@3 234 alt="SliTaz cooking 20071106 wallpaper"
pankso@3 235 style="width: 160px; height: 120px;" />
pankso@3 236 <a href="../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
pankso@3 237 <a href="../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
pankso@3 238 | mtPaint
pankso@3 239 </p>
pankso@3 240
pankso@3 241 <p>
pankso@3 242 <img
pankso@3 243 src="../pics/wallpapers/slitaz-darkblue-160x120.png"
pankso@3 244 alt="SliTaz cooking 20071106 wallpaper"
pankso@3 245 style="width: 160px; height: 120px;" />
pankso@3 246 <a href="../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
pankso@3 247 <a href="../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
pankso@3 248 | Gimp
pankso@3 249 </p>
pankso@3 250
pankso@3 251 <p>
pankso@3 252 <img
pankso@3 253 src="../pics/wallpapers/slitaz-redyellow-160x120.png"
pankso@3 254 alt="SliTaz cooking 20080107 wallpaper"
pankso@3 255 style="width: 160px; height: 120px;" />
pankso@48 256 <a href="../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a>
pankso@3 257 | Gimp
pankso@3 258 </p>
pankso@3 259
pankso@3 260 <p>
pankso@3 261 <img
pankso@3 262 src="../pics/wallpapers/slitaz-choco-160x120.png"
pankso@3 263 alt="SliTaz cooking 20080114 wallpaper"
pankso@3 264 style="width: 160px; height: 120px;" />
pankso@3 265 <a href="../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
pankso@3 266 <a href="../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
pankso@3 267 | Gimp
pankso@3 268 </p>
pankso@3 269
pankso@3 270 <p>
pankso@3 271 <img
pankso@48 272 src="../pics/wallpapers/slitaz-tinycenterflame-160x120.png"
pankso@48 273 alt="SliTaz cooking tiny flame wallpaper"
pankso@3 274 style="width: 160px; height: 120px;" />
pankso@48 275 <a href="../pics/wallpapers/slitaz-tinycenterflame-1024x768.png">1024x768</a>
pankso@3 276 | Gimp
pankso@3 277 </p>
pankso@3 278
pankso@3 279 <h4>Community walls</h4>
pankso@3 280
pankso@3 281 <p>
pankso@3 282 <img
pankso@3 283 src="../pics/wallpapers/community/slitaz-viking-160x120.png"
pankso@3 284 alt="SliTaz wallpaper by Viking"
pankso@3 285 style="width: 160px; height: 120px;" />
pankso@3 286 <a href="../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
pankso@3 287 <a href="../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
pankso@3 288 | Inkscape
pankso@3 289 </p>
pankso@3 290
pankso@3 291 <p>
pankso@3 292 <img
pankso@3 293 src="../pics/wallpapers/community/slitaz-sylver-160x120.png"
pankso@3 294 alt="SliTaz sylver wallpaper by Erjo"
pankso@3 295 style="width: 160px; height: 120px;" />
pankso@3 296 <a href="../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
pankso@3 297 <a href="../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
pankso@3 298 | Inkscape
pankso@3 299 </p>
pankso@3 300
pankso@3 301 <!-- End of content with round corner -->
pankso@3 302 </div>
pankso@3 303 <div id="content_bottom">
pankso@3 304 <div class="bottom_left"></div>
pankso@3 305 <div class="bottom_right"></div>
pankso@3 306 </div>
pankso@3 307
pankso@3 308 <!-- Start of footer and copy notice -->
pankso@3 309 <div id="copy">
pankso@3 310 <p>
pankso@67 311 Dernière modification : 2008-06-12 12:00:00 -
pankso@3 312 <a href="#top">Haut de la page</a>
pankso@3 313 </p>
pankso@3 314 <p>
pankso@3 315 Copyright &copy; 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
pankso@3 316 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
pankso@3 317 </p>
pankso@3 318 <!-- End of copy -->
pankso@3 319 </div>
pankso@3 320
pankso@3 321 <!-- Bottom and logo's -->
pankso@3 322 <div id="bottom">
pankso@3 323 <p>
pankso@3 324 <a href="http://validator.w3.org/check?uri=referer"><img
pankso@3 325 src="../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
pankso@3 326 title="Code validé XHTML 1.0"
pankso@3 327 style="width: 80px; height: 15px;" /></a>
pankso@3 328 </p>
pankso@3 329 </div>
pankso@3 330
pankso@3 331 </body>
pankso@3 332 </html>