website annotate fr/artwork/index.html @ rev 369

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