Créer un menu verticale a partir d’une liste a puce, cela peut s’avéré très pratique si on veut créer se genre de menu sans avoir recours aux images et aux tableaux. Ce qu’il faut pour ça : Une liste a puce

menu 1
menu 2
menu 3

Et un petit peu de style

Ce que nous allons faire maintenant c’est de redéfinir l’aspect de ces balises li et ul 1. supprimer les puces :

list-style-type: none; 

2. supprimer les marges :

margin: 0px;
padding: 0px;

Bien sur avec de la mise en forme pour la forme finale et c’est fini :

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    li {
    background-color: #FFCC00;
    display: block;
    padding: 3px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    }
    Li:hover {
    background-color: # 000000;
    display: block;
    padding: 3px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #FFCC00;
    font-family: Arial, Helvetica, sans-serif;
    } 

Technorati Tags: css, html, list, menu

Le site communitymx (www.communitymx.com) est ouvert a tous.

Tout les tutoriaux et articles (environ 1400) sont disponibles gratuitement.  Faites vite, car cette session appelée "Open House Week" s'expirera

 SELECT a.id_art, a.title_art, LEFT(a.text_art,150) AS text_art, a.date_art FROM table_article a

cela va afficher automatiquement les 150 premier caractères  sinon si vous voulez toujours utilisé l'autre methode avec function :

   function tronq($texte,$max_char,$end_char){  if (strlen($texte)>$max_char){  $texte = substr($texte, 0, $max_char);  $position_espace = strrpos($texte, " ");  $texte = substr($texte, 0, $position_espace);  $texte .= $end_char;  }  return $texte;  }

Technorati Tags: mysql, php

voici une extension trés pratique pour les référenceurs et les webmasters, elle affiche tout simplement dans une infos bulle (tooltip) le rank et le nombres de liens d'un lien sur 3 moteurs de recherche (Google, Yahoo et MSN).

Elle est compatible avec FireFox 1.0 et 1.5

Télécharger CEO link

Technorati Tags: extention, firefox, seo

le trucs est simple

  html, body {
  height: 100%;
  }
 
  #zone{
  display:block;
  text-align:left;
  background-color: #292929;
  width: 770px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  }

ça c'est pour le style, maintenant dans la page vous mettez simplement une balise DIV avec zone comme id :

 <div id="zone"></div>

Technorati Tags: css, html

Mon premier blog sur mutationevent.
Bonne Année 2006.