GirlwithBigHead

Tutorial : Top Header #2

13/12/2013 | 5 comments

p/s: use Ctrl + C for copy the codes.
p/sii: jadi tak ? kalau tak jadi sila comment.
p/siii: nak font macam dekat preview ? CLICK SINI

Template Designer : Paste dekat Html/Javascript
Blogskins : Paste dekat bawah </style>

@font-face {
    font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf');
}

#top {
    position: absolute;
    z-index: 500;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1uq08-PXAE6HzGUCzW6M0SBnI4_8CC2XGY3AdHi4OgHY89XgpFYxGAAsfimAJ7GOpHNS5aUFC55ygqBbRKQDn9OY4iIu20ZbClwpOaw1m8Yl8yNKbXPGAout2FZhk2cTgpTF5kcQFlBM/s1600/topdivider.png);
    width: 100%;
    height: 97px;
    top: 0px;
    left: 0px;
}

#title {
    overflow-y: hidden;
    height: 75px;
    z-index: 3;
    position: relative;
}

.title {
    width: 590px;
    float: center;
    font-size: 65px;
    font-family: 'snowpersonVqfixedbyfrogii', cursive;
    color: #999;
    margin-top: 5px;
    text-align: center;
    -webkit-transition: 0.8s;
}

.title:hover {
    margin-top: -120px;
}

.desc {
    color: #FFA3A3;
    margin-top: 75px;
    font: 25px 'theonlyexception';
}
</style><center>
<div id="top">
<div id="title">
<div class="title">
tittle<br />
<div class="desc">
your word at here</div>
</div>
</div>
</div>
</center>

OLDER NEWER