Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Liens en boutons, avec rollover

Script posté par :

krucial - (Site : L'éditeur JavaScript)
Vous aussi, postez vos scripts en cliquant ici.

Description

Ce code CSS (et non JavaScript) va vous permettre de transfomer vos liens en Boutons, avec un effet de rollover au passage de la souris.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 4 et +

Chiffres :

Date de création : 2/10/2006
Dernière modif : -
Visites de la page : 35385
Envois par mail : 552

Exemple :

Editeur Javascript Vacanceo Webmastravel

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De jvasse - le 28-03-2008

comment mettre les boutons en suite à l'horizontale...
ils apparaissent actuellement les uns au dessus des autres
qui peut m'aider ?

De artiste_tonio - le 19-05-2008

Voici un exmple en réponse au commentaire précédant:
______________________________________________________

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<HTML>
<HEAD>
<STYLE>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 200px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}

</STYLE>
</HEAD>
<BODY>
<div class="link">
<A class="bouton" href="http://www.editeurjavascript.com/">Editeur Javascript</A>
<A class="bouton" href="http://www.editeurjavascript.com/">Editeur Javascript</A>
<A class="bouton" href="http://www.editeurjavascript.com/">Editeur Javascript</A>
</div>

</BODY>
</HTML>

Cordialement,
Artiste_Tonio

>> Poster une annotation sur ce script

5 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Sivit
Un des leaders du serveur dédié en France.
http://www.sivit.fr

Cat : Serveurs dédiés
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

56132 membres
8374 comptes CountUs
1541 comptes myCircle

LES FORUMS :

14 forums
39396 topics
189315 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par caaptusss
Outlook express et Office recelle une option très utile : Les règles de messages. Elles vous permettent lorsque vous recevez beaucoup de messages d'un seul expéditeur, de les classer dans des dossiers prédéfinis ou que vous avez créé. Utile lorsque l'on veux s'y retrouver dans les mails ;-)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi