C'est que du copier/coller des codes du site, j'y connais rien en html :-)
Juste enregistrer le fichier html et l'ouvrir avec son navigateur

test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Script-Type" content="text/javascript"/>
    <meta http-equiv="Content-Style-Type" content="text/css"/>
    <meta http-equiv="Content-Language" content="fr"/>
    <title>toto - Documentation Ubuntu Francophone</title>
    <meta name="Description" content="Documentation francophone pour la distribution Ubuntu" lang="fr" />
    <meta name="language" content="fr-FR" />
 
    <!--[if IE 8]>
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <![endif]-->
        <meta name="generator" content="DokuWiki"/>
<meta name="robots" content="noindex,follow"/>
<meta name="date" content="1970-01-01T01:00:00+0100"/>
<meta name="keywords" content="toto"/>
<link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="Documentation Ubuntu Francophone"/>
<link rel="start" href="/"/>
<link rel="contents" href="/toto?do=index" title="Index"/>
<link rel="alternate" type="application/rss+xml" title="Recent Changes" href="/feed.php"/>
<link rel="alternate" type="application/rss+xml" title="Current Namespace" href="/feed.php?mode=list&amp;ns="/>
<link rel="edit" title="Modifier cette page" href="/toto?do=edit"/>
<link rel="alternate" type="text/html" title="Plain HTML" href="/_export/xhtml/toto"/>
<link rel="alternate" type="text/plain" title="Wiki Markup" href="/_export/raw/toto"/>
<link rel="stylesheet" media="screen" type="text/css" href="/lib/exe/css.php?t=ubuntu-2010&amp;tseed=1329167560"/>
<link rel="stylesheet" media="all" type="text/css" href="/lib/exe/css.php?s=all&amp;t=ubuntu-2010&amp;tseed=1329167560"/>
<link rel="stylesheet" media="print" type="text/css" href="/lib/exe/css.php?s=print&amp;t=ubuntu-2010&amp;tseed=1329167560"/>
<script type="text/javascript"><!--//--><![CDATA[//><!--
var NS='';var SIG='--- //[[:utilisateurs:bob|bob]] Le 03/08/2012, 17:34//';var JSINFO = {"id":"bob","namespace":""};
//--><!]]></script>
<script type="text/javascript" charset="utf-8" src="/lib/exe/js.php?tseed=1329167560"></script>
    <link rel="shortcut icon" href="http://www-static.ubuntu-fr.org/theme2010/images/commun/ubuntu/icone.png" type="image/x-icon" />
    <link rel="apple-touch-icon" href="http://www-static.ubuntu-fr.org/theme2010/images/commun/ubuntu/touch-ico.png" />
 
    <link rel="stylesheet" media="screen" type="text/css" title="Design Ubuntu-fr" href="http://www-static.ubuntu-fr.org/theme2010/css/doc.css" />
    <link rel="stylesheet" media="screen" type="text/css" title="Design Ubuntu-fr" href="http://www-static.ubuntu-fr.org/theme2010/css/doc-ubuntu.css" />
    <link rel="stylesheet" media="print" type="text/css" title="Design Ubuntu-fr" href="http://www-static.ubuntu-fr.org/theme2010/css/doc-print.css" />
 
    <script type="text/javascript">
      var menu_hidden;
      var static_url = "UFR_STATIC";
    </script>
    <script src="http://www-static.ubuntu-fr.org/theme2010/js/menu.js" type="text/javascript"></script>
    <script src="http://www-static.ubuntu-fr.org/theme2010/js/common.js" type="text/javascript"></script>
  </head>
  <body>
 
    <div id="accessibar">
      <a href="#main" tabindex="1">Contenu</a> | <a href="#qsearch__in" tabindex="2">Rechercher</a> | <a href="#navigation" tabindex="3">Menus</a>
    </div>
 
    <div id="page">
 
      <div id="header">
 
        <div id="logo">
          <h1>Ubuntu-fr</h1>
          <a href="/" title="Accueil de la documentation">Communauté francophone d'utilisateurs d'Ubuntu</a>
        </div>
 
        <form action="http://ubuntu-fr.org/recherche" accept-charset="utf-8" id="search" onsubmit="if (document.getElementById('qsearch__in').value == 'Recherche rapide....') {document.getElementById('qsearch__in').value = '';}">
          <fieldset>
            <label for="qsearch__in">Recherche : </label><input type="text" value="Recherche rapide...." id="qsearch__in" accesskey="f" name="sk_q" alt="[F]" size="34" tabindex="4" />
            <label for="tsearch_field">Chercher dans : </label><select name="sk_engine" tabindex="5" id="tsearch_field" title="Chercher dans">
              <option value="all">Site</option>
              <option selected="selected" value="doc">Documentation</option>
              <option value="forum">Forum</option>
              <option value="planet">Planet</option>
            </select>
            <input type="submit" value="ok" class="button" alt="Lancer la recherche" tabindex="5" />
          </fieldset>
        </form>
        <!--[if lte IE 7]><div class="clear"></div><![endif]-->
 
        <div id="login">
Connecté en tant que : Bob (bob) / <form class="button btn_logout" method="get" action="/bob"><div class="no"><input type="hidden" name="do" value="logout" /><input type="hidden" name="sectok" value="1ea89be36ff762d66edf86282905bb1a" /><input type="submit" value="Déconnexion" class="button" title="Déconnexion" /></div></form>        </div>
 
 
      </div>
 
      <div id="navbar">
          <h2 id="pagetitle"><a href="/toto" >toto</a></h2>
      </div>
 
 
      <div id="main" class="dokuwiki">
 
        <div id="hidemenu" title="Masquer le menu"></div>
 
        <div id="pagerror"></div>
 
<h1 class="sectionedit1"><a name="cette_page_n_existe_pas_encore" id="cette_page_n_existe_pas_encore">Cette page n&#039;existe pas encore</a></h1>
<div class="window">
<span class="close">&#10005;</span><h3>doc@ubuntu-fr.org:~</h3>
<p>doc@ubuntu-fr.org:~$ cat toto<br/>
La page toto n'existe pas encore<br/>
<br>
doc@ubuntu-fr.org:~$ Vous avez suivi un lien vers une page qui n'existe pas encore.</br>
Si vos droits sont suffisants, voulez-vous créez cette page o/N ?<blink>&#9608;</blink></p>
 
</div>
<div class="level1">
 
 
 
</div>
 
<!-- cachefile /srv/www/doc.ubuntu-fr.org/htdocs/data/cache/3/36b8c356f3b1fbd97655307088f5aa88.xhtml used -->
 
        <br style="clear:both;" />
        <div id="pageinfo">
            <!-- Connecté en tant que : Bob (bob) | bob@nawak.org | -->
                        <br />
            Le contenu de ce wiki est sous licence : <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr" rel="license" target="_blank">CC BY-SA v3.0</a>
        </div> 
      </div>
 
 
      <div id="navigation">
 
        <ul>
          <li class="menu"><a href="http://www.ubuntu-fr.org" class="title" id="menu-accueil"><span>Accueil</span></a></li>
          <li class="menu" id="active">
            <a href="/"  class="title" id="menu-doc"><span>Documentation</span></a>
            <ul>
              <li id="navWiki" class="cat">
                <h2>Actions</h2>
                <ul>
                  <li><a href="/toto?do=index"  class="action index" accesskey="x" rel="nofollow" title="Index [X]">Index</a></li>
                  <li><a href="/toto?do=edit&amp;rev="  class="action create" accesskey="e" rel="nofollow" title="Créer cette page [E]">Créer cette page</a></li>
                  <li><a href="/toto?do=revisions"  class="action revs" accesskey="o" rel="nofollow" title="Anciennes révisions [O]">Anciennes révisions</a></li>
                  <li></li>
                  <li><a href="/toto?do=recent"  class="action recent" accesskey="r" rel="nofollow" title="Derniers changements [R]">Derniers changements</a></li>
                  <li><a href="/toto?do=backlink"  class="action backlink" rel="nofollow" title="Liens vers cette page">Liens vers cette page</a></li>
                  <li><a href="/toto?do=subscribe"  class="action subscribe" rel="nofollow" title="S&#039;abonner à la page">S'abonner à la page</a></li>
                  <li></li>
                  <li></li>
                </ul>
              </li>
              <li id="navDivers" class="cat">
                <h2>Divers</h2>
                <ul>
                  <li><a href="/wiki/participer_wiki" class="wikilink1" title="wiki:participer_wiki">Participer à la documentation</a></li>
                  <li><a href="/documentation_hors_ligne" class="wikilink1" title="documentation_hors_ligne">Documentation hors ligne</a></li>
                  <li><a href="http://www.ubuntu-fr.org/telechargement" title="T&eacute;l&eacute;charger Ubuntu">T&eacute;l&eacute;charger Ubuntu</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="menu"><a href="http://forum.ubuntu-fr.org"  class="title" id="menu-forum"><span>Forum</span></a></li>
          <li class="menu"><a href="http://planet.ubuntu-fr.org"  class="title" id="menu-planet"><span>Planet</span></a></li>
        </ul>
 
      </div>
      <div id="references-ufr">
        <ul id="legal-ufr">
          <li><a href="http://www.ubuntu-fr.org/contacts">Contact</a></li><li><a href="http://www.ubuntu-fr.org/ressources">Ressources</a></li><li><a href="http://www.ubuntu-fr.org/licences">Licences</a></li>
        </ul>
 
        <ul id="sponsors-ufr">
          <li><a href="http://www.dokuwiki.org/dokuwiki" id="dokuwiki">Propulsé par Dokuwiki</a></li>
        </ul>
      </div>
 
    </div>
    <!-- $Id$ -->
 
    <!-- Piwik Image Tracker -->
    <img src="http://piwik.infra.ubuntu-fr.org/piwik.php?idsite=2&amp;rec=1" style="border:0" alt="" />
    <!-- End Piwik -->
 
 
 
<style type="text/css">
.window {
margin:20px 0;
width:600px;
position:relative;
}
 
.window h3 {
font-family:ubuntu;
display:block;
border:1px solid #ADA9A5;
border-bottom: 2px solid #353431;
margin:0;
padding:5px 0 4px 45px;
font-size:14px;
color: #DFDBD2;
border-radius: 8px 8px 1px 1px;
-moz-border-radius: 8px 8px 2px 2px;
background: #575651; /* old browsers */
background: -moz-linear-gradient(top, #575651 0%, #3C3B37 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575651), color-stop(100%,#3C3B37)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575651', endColorstr='#3C3B37',GradientType=0 ); /* ie */
 
}
.window p {
display:block;
margin:0;
padding:5px 5px 150px 5px;
border:1px solid #ADA9A5;
border-top:0;
font-family:monospace;
font-size:10pt;
background-color:#37102A;
color:white;
}
.window .close {
-moz-border-radius: 100%;
border-radius: 100%;
background-position: center center;
background-image: radial-gradient(center
 45deg, circle closest-corner, #E55E23 0%, #F78F68 100%);
background-image: -moz-radial-gradient(center
 45deg, circle closest-corner, #E55E23 0%, #F78F68 100%);
background-image: -webkit-gradient(radial, center center,
 125, center center, 250, from(#E55E23), to(#F78F68));
position:absolute;
height:15px;
width:15px;
top:8px;
left:10px;
font-family:ubuntu;
font-size:10px;
text-align:center;
color:#3C3B37;
background-color:#E0520A;
line-height:13px;
}
 
</style>
  </body>
</html>
  • utilisateurs/fabux/brouillons/test_term.txt
  • Dernière modification: Le 03/08/2012, 18:02
  • par fabux