Accueil | Publications | Écrire à plusieurs | Mots qui rient | Carterie | Expositions | Tremplin aux idées | Annonces | Cadeaux

Les meilleurs scripts du site

Texte défilant vertical
Alphabet pour la recherche
Boîte déroulante
Signal lors du clic droit de la souris

Texte défilant vertical

Javascript
CSS
Valide W3C
Compatible sous IE, Firefox, Opéra, Netscape

Exemple : Page d'accueil

Javascript

Entre

et

:

À l'endroit du script :
(Remplacez les xxx par vos propres coordonnées)

CSS

(Remplacez les xxx par vos propres coordonnées)

Réalisation des images

On se sert de deux images :

Image supérieure de la boîte

Celle du haut servira de chapeau. Elle a la même longueur que celle de la boîte du texte défilant et les mêmes tons que l'image de fond de la boîte du texte défilant.
Le fond de la boîte (voir dans le CSS "background-image"), a été réalisé en dégradé de deux teintes, ce qui donne du volume à la boîte.

Retour haut de page

Alphabet pour la recherche

CSS
Valide W3C
Compatible sous IE, Firefox, Opéra, Netscape

Exemple : La pensée du jour

Sur votre page

<table>
  <tr>
    <td><a href="#a"> A </a></td>
    <td><a href="#b"> B </a></td>
    <td><a href="#c"> C </a></td>
    <td><a href="#d"> D </a></td>
    <td><a href="#e"> E </a></td>
    <td><a href="#f"> F </a></td>
    <td><a href="#g"> G </a></td>
    <td><a href="#h"> H </a></td>
    <td><a href="#i"> I </a></td>
    <td><a href="#j"> J </a></td>
    <td><a href="#k"> K </a></td>
    <td><a href="#l"> L </a></td>
    <td><a href="#m"> M </a></td>
    <td><a href="#n"> N </a></td>
    <td><a href="#o"> O </a></td>
    <td><a href="#p"> P </a></td>
    <td><a href="#q"> Q </a></td>
    <td><a href="#r"> R </a></td>
    <td><a href="#s"> S </a></td>
    <td><a href="#t"> T </a></td>
    <td><a href="#u"> U </a></td>
    <td><a href="#v"> V </a></td>
    <td><a href="#w"> W </a></td>
    <td><a href="#x"> X </a></td>
    <td><a href="#y"> Y </a></td>
    <td><a href="#z"> Z </a></td>
  </tr>
</table>
<div id="blocmenu">
<a name="a"></a>
<h6>A</h6>
<a href="aAxxx">Axxx</a><br />
<a name="b"></a>
<h6>B</h6>
<a href="#bxxx">Bxxx</a><br />
<a name="c"></a>
<h6>C</h6>
<a href="#cxxx">Cxxx</a><br />

</div>
<div id="bloctexte">
<a name="axxx"><b>Axxx</b></a>
<ul>
  <li>xxx</li>
  <li>xxx</li>
  <li>xxx</li>
</ul>
<a name="bxxx"><b>Bxxx</b></a>
<ul>
  <li>xxx</li>
  <li>xxx</li>
  <li>xxx</li>
</ul>
<a name="cxxx"><b>Cxxx</b></a>
<ul>
  <li>xxx</li>
  <li>xxx</li>
  <li>xxx</li>
</ul>

</div>

CSS

(Remplacez les xxx par vos propres coordonnées)

Retour haut de page

Boîte déroulante

Javascript
CSS
Valide W3C
Compatible sous IE, Firefox, Opéra, Netscape

Exemple : Agenda culturel

Javascript

Entre

et

:

Sur votre page

À l'endroit du script :
(Remplacez les xxx par vos propres coordonnées)

CSS

(Remplacez les xxx par vos propres coordonnées)

Retour haut de page

Signal lors du clic droit de la souris

Signal Protected

Javascript
Valide W3C
Compatible sous IE, Firefox, Opéra, Netscape

Javascript

Entre

et

:

Retour haut de page

Contact: "nikibar.com" [Page d'Accueil] [Retour à la page précédente]