Tutorial : Tutobies Section { Designer }


Assalamualaikum and annyeonghaseyo. Tutorial seterusnya, memang dah lama orang request. Cuma tieqa je malas nak buat. Hehe. Sorry sangat sebab lambat. Yang ni untuk template designer sahaja. Template classic nt tieqa update. Siapa yang nak buat tutobies section mcm dekat blog tieqa ni, boleh ikut tutor ni

{ Live Preview }

1. Dashboard > Edit HTML {page}
2. Copy code dekat bawah ni

<style>
.lulu{
background:url(BACKGROUND);
color:#AAAAAA;
-webkit-transition: 1.0s; 
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
margin:15px;
width:500px;
font-family:'arial';
font-size:12px;
line-height:8px;
text-align:center;
padding-right:0px;
}

.eunji {
cursor:pointer;
display:inline-block;
text-align:left;
width:350px;
color:#888;
padding:1px;
background:url(FAVICON);
color:#888;
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
}

.eunji:hover{
background:url(FAVICON);
background-repeat:no-repeat;
background-size:14px; 
padding-left:15px;
line-height:18px;
color:#EAABFE
}

</style>
<div class="lulu">TITLE</div>
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>
<a class="eunji" href="LINK">TITLE</a>

3. Paste dekat bahagian HTML
4. Save

Pink : background
Biru : favicon
Hijau : width {lebar}
Oren : tajuk
Ungu : link
Posted by at 7:47 PM

5 comment [s]:

anshmnf said...

Thanks for the tutorial :)

May 4, 2013 at 2:27 PM [REPLY]
fatin said...

kalau paste dekat page boleh ?

May 22, 2013 at 12:06 PM [REPLY]
farizah said...
This comment has been removed by the author.
June 1, 2013 at 8:53 PM [REPLY]
farizah said...
This comment has been removed by the author.
June 1, 2013 at 8:54 PM [REPLY]
Della Dian A said...

tak ngerti lah... :/

August 22, 2013 at 10:40 PM [REPLY]

Post a Comment