Simple image hover on custom HTML page. Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

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.
The forum of the forums
2 posters

    Simple image hover on custom HTML page.

    Iesdi
    avatar
    Iesdi
    Forumember


    Male Posts : 50
    Reputation : 0
    Language : Bulgarian
    Location : Sofia
    • Post n°1

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

    Post by Iesdi 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>
    • Back to top
    Iesdi
    avatar
    Iesdi
    Forumember


    Male Posts : 50
    Reputation : 0
    Language : Bulgarian
    Location : Sofia
    • Post n°2

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

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

    Anyone? Razz
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°3

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

    Post by Guest 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>
    • Back to top
    oncenside
    avatar
    oncenside
    New Member


    Posts : 2
    Reputation : 0
    Language : english
    • Post n°4

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

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

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