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


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

5 comment [s]:

anshmnf said...

Thanks for the tutorial :)

fatin said...

kalau paste dekat page boleh ?

farizah said...
This comment has been removed by the author.
farizah said...
This comment has been removed by the author.
Della Dian A said...

tak ngerti lah... :/