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.

View previous topic View next topic 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

View previous topic View next topic Back to top


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