<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>
    
      Guide en français in Peekko Chat
    
  </title>

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <style type="text/css">
    h1#pageName, .newWikiWord a, a.existingWikiWord, .newWikiWord a:hover, #TextileHelp h3 { 
      color: #FA6F00; 
    }

    #Container, #Content {
      width: 600px;
    }
    #Container {
	float: none;
	margin: 0 auto;
	text-align: center;
}

#Content {
	margin: 0;
	padding: 5px;
	text-align: left;
	border-top: none;
	float: left;
}

body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   13px;
	line-height: 18px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { 
  color: #fff; 
  background-color:#000; 
}

.newWikiWord { background-color: #eee; }
.newWikiWord a:hover { background-color: white; }

h1, h2, h3 { color: #333; font-family: georgia, verdana, sans-serif; }
h1 { font-size: 28px }
h2 { font-size: 19px }
h3 { font-size: 16px }

h1#pageName {
  margin: 5px 0 0;
  padding: 0;
  line-height: 28px;
}

h1#pageName small {
  color: #444;
  line-height: 10px;
  font-size: 10px;
  padding: 0;
}

a.nav, a.nav:link, a.nav:visited { color: #000; }
a.nav:hover { color: #fff; background-color:#000; }

li { margin-bottom: 7px }

.navigation {
  margin-top: 5px;
  font-size : 12px;
  color: #999;
}

.navigation a:hover { color: #fff; background-color:#000; }

.navigation a {
  font-size: 11px;
  color: black;
  font-weight: bold;
}

.navigation small a {
  font-weight: normal;
  font-size: 11px;
}
  
.navOn{
  font-size: 11px;
  color: #444;
  font-weight: bold;
  text-decoration: none;
}

.help {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
}

.inputBox {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  background-color: #eee;
  padding: 5px;
  margin-bottom: 20px;
}

blockquote {
  display: block;
  margin: 0px 0px 20px 0px;
  padding: 0px 30px;
  font-size:11px;
  line-height:17px;
  font-style: italic;  
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
  overflow: auto;
}

ol.setup {
  font-size: 19px;
  font-family: georgia, verdana, sans-serif;
  padding-left: 25px;
}

ol.setup li {
  margin-bottom: 20px
}

.byline {
  font-size: 10px;
  font-style: italic;  
  margin-bottom: 10px;
  color: #999;
}

.references {
  font-size: 10px;
}

.diffdel, del.diffmod {
  background: pink;
}

.diffins, ins.diffmod {
  background: lightgreen;
}

#footer {
  height: 14px;
  padding: .25em 0;
}

#footer p {
  font-size: 10px;
  color: gray;
  font-style: italic;
  margin: 0;
  float: right;
  text-align: right;
}

#error {
  color: #8b0000;
  font-style: italic;
  width: 600px;
}

#info {
  color: #006400;
  font-style: italic;
  width: 600px;
}

#TextileHelp table {
  margin-bottom: 0;
}

#TextileHelp table+h3 {
  margin-top: 11px;
}

#TextileHelp table td {
  font-size: 11px;
  padding: 3px;
  vertical-align: top;
  border-top: 1px dotted #ccc;
}

#TextileHelp table td.arrow {
  padding-right: 5px;
  padding-left: 10px;
  color: #999;
}

#TextileHelp table td.label {
  font-weight: bold;
  white-space: nowrap;
  font-size: 10px;
  padding-right: 15px;
  color: #000;
}

#TextileHelp h3 {
  font-size: 11px;
  font-weight: bold;
  font-weight: normal;
  margin: 0 0 5px 0;
  padding: 5px 0 0 0;
}

#TextileHelp p {
  font-size: 10px;
}

.rightHandSide {
  float: right;
  width: 147px;
  margin-left: 10px;
  padding-left: 20px;
  border-left: 1px dotted #ccc;
}

.rightHandSide p {
  font-size: 10px;
}
 
.newsList {
  margin-top: 20px;
}

.newsList p {
  margin-bottom:30px
}

td {border:thin solid grey;}
table {
   border:  double black;
   border-collapse: collapse;
}

.byline {
  padding-top: 15px;
}

/* Affects the display of "category: ..." */
.property {
  color: grey;
  font-size: 10px;
}

  </style>

  

  <style type="text/css">
    @import url("http://peekko.com/chat/style/chat-feed.css");

.leftHandSide {
  float: left;
  width: 147px;
  margin-left: 10px;
  padding-left: 20px;
}



    .newWikiWord { background-color: white; font-style: italic; }
  </style>

  
  	<link href="http://peekko.com:2500/chat/rss_with_headlines" rel="alternate" title="RSS" type="application/rss+xml" />
  	<link href="http://peekko.com:2500/chat/rss_with_content" rel="alternate" title="RSS" type="application/rss+xml" />
  
</head>

<body>

<div id="Container">
<div id="Content">
  <h1 id="pageName">
    
      <small>Peekko Chat</small><br />
      Guide en français
    
  </h1>








<p><img src="http://peekko.com/chat/images/peekko-logo-smaller.png" align="left"/></p>

<p><strong>Peekko Chat</strong> est une nouvelle extension pour Firefox qui fait de chaque page web un <em>lieu</em> où tout le monde peut se retrouver pour discuter. Elle ajoute à Firefox une barre d'outils  qui indique combien de personnes sont dans le salon de discussion de la page en cours et vous permet de vous connecter instantanément avec elles... </p>

<div class="rightHandSide">
<a class="existingWikiWord" href="Bon+usage+du+chat.html">Bon usage du chat</a><br/>
<a class="existingWikiWord" href="Peekko+sur+votre+site.html">Peekko sur votre site</a><br/>
<a class="existingWikiWord" href="Foire+Aux+Questions.html">Foire Aux Questions</a><br/>
<a class="existingWikiWord" href="Rapporter+un+bug.html">Rapporter un bug</a><br/>
<a class="existingWikiWord" href="Promo+pour+Peekko.html">Promo pour Peekko</a><br/>
</div>

<h2><strong>Démarrez en trois étapes</strong></h2>

<ol>
<li><p>Installez <a href="http://peekko.com/chat/peekko-latest.xpi">Peekko (dernière version)</a> (requis : <a href="http://getfirefox.com">Firefox 1.5</a>).</p></li>
<li><p>Cliquez sur <img src="http://peekko.com/chat/images/peekko16.png" alt="button"/> puis sur "Rejoindre".</p></li>
<li><p>Pas de troisième étape !</p></li>
</ol>

<hr/>

<h2><strong>PRISE EN MAIN</strong></h2>

<h2>Installez</h2>

<p>Installez l'extension sur <a href="http://getfirefox.com">Firefox 1.5</a> en cliquant sur le lien suivant : </p>

<p><a href="http://peekko.com/chat/peekko-latest.xpi">Dernière version de Peekko</a></p>

<p>Redémarrez Firefox pour achever l'installation. Une nouvelle barre d'outils comme celle-ci devrait apparaître...</p>

<p><img src="http://goofy37.perso.cegetel.net/images/Peekkobar1.png" alt="toolbar"/></p>

<h2>Personnalisez</h2>

<p>Cliquez sur le bouton "Options" de la barre d'outils et choisissez une série de pseudos qui vous conviennent.  Si votre pseudo est déjà pris, Peekko utilisera un des pseudos alternatifs.  <strong>Note :</strong> si vous sautez cette étape, vous risquez de vous voir attribuer un pseudo peu sympahique imposé par le générateur de pseudos, du genre : "kurblatz18"... </p>

<p>Voici mes pseudos par exemple :</p>

<p><img src="http://goofy37.perso.cegetel.net/images/Peekkonicks.png" alt="options"/></p>

<h2>Connectez-vous</h2>

<p>Pour voir combien de personnes sont connectées sur une page donnée, cliquez sur "Connexion".  </p>

<p><img src="http://goofy37.perso.cegetel.net/images/Peekkobar2.png" alt="toolbar"/></p>

<p>Sur la capture d'écran nous voyons qu'il y a six personnes dans le salon de discussion.  </p>

<h2>Rejoignez..</h2>

<p>Cliquez sur "Rejoindre" et une fenêtre de chat s'ouvrira au bas de la fenêtre de votre navigateur.  </p>

<p><img src="http://goofy37.perso.cegetel.net/images/Peekkochat0.png" alt="toolbar"/></p>

<p>Vous pouvez cacher cette fenêtre de chat à tout moment en cliquant sur le petit bouton "moins" en haut à droite de la fenêtre de chat, ou en cliquant sur le bouton "Cacher" de la barre d'outils de Peekko.  La fenêtre de chat est également redimensionnable en tirant sur sa barre de titre.  </p>

<p>Pour débuter avec l'extension <strong>Peekko</strong><img src="http://peekko.com/chat/images/peekko16.png" alt="button"/> et en profiter immédiatement, je vous conseillerais de vous connecter au canal #<a href="http://peekko.com">peekko.com</a> .</p>

<h2>Chattez !</h2>

<p>Cliquez sur la zone de saisie située tout en bas de la   fenêtre de chat. Entrez le message que vous voulez envoyer.</p>

<p><img src="http://goofy37.perso.cegetel.net/images/Peekkochat2.png" alt="toolbar"/></p>

<p>Appuyez sur <strong>Entrée</strong> pour envoyer votre message à tous les participants de la discussion en cours.</p>

<p><img src="http://goofy37.perso.cegetel.net/images/Peekkochat3.png" alt="toolbar"/></p>

<h2>Vous y êtes !</h2>

<p>Et voilà.  Vous êtes prêt à chatter avec le reste du monde du ouaibe ;-)</p>

<h2>Choisissez vos couleurs</h2>

<p>Et maintenant vous pouvez également <strong>choisir les couleurs</strong> de votre fenêtre de chat dans le menu Options, onglet "Apparence"</p>

<p><img src="http://goofy37.perso.cegetel.net/images/Peekkocolors.png" alt="toolbar"/></p>

<div class="byline">
  Revised on February 26, 2006 09:53:08 
  by
  <a class="existingWikiWord" href="Goofy.html">Goofy</a>
</div>




</div> <!-- Content -->

</div> <!-- Container -->

</body>
</html>
