first commit
This commit is contained in:
BIN
test/images/buttonleft.jpg
Executable file
BIN
test/images/buttonleft.jpg
Executable file
Binary file not shown.
After Width: | Height: | Size: 1.2 KiB |
BIN
test/images/buttonleft_ro.jpg
Executable file
BIN
test/images/buttonleft_ro.jpg
Executable file
Binary file not shown.
After Width: | Height: | Size: 1.7 KiB |
BIN
test/images/buttonright.jpg
Executable file
BIN
test/images/buttonright.jpg
Executable file
Binary file not shown.
After Width: | Height: | Size: 402 B |
BIN
test/images/buttonright_ro.jpg
Executable file
BIN
test/images/buttonright_ro.jpg
Executable file
Binary file not shown.
After Width: | Height: | Size: 529 B |
BIN
test/images/buttons.jpg
Executable file
BIN
test/images/buttons.jpg
Executable file
Binary file not shown.
After Width: | Height: | Size: 3.0 KiB |
27
test/index.html
Executable file
27
test/index.html
Executable file
@ -0,0 +1,27 @@
|
||||
<!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 profile="http://gmpg.org/xfn/11">
|
||||
|
||||
<title>CSS Round Corner Button Link Examples</title>
|
||||
|
||||
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="container">
|
||||
|
||||
<h1>CSS Round Corner Button Link Examples</h1>
|
||||
|
||||
<h2>Example 1</h2>
|
||||
<p>This example uses 2 images. These button links are tested on IE6, IE7, Firefox 3, Safari 4. </p>
|
||||
|
||||
<ul class="example1">
|
||||
<li><a href="#"><span>Home Elendslanger Textbuttonfelder</span></a></li>
|
||||
<li><a href="#"><span>About</span></a></li>
|
||||
<li><a href="#"><span>Contact Us</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
BIN
test/round-corners-button.zip
Executable file
BIN
test/round-corners-button.zip
Executable file
Binary file not shown.
BIN
test/roundcornerbutton.psd
Executable file
BIN
test/roundcornerbutton.psd
Executable file
Binary file not shown.
53
test/style.css
Executable file
53
test/style.css
Executable file
@ -0,0 +1,53 @@
|
||||
/*CSS Reset*/
|
||||
|
||||
body {
|
||||
background:#fff;
|
||||
font:12.35px "Lucida Grande", Arial, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#333333;
|
||||
font-size:12px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/************************************************
|
||||
Round Corners Button Rollover Example 1
|
||||
************************************************/
|
||||
|
||||
.example1 li {
|
||||
display:inline;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.example1 li a {
|
||||
background:transparent url(images/buttonleft.jpg) no-repeat left;
|
||||
display:block;
|
||||
float:left;
|
||||
height:22px;
|
||||
margin-right:15px;
|
||||
padding:5px 0 5px 10px;
|
||||
}
|
||||
|
||||
.example1 li a span {
|
||||
background:transparent url(images/buttonright.jpg) no-repeat right;
|
||||
cursor:pointer;
|
||||
display:inline;
|
||||
float:left;
|
||||
height:12px;
|
||||
padding:5px 10px 5px 0;
|
||||
}
|
||||
|
||||
.example1 li a:hover {
|
||||
background:transparent url(images/buttonleft_ro.jpg) no-repeat left;
|
||||
color:#fff;
|
||||
padding:5px 0 5px 10px;
|
||||
}
|
||||
|
||||
.example1 li a:hover span {
|
||||
background:transparent url(images/buttonright_ro.jpg) no-repeat right;
|
||||
color:#fff;
|
||||
padding:5px 10px 5px 0;
|
||||
}
|
Reference in New Issue
Block a user