Des jolis boutons

entre les deux

 

 

C'est sans compter que cela peut faire joli pour donner une info

 

Et ça fonctionne dans toutes les couleurs

 

et toutes les dimensions

 

Ben on va pas se gêner alors

 

Des barres et des boutons PARTOUT!!

 

 

Pour les essayer suffit de cliquer sur les deux du bas ;)

 

 

 

CODE :

Via l'editeur HTML placer 

<link rel="stylesheet" type="text/css" href="http://bidouillage.e-monsite.com/medias/files/bootstrap.css" />
<button class="btn btn-info">Un bouton</button>
<button class="btn btn-primary">Oh un autre bouton</button>
<button class="btn btn-success">Ahh ben c'est ici qu'on les fabrique ?</button>
<button class="btn btn-warning">Ils sont jolis</button>
<button class="btn btn-danger">Ou ils font peur</button>
<button class="btn btn-inverse">Celui-ci c'est le bouton des Men in Black</button>
<button class="btn btn-large btn-primary">Qu'ils soient gros</button> <button class="btn btn-mini btn-primary">Ou tous petit</button> <a class="btn btn-small btn-primary" href="#"> entre les deux</a> <button class="btn" href="#"> il y a encore les blancs</button>
 
 <div align="center" class="btn btn-danger" style="font-size: 20px; line-height: 30px;">C'est sans compter que cela peut faire joli pour donner une info</div>
 <div align="center" class="btn btn-success" style="font-size: 20px; line-height: 30px;">Et ça fonctionne dans toutes les couleurs</div>
 <div align="center" class="btn btn-warning" style="width:95%; font-size: 20px; line-height: 30px;">et toutes les dimensions</div>
 <div align="center" class="btn btn-inverse" style="width:80%; font-size: 20px; line-height: 30px;">Ben on va pas se gêner alors</div>
 <div align="center" class="btn btn-info" style="width:90%;font-size: 20px; line-height: 30px;">Des barres et des boutons PARTOUT!!</div>

 

 <div align="center" class="btn btn" style="width:96%;font-size: 20px; line-height: 30px;">Pour les essayer suffit de cliquer sur les deux du bas ;)</div>

 
<button class="btn btn-primary" onclick="JavaScript: alert('Biactol clearasil le truc anti-bouton :-)')">INFORMER</button>
 
<button class="btn btn-success" onclick="self.location.href='http://bidouillage.e-monsite.com/pages/tutoriaux/design/index-css.html'">OU REDIRIGER</button>

 

Explications :

la ligne <link rel="stylesheet" type="text/css" href="http://bidouillage.e-monsite.com/medias/files/bootstrap.css" /> propose un style de css à placer obligatoirement

<button class="btn btn-info">VOTRE TEXTE</button>

class="btn btn-info" indique la couleur du bouton ou de la barre primary = bleu foncé, danger = rouge ect...

Pour indiquer le chemin de redirection 'si utilisé pour cela' on ajoute onclick="self.location.href='Lien de la page'"

ce qui donne <button class="btn btn-info" onclick="self.location.href='Lien de la page'" >VOTRE TEXTE</button>

En résumé

ceci 

<link rel="stylesheet" type="text/css" href="http://bidouillage.e-monsite.com/medias/files/bootstrap.css" />

et ceci

<button class="btn btn-info" onclick="self.location.href='Lien de la page'" >VOTRE TEXTE</button>

donne ceci :

5 votes. Moyenne 3.60 sur 5.

×