File "bouton.php"

Full Path: /home/analogde/www/Massage_2000/bouton.php
File size: 2.3 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>

<body>

<style>

.link-button {

      background: #ffffff none repeat scroll 0 0;

      border: 1px solid #aa8d56;

      color: #aa8d56;

      outline: medium none;

      padding: 15px;
  
      text-decoration: none;

}

.link-button:hover {

     Background-color:  #aa8d56;

     Color: #ffffff;

}

/* XOMISSE START CSS FOR BUTTON  */
.blackbtn {
background-color: #333; /* adds a background colour to the button */
color: #fff; /* changes the text colour */
cursor: pointer; /* changes the mouse on hover */
padding: 10px 30px; /* adds 10px of space to top and bottom of text and 30px of space on either side */ 
}

.blackbtn:hover {
background-color: #fff; /* adds a background hover colour to the button */
color: #333; /* changes the text colour on hover */
}
/* XOMISSE END CSS FOR BUTTON */

.centerbtn { 
text-align: center;
display: block;
margin: 20px auto; /* will add 20px of space around the button */
}


.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

</style>

		<a href="contact.html" class="link-button">Contact Us</a>

		How to make a link like button using CSS?
		
		<span class="centerbtn"> <a href="URL" class="blackbtn" title="DESCRIPTION">BUTTON TEXT</a> </span>
		
		https://xomisse.com/blog/how-to-style-a-link-to-look-like-a-clickable-button/
		
		http://usabilitypost.com/2012/01/10/pressed-button-state-with-css3/#
		
		<a href="#" class="button">Example</a>
		
		http://tutorials.jenkov.com/css/links.html
		
		https://www.thoughtco.com/styling-links-with-css-3466838
		
		https://developer.mozilla.org/fr/docs/Learn/CSS/Styling_text/Styling_links
		
		http://alumnus.caltech.edu/~leif/htmlSelection.html
		
		http://learnwebtutorials.com/how-make-link-into-css-button
		
		https://community.canvaslms.com/thread/2336
		
		https://www.w3schools.com/w3css/w3css_buttons.asp  +++++ 
</body>
</html>