Wiki Design Paris Carnet
Bonjour amitiés à tous les amateurs de bières du ParisCarnet.
Vous le savez sans doute : l'un des grands inconvénients reprochés aux wikis par rapport aux blogs et carnets web... les blogs sont mignons et les wikis sont laids. Une assertion pas toujours fondée, mais avouons que beaucoup de wikis ont trop tendance à se confondre. La menace a été évoquée sur  CommunityWiki:LesWikisSontLaids.
Sur cet espace, nous pourrions penser à allouer au wiki de ParisCarnet un gabarit de page qui contribue enfin à ne plus le confondre non seulement avec les autres wikis du FractalWiki, mais aussi avec tous les autres wikis qui prolifèrent dans la wikiboule.
La proposition est simple : concevoir un gabarit plus en cohérence avec l'image de ces rencontres. Logo, visuel de Guiness, à vous de jouer ! N'étant pas expert pour concevoir un design original sans tableaux, je vous propose donc un petit coup de main pour connaître ou implémenter la technique wiki des gabarits et de la WikiContextualisation. Occasion pour les blogueurs de défier les wikistes ?
Pour les mordus de code : règle du jeu  Pour faire court, le design de votre gabarit est ici  http://www.wikiservice.at/fractal/template_buecher.txt. On peut très rapidement le modifier en modifiant la page FR/ParisCarnet/Context. J'ai déposé des exemples en bas de page... Aussi, si vous vous sentez l'âme durant cette période estivale pour reconstruire un gabarit plus mignon, il vous faut simplement placer 10 variables placées entre accolades dans le gabarit :
Ne vous inquiétez pas sur la mise en place du gabarit dans la page Context . Je me tiens tout prêt avec l'aide d'HelmutLeitner à vous aider pour mieux contextualiser votre wiki. Faites-moi part de vos réactions et n'hésitez pas à déposer vos propositions sur une nouvelle page comme WikiDesignPropositionPourParisCarnet qui intègre le HTML.
Code du Gabarit actuel du wiki ParisCarnet
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<TITLE>{WikiName}: {PageName}</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
xbackground: #002266;
color: black;
}
form {
color: black;
font-family: Courier New, monospace;
font-size: 10pt;
}
.wikibar {
background: #002266;
color: black;
}
.border {
background: #cccccc; color: white;
}
.wiki {
font-family: verdana, arial, sans-serif;
font-size: 13pt;
text-decoration: none;
color: #cccccc;
}
.navbar {
background: #eeeeee;
color: black;
font-family: verdana, arial, sans-serif;
font-size: 10pt;
}
.title {
font-family: MS Comic Sans,verdana,arial,sans-serif;
font-size: 19pt; line-height: 21pt;
font-weight: 600;
margin-bottom: 0pt;
}
a.title {
font-family: MS Comic Sans,verdana,arial,sans-serif;
font-size: 19pt; line-height: 21pt;
font-weight: 600;
margin-bottom: 0pt;
}
span.title {
font-family: MS Comic Sans,verdana,arial,sans-serif;
font-size: 19pt; line-height: 21pt;
font-weight: 600;
margin-bottom: 0pt;
}
.content {
background: white;
xtext-align: justify;
color: black;
font-family: verdana, arial, sans-serif;
font-size: 10pt;
}
td {
font-family: verdana, arial, sans-serif;
font-size: 10pt;
}
h1, h2, h3, h4, h5, h6 {
font-family: verdana, arial, sans-serif;
}
.h6 { font-family: verdana, arial, sans-serif; font-size:19pt; font-weight:500; }
.h5 { font-family: verdana, arial, sans-serif; font-size:16pt; font-weight:500; }
.h4 { font-family: verdana, arial, sans-serif; font-size:14pt; font-weight:500; }
.h3 { font-family: verdana, arial, sans-serif; font-size:12pt; font-weight:700; }
.h2 { font-family: verdana, arial, sans-serif; font-size:10pt; font-weight:700; }
.h1 { font-family: verdana, arial, sans-serif; font-size:9pt; font-weight:700; }
.submitbuttons {
font-family: verdana, arial, sans-serif;
text-align: right;
}
//-->
</style>
</head>
<body background="/image/bg_002266.gif">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td class="border">
<table cellpadding="5" cellspacing="4" border="0" width="100%">
<tr><td class="wikibar"><span class="wiki">{Insert:SiteName}</span></td></tr>
<tr><td class="navbar"><span class="nav">{LinkBarTextHor}</span></td></tr>
<tr><td valign=top align=left class="content">
<table cellpadding=35 width=100%>
<tr><td class="content">
<p>
<span class="title">{PageTitle}</span><br>
<b>{PageTitleComment}</b><br>
{PageText}
</td></tr>
</table>
</td></tr>
<tr><td class="wikibar"> </td></tr>
<tr><td class="navbar"><span class="nav">{LinkBarTextHor}</span></td></tr>
<tr><td class="navbar">{EditBar}</td></tr>
</table>
</td></tr>
<tr><td valign=top>
<table align=left border=0 cellspacing=0 cellpadding=0 width=100%>
<tr><td align=left valign=top width=50%>
<font face="Verdana,Geneva,Arial,Helvetica" size="2" color="#cccccc"><b>{WikiCopyright}</b></font>
</td><td align=right valign=top width=50%>
<font face="Verdana,Geneva,Arial,Helvetica" size="2" color="#cccccc"><b>{DateLastChange}</b></font>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html>
Gabarit avec barre verticale
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>{WikiName}: {PageName}</title>
</head><body>
<table border=0 cellpadding=4 cellspacing=0>
<tr>
<td align="right">{LogoDec}</td><td width="10" bgcolor="#e7e7e7"> </td>
<td valign="bottom"><font size=6><br><b>{PageTitle}</b></font><br><font size=-1><b>{PageTitleComment}</b></font><br></td>
</tr>
<tr>
<td align="right" valign="top">{LinkBarTextVer}</td>
<td bgcolor="#e7e7e7"> </td>
<td valign="top">{PageText}</td></tr>
<tr>
<td> </td>
<td bgcolor="#e7e7e7" height="35"> </td>
<td> </td>
</tr>
</table>
</body></html>
|
wiki abandonné
Le site officiel (wiki)
