Author: romy@tetue.net
Date: Fri Aug 18 21:18:35 2006
New Revision: 4681
Log:
Lexique : passons tout ça en dl dt dd... et regardons si ça marche encore
Modified:
_squelettes_/spip-net-fantastik/habillage.css
_squelettes_/spip-net-fantastik/mot.html
Modified: _squelettes_/spip-net-fantastik/habillage.css
--- _squelettes_/spip-net-fantastik/habillage.css (original)
+++ _squelettes_/spip-net-fantastik/habillage.css Fri Aug 18 21:18:35 2006
@@ -184,14 +184,12 @@
.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }
-.page_mot #conteneur #contenu { width: 50em; }
-.groupe_mot { width: 23%; float: left; margin-right: 1em; font-size: 0.77em; }
+.page_mot #conteneur #contenu { width: 52em; margin: 0 1em; }
+.groupe_mot { width: 21%; float: left; margin: 0 2%; font-size: 0.77em; }
.groupe_mot h2 { margin-top: 3em; font-weight: bold; text-transform: uppercase; background: #B5E192; padding: 3px 5px; -moz-border-radius: 1em; }
-.groupe_mot h3 { font-weight: bold; }
-.groupe_mot ul li { margin-bottom: 1em; }
-.groupe_mot ul li li { margin-bottom: 0; }
-.groupe_mot ul li ul { /*display: none;*/ }
-.groupe_mot ul li:hover ul { display: block; }
+.groupe_mot dl {}
+.groupe_mot dt { font-weight: bold; margin-top: 1em; }
+.groupe_mot dd { margin: 0; padding: 0 0 0.2em 0.5em; }
/* ------------------------------------------
/* Habillage du contenu
Modified: _squelettes_/spip-net-fantastik/mot.html
--- _squelettes_/spip-net-fantastik/mot.html (original)
+++ _squelettes_/spip-net-fantastik/mot.html Fri Aug 18 21:18:35 2006
@@ -8,7 +8,7 @@
<meta name="generator" content="SPIP" />
[<link rel="shortcut icon" href="(#CHEMIN{favicon.ico})" />]
-<link rel="alternate" type="application/rss+xml" title="<:syndiquer_rubrique:>" href="#URL_PAGE{backend,id_rubrique=#ID_MOT}" />
+<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:>" href="#URL_PAGE{backend}" />
<link rel="stylesheet" href="[(#CHEMIN{spip_style.css}|direction_css)]" type="text/css" media="all" />
<link rel="stylesheet" href="[(#CHEMIN{habillage.css}|direction_css)]" type="text/css" media="projection, screen, tv" />
<link rel="stylesheet" href="[(#CHEMIN{impression.css}|direction_css)]" type="text/css" media="print" />
@@ -33,25 +32,23 @@
<div class="groupe_mot">
<h2>#TITRE</h2>
-<ul>
+<dl>
<BOUCLE_mots(MOTS) {id_groupe} {par titre}>
-<li><h3 dir="ltr" lang="fr"><a href='#' class='motcle'>#TITRE</a></h3>
+<dt dir="ltr" lang="fr"><a href="#" class="motcle">#TITRE</a></dt>
-<ul class='masque'>
<BOUCLE_article_fr(ARTICLES){lang=fr}{id_mot}{!par popularite}>
- <li>
+
<BOUCLE_article(ARTICLES){traduction}{lang=#ENV{lang}}>
- <a href="#URL_ARTICLE">#TITRE</a>
+ <dd class="masque"><a href="#URL_ARTICLE">#TITRE</a></dd>
</BOUCLE_article>
- <em dir="ltr" lang="fr"><a href="#_article_fr:URL_ARTICLE">#_article_fr:TITRE</a></em>
+
+ <dd dir="ltr" lang="fr" class="masque"><em><a href="#_article_fr:URL_ARTICLE">#_article_fr:TITRE</a></em></dd>
<//B_article>
- </li>
+
</BOUCLE_article_fr>
-</ul>
-</li>
</BOUCLE_mots>
-</ul>
+</dl>
</div>
</BOUCLE_groupes_mots>
@@ -69,16 +66,16 @@
<script type='text/javascript'><!--
$(document).ready(function(){
var open_item=$('empty');
- $('ul.masque').hide();
+ $('dd.masque').hide();
$('a.motcle').click(function(){
- var ul = $("../../ul",this);
- if (ul.is(":hidden")) {
+ var dl = $("../../dl",this);
+ if (dl.is(":hidden")) {
open_item.slideUp('fast');
- //$('h3+ul:visible').slideUp('fast');
- ul.slideDown("fast");
- open_item=ul;
+ //$('h3+dl:visible').slideUp('fast');
+ dl.slideDown("fast");
+ open_item=dl;
}
- else ul.slideUp("fast");
+ else dl.slideUp("fast");
return false;
});
});