Jump to content
Sign in to follow this  
gaby

Butoane Interactive De Tip "flat"

Recommended Posts

Un mic exemplu aveti aici:

flatzv7.png

Pentru crearea acestor butoane a fost utilizat pe langa script si css-ul.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>PC Troubleshooting Butoane Interactive de tip "Flat"</title>
<style>
.fbuton
{
padding: 2px 12px 3px 12px;
text-decoration:none;
color:black;
text-align: center;
font-family:arial;
font-size:12;
font-weight:normal;
border-color: #B2B2B2;
border-style: solid;
border-width: 1px;
background-color: #DDDCCC;
}

.fbuton:hover
{
border-color:white black black white;
text-decoration:none;
background-color: #C7C7BA;
border-style: solid;
border-width: 1px;
}

</style>

<script>
function dw(fbuton)
{
fbuton.style.borderColor= "black white white black";
}
function up(fbuton)
{
fbuton.style.borderColor= "white black black white";
}
</script>
</head>

<BODY BGCOLOR="#E9E9E9">
<a href="http://pctroubleshooting.ro/index.php?showforum=60" class="fbuton" onmousedown="dw(this);" onmouseout="up(this);">Buton1</a>
<a href="http://pctroubleshooting.ro" class="fbuton" onmousedown="dw(this);" onmouseout="up(this);">Buton2</a>
<a href="http://pctroubleshooting.ro" class="fbuton" onmousedown="dw(this);" onmouseout="up(this);">Buton3</a>
<a href="http://pctroubleshooting.ro" class="fbuton" onmousedown="dw(this);" onmouseout="up(this);">Buton4</a>

</BODY>
</html>[/code]

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×