Kaiirex

AinaNajihah
F a n g i r l


Tumblr

FootPrint

Archive

Follow
Tutorial side navigation ♡
♡ 12.1.14 | 6:15 pm | 0 comments

Assalammualaikum,
  Okay .__. today I don't have enough time to publish post or anything actually -_- I just little busy with my homework /flips table/ you know what? today I feel like I'm the one who did has any friends in class ;_; sad huh?! damn, I hate it actually my mummy a.k.a jececlyn didn't come to school because she was sick. aimuni and the others....we're not in the sam class okay TAT what a sadlife!!! btw, today I just publish this tuto "SIDE NAVIGATION" ver. tumblr actually *o* those icons I got from someone tumblr and I just can't remember it ;__; mianhae!!!

  • Paste after </style>

<style>
#side {
    width:50px;
    height:120%;
    position:fixed;
    left:0px;
    top:-20px;
    background-color:#e7395a;
    border-right:20px solid #3eccf0;
    }
#sideline {
    width:3px;
    height:120%;
    position:fixed;
    left:53px;
    top:-20px;
    background-color:#fff;
    }

#lulu {
    width:26px;
    height:auto;
    position:fixed;
    top:50%;
    margin-top:-155px;
    margin-left:-6px;
    padding:10px;
    text-align:center;
    z-index:3;
    }

.chen {margin-top:0px;}
.chen a {
    background:#fff;
    margin-bottom:18px;
    border-radius:2000px;
    display:block;
    padding:5px 5px;
    opacity:1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
.chen a:visited {opacity:1;}
.chen a:hover {
    background:#000;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}


</style>

<div id="side"></div>
<div id="sideline"></div>

<div id="lulu">

<div class="chen">
<a href="URL" title="home"><img src="http://static.tumblr.com/m614elg/VMmmhnp4l/1.png"></a>

<a href="URL" title="ABOUT"><img src="http://static.tumblr.com/m614elg/9BBmhnp7v/28.png"></a>

<a href="URL" title="LINK1"><img src="http://static.tumblr.com/liul60i/gSHmp80ea/4.png"></a>

<a href="URL" title="LINK2"><img src="http://static.tumblr.com/m614elg/e8Dmhnpac/5.png"></a>

<a href="URL" title="LINK3"><img src="http://static.tumblr.com/tiu5k68/wPFmisin4/29.png"></a>

<a href="URL" title="LINK4"><img src="http://static.tumblr.com/liul60i/wg7mizpxd/6.png"></a>
</div>

Labels: , ,




Newer PostOlder Post