The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Simple image hover on custom HTML page.

Go down

Simple image hover on custom HTML page.

Post by Iesdi on January 16th 2011, 4:43 pm

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>

Iesdi
Forumember

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

http://eeguild.forumotion.eu

Back to top Go down

Re: Simple image hover on custom HTML page.

Post by Iesdi on January 17th 2011, 11:29 pm

Anyone? Razz

Iesdi
Forumember

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

http://eeguild.forumotion.eu

Back to top Go down

Re: Simple image hover on custom HTML page.

Post by Guest on January 17th 2011, 11:44 pm

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>

Guest
Guest


Back to top Go down

Re: Simple image hover on custom HTML page.

Post by oncenside on February 24th 2011, 10:50 pm

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

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