SANNAS RUM -

Uppåt-knapp som scrollar snyggt uppåt

Stilmallskod:

#totop a
{
    display: block;
    display: none;
    z-index: 999;
    opacity: .8; /* Hur mycket man ser igenom */
    position: fixed;
    top: 100%;
    margin-top: -80px;
    float:right; /* Om knappen ska vara till vänster eller höger */
    right:100px; /* Hur långt från höger/vänster (ändra till left om du byter float till left) knappen ska vara */
    -moz-border-radius: 12px; /* Hur mycket rundade kanter det ska vara */
    -webkit-border-radius: 12px; /* Hur mycket rundade kanter det ska vara */
    width: 50px; /* Hur bred din bakgrund ska vara */
    line-height: 48px;
    height: 50px; /* Hur hög din bakgrund ska vara */
    padding: 10px;
    background-color: #aaaaaa; /* Här byter du färgen på uppåt-knappen */
    font-size: 24px; /* Storleken på din pil */
    text-align: center;
    color: #fff; /* Här byter du färg på din pil */
    text-decoration:none;
}
 
#totop a:hover {
    background: #ffffff; /* Här byter du färgen på uppåt-knappen vid mouseover */
color: #aaa; /* Här byter du färg på din pil vid mouseover */
}

Kodmallskod (klistra in direkt efter body i kodmallarna)

För fler tips, besök gärna http://sannasrum.blogg.se/bloggtips

2013-07-30 @ 11:48:00 allmänt Permalink

Kommentarer

Trackback

Till bloggens startsida

Kategorier

Arkiv

SANNAS RUM

Bloggdesign, foto, livsstil & photoshop.

Uppåt-knapp som scrollar snyggt uppåt