Fermer

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

new!

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 : 34228
Envois par mail : 546

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

54 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Noos
Opérateur cablé vraiment bon pour la TV, peut-etre un peu moins pour le net. Des bonnes offres cependant.
http://www.noos.fr/

Cat : Haut débit
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

55705 membres
8509 comptes CountUs
1509 comptes myCircle

LES FORUMS :

14 forums
39333 topics
189145 messages
>> Les forums

SONDAGE

La mini-astuce "PHP / mySQL" du jour par unreal
Afin d'éviter de toujours devoir mettre des antislash '\' dans son code HTML à l'interieur de sa page PHP, vous pouvez utiliser la fonction addslashes qui les ajoutent automatiquement! http://ca2.php.net/manual/fr/function.addslashes.php
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi