L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
104601 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     L'écriteau
     Faro-dessing
     Gifs animés, f...
     Netsources
     Easy-script.com
     Trucs et astuc...
     Je javascript
     Créer son site...
     Les autres
     Votre site ici ?


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


Le code :

Entre <HEAD> et </HEAD> :


Entre <BODY> et </BODY> :


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

Wilogo.com - Création Logo Entreprise

     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

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
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
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 21/11/2008 15:17:35 | Design by Studcrea | Gen. en 0.441 sec.