Wikini

TestRawHTML

PagePrincipale :: DerniersChangements :: DerniersCommentaires :: ParametresUtilisateur :: Vous êtes ec2-18-234-236-14.compute-1.amazonaws.com
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html>


<head>
<title>Maquette WikiSem?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
body { font-family: Helvetica; font-size: 90%; }

/*
Menu
*/ #menu { font-size: 80%; margin-left: 5%; background-color: ; border-left: 4px outset; border-bottom: 0px outset; width: 15%; margin-left: 82%; padding: 0.7%; }
/*
*/ #menu ul { margin: 0; padding: 0; margin-left: 2%; }
#menu li { margin-left: 9%; padding: 0; }
#menu li li { margin-left: 8% ; padding-left: 1%; }
#menu h2 { margin-top: 4%; margin-bottom: 0.5%; }
#copyright { padding: 3%; border-top: 1px inset; }
.selected { color:red; text-decoration:underline; }

/*
Objet
*/ #objet { float: left; width: 80%; border-top: 4px outset; }
/*
*/ #objet h2 { font-style: bold; }
#id { float:right; width:20%; margin: 2%; font-size: 100%; color: #ccccdd; text-align: right; border: none; }
#id a { color: #ccccdd; }
#type { margin:2%; width:70%; }
.type { font-size:70%; }

.propriete { clear:both; margin: 2%; }
.page { border:1px dashed; }
.footer { border:1px dashed; }
.commentsheader { border:1px dashed; }

.page, .footer, .commentsheader { clear: both; width: 100%; padding:0.2% 0% 0.2% 0%; }

#menu_objet { clear:both; background-color: pink; border: 1px solid; margin: 2%; }
#menu_objet .menu_suj { width:8%; font-size:80%; }
#menu_objet .menu_prop { width:8%; font-size:80%; background-color:yellow; }
#menu_objet .champ_val { width:78% }
#menu_objet p { margin: 0px; padding: 0.3em; }

#environ { background-color: pink; border-top: 4px solid; border-bottom: 5px solid; margin: 2%; }
#environ h3 { background-color: gray; margin: 0px; padding: 0.3em; }
#environ p { padding: 0.3em; }

/*.obj { background:transparent url('http://i.a.cnn.net/cnn/.element/img/1.0/misc/icon.external.links.gif') 100% 10% no-repeat;
padding-right:25px; }*/


@media screen {
.obj { background:transparent url('http://i.a.cnn.net/cnn/.element/img/1.0/misc/icon.external.links.gif') 100% 10% no-repeat;
padding-right:25px; }
}

@media print {
.obj { text-decoration: none; }
.obj:after { text-decoration: none; content:" *"; }
}


</style>
</head>


<body>


<h1>WikiSem?.net</h1>

<!-- Objet -->
<div id="objet">


<h1 id="id">Identifiant de l'objet : <a href="#">a</a></h1>


<h1 id="type"><a href="#" class="obj">
WikiNi</a> <span class="type">(<a href="#" class="obj">logiciel</a>, <a href="#" class="obj">outil collaboratif</a>)</span>
</h1>


<div class="propriete">










<div class="commentsheader">
Il y a 3 métadonnées relatives à cette déclaration.
[<a href="#">Afficher les métadonnées/formulaire</a>]
</div>

<div class="footer">
Métadonnées automatiques : <a href="#" title="Dernières modifications sur cette page.">2004-04-22 15:01:24</a> ::
Propriétaire : <a href="http://www.wikini.net/wakka.php?wiki=CharlesNepote">CharlesNepote</a>
</div>

</div>


<div class="propriete">
<p class="entete"><a href="#" class="obj">Auteur</a></p>
<div class="page">
<p class="action_declaration"><a href="#" title="éditer cette déclaration." >[modifier]</a></p>
<a href="#" class="obj">Hendrick Man</a>, <a href="#" class="obj">David Delon</a>
</div>
</div>


<div class="propriete">
<p class="entete"><a href="#" class="obj">License</a></p>
<div class="page">
<p class="action_declaration"><a href="#" title="éditer cette déclaration." >[modifier]</a></p>
<a href="#" class="obj">Licence GPL</a>
</div>
</div>

<!-- <hr style="color: red;" /> -->


<!-- menu objet -->
<div id="menu_objet">
<form action="#" method="get">
<p>
Ajouter une déclaration dont <a href="#">WikiNi</a> est le sujet (assistant) :<br />
<a href="#">WikiNi</a>
->
<input type="hidden" name="wiki" value="propriete" />
<select name="property" class="menu_prop" />
<option>...</option>
<option>auteur</option>
<option>commentaire</option>
<option>est définit par</option>
<option>label</option>
<option>licence</option>
<option>mode</option>
<option>type</option>
<option>voir également</option>
</select>
->
<input name="property" class="champ_val" />
</p>
</form>
</div>

<!--

-->
<!-- menu objet -->
<div id="menu_objet">
<form action="#" method="get">
<p>
Ajouter une déclaration dont <a href="#">WikiNi</a> est l'objet (assistant) :<br />
<input type="hidden" name="wiki" value="propriete" />
<select name="property" class="menu_suj" />
<option>...</option>
</select>
->
<input type="hidden" name="wiki" value="propriete" />
<select name="property" class="menu_prop" />
<option>...</option>
<option>utilise</option>
<option>est équivalent à</option>
<option>est différent de</option>
</select>
->
<a href="#">WikiNi</a>
</p>
</form>
</div>

<!--

--> <div id="environ">

<h3>Environnement <a href="#" style="text-decoration:none;">[-/+]</a></h3>

<p>
Autres logiciels : <a href="#" class="obj">...</a>, <a href="#" class="obj">...</a>
</p>
<p>
Autres outils collaboratifs : <a href="#" class="obj">...</a>, <a href="#" class="obj">...</a>
</p>
<p>
Propriétés possibles de cet objet :
<ul>
<li>En tant qu'objet : <a href="#" class="obj">commentaire</a>, <a href="#" class="obj">est définit par</a>, <a href="#" class="obj">label</a>, <a href="#" class="obj">type</a>, <a href="#" class="obj">voir également</a></li>
<li>En tant que logiciel : <a href="#" class="obj">auteur</a>, <a href="#" class="obj">licence</a>, <a href="#" class="obj">...</a></li>
<li>En tant qu'outil collaboratif : <a href="#" class="obj">mode</a>, <a href="#" class="obj">...</a></li>
</ul>
</p>
<p>
Cartographie :
<ul>
<li><a href="#" class="obj">Objet</a> --> <a href="#" class="obj">Produit</a> --> <a href="#" class="obj">Logiciel</a> --> <a href="#" class="obj">WikiNi</a></li>
<li><a href="#" class="obj">Objet</a> --> <a href="#" class="obj">Outil</a> --> <a href="#" class="obj">Outil collaboratif</a> --> <a href="#" class="obj">WikiNi</a></li>
</ul>
</p>

</div>
<!-- /menu objet -->

</div>
<!-- /Objet -->


<!-- Menu général -->
<div id="menu">

<h2>Objet</h2>
<ul>
</ul>
<h2>Outil</h2>
<ul>
</ul>
<h2>Utilisateur</h2>
<ul>
</ul>

<p id="copyright">
<a href="http://validator.w3.org/check/referer">XHTML 1.0 valide ?</a> ::
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS valide ?</a> ::
-- Maquette <a href="#">WikiSem?</a> "Orandre" 2004-09-03 18:00
</p>
<!-- /Menu général -->


</body>
</head>
Il n'y a pas de commentaire sur cette page. [Afficher commentaires/formulaire]