Friday 18 July 2014

At Top Header vers 2

       Sekarang ini aku lagi bingung mau share apa, karena sepertinya semua sudah pernah aku share, jadi aku putuskan buat share at top header ini aja. Thanks to kak Afiqah for the codes! Preview :
Designer template : paste di HTML/JavaScript
Classic template : paste di bawah kode <style>

<style>
@font-face {
    font-family: snowpersonVqfixedbyfrogii;
    src: url('http://static.tumblr.com/eq1rpir/Rbpm54azj/snowpersonsv3__q_fixed_by_frogii_.ttf');
}

@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/AVvXsEiHEo4nJXxGKsli8PXunlcvUYqJfkPgzpIu9ULISvf-uVt-VZEtSDkK49aQQu7iidXzK6IPFfYDtCN4kSe5QdxWDUEVLxmNxEZA7a0UpgDYXptPYVWb4B0tckJu1BbcHTmTZeRQ5zKz4QU/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>
Ubah kode diatas sesuai seleramu dan jangan lupa tinggalkan komentar:)

3 comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.