ParisCarnet Les Archives: WikiDesignParisCarnet

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.

Ajouté: 23a5

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.

Modifié: 25,38c7,182

http://gdst1.9li.net mp3播放器

http://gdst2.9li.net mp4播放器

http://gdst3.9li.net 北京网站建设

http://gdst4.9li.net 北京租房

http://gdst5.9li.net 别墅

http://gdst6.9li.net 补品

http://gdst7.9li.net 厂房出租厂房出售

http://gdst8.9li.net 电脑切换器

http://gdst9.9li.net 电梯

http://gdst10.9li.net 飞机票

http://gdst12.9li.net 工艺品

http://gdst11.9li.net 商务礼品

http://gdst13.9li.net 光触媒

http://gdst14.9li.net 国际机&#31080

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 ?

[[toc]Index Page]
===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 :
* {LogoParisCarnet} pour mettre un logo...
* {WikiName} nom du wiki
* {PageName} nom page
* {PageTitleComment} commentaire titre page
* {Insert:SiteName} insérer non site
* {LinkBarTextHor} ou {LinkBarTextVer} (barre de liens horizontale ou verticale)
* {EditBar} barre édition
* {WikiCopyRight} information copyright
* {DateLastChange} date dernières modifications
* {PageText} contenu page

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 =

<pre>
<!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">

</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>

{PageTitleComment}

{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">{WikiCopyright}</font>
</td><td align=right valign=top width=50%>
<font face="Verdana,Geneva,Arial,Helvetica" size="2" color="#cccccc">{DateLastChange}</font>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html>
</pre>

=== Gabarit avec barre verticale=

<pre>
<!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>
{PageTitle}</font>
<font size=-1>{PageTitleComment}</font>
</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>
</pre>

Bonjour amitiés à tous les amateurs de bières du ParisCarnet.

Index Page

Pour les mordus de code : règle du jeu

Code du Gabarit actuel du wiki ParisCarnet

Gabarit avec barre verticale

Pour les mordus de code : règle du jeu

Pour faire court, le design de votre gabarit est ici

{LogoParisCarnet} pour mettre un logo...
{WikiName} nom du wiki
{PageName} nom page
{PageTitleComment} commentaire titre page
{Insert:SiteName} insérer non site
{LinkBarTextHor} ou {LinkBarTextVer} (barre de liens horizontale ou verticale)
{EditBar} barre édition
{WikiCopyRight} information copyright
{DateLastChange} date dernières modifications
{PageText} contenu page

Ne vous inquiétez pas sur la mise en place du gabarit dans la page Context

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">&nbsp;</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">&nbsp;</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">&nbsp;</td>
<td valign="top">{PageText}</td></tr>
<tr>
<td>&nbsp;</td>
<td bgcolor="#e7e7e7" height="35">&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body></html>