The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Simple image hover on custom HTML page.

2 posters

Go down

Simple image hover on custom HTML page. Empty Simple image hover on custom HTML page.

Post by Iesdi 16/1/2011, 16:43

So I created a custom html page, and I want to add hover button to it. I don't display the forum navbars on it.
I'm pretty good in photoshop, count me on that Razz And of course I'm using php2 Wink

I searched the forum for topic like this, but they all are for the navbars, and I already know how to do it from the forumotion tutorial video.

Thanks in advance! You guys help me every time, really big thanks!

My page so far: (without the body things)

Code:
<html>
<head>
<style type="text/css">
table,td,th
{
border:0px solid white;
}
table
{
width:50%;
}
th
{
height:50px;
}
</style>
</head>
<body bgcolor=#000000 text=#8888FF>

----====I WANT HOVER BUTTON HERE====----

</body></html>
avatar
Iesdi
Forumember

Male Posts : 50
Reputation : 0
Language : Bulgarian
Location : Sofia

http://eeguild.forumotion.eu

Back to top Go down

Simple image hover on custom HTML page. Empty Re: Simple image hover on custom HTML page.

Post by Iesdi 17/1/2011, 23:29

Anyone? Razz
avatar
Iesdi
Forumember

Male Posts : 50
Reputation : 0
Language : Bulgarian
Location : Sofia

http://eeguild.forumotion.eu

Back to top Go down

Simple image hover on custom HTML page. Empty Re: Simple image hover on custom HTML page.

Post by Guest 17/1/2011, 23:44

Code:
<html>
<head>
<style type="text/css">
a.button {
    background: transparent url('http://img405.imageshack.us/img405/2689/17153816f0vi3gt.gif') repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
    -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;
}

a.button span {
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}
</style>
</head>
<body bgcolor=#000000 text=#8888FF>
<a class="button" href="#" onclick="this.blur();"><span>Hover Button :D</span></a>

</body></html>
avatar
Guest
Guest


Back to top Go down

Simple image hover on custom HTML page. Empty Re: Simple image hover on custom HTML page.

Post by oncenside 24/2/2011, 22:50

can this be used as say a vote link slide out? or just an simple floating img link?
avatar
oncenside
New Member

Posts : 2
Reputation : 0
Language : english

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum