Tutorial: Sosial network 2
FB
TW
AF
BS
HI
{Live preview}
Assalamualaikum and annyeonghaseyo! hari tu aku ada post tuto buat
sosial network kpop icon punya, kan?
kalau kali ni, aku nak post tuto yang cute sosial network pulak. hehe
dashboard> template
CTRL+F and find codes </style>. copy codes below
a.exo {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:26px;
margin-right:4px;
text-decoration:none;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #FFD1D1;
text-align:center;
cursor:vertical-text;
}
a.exo2 {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
margin-right:4px;
width:26px;
text-decoration:none;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #A4E0FE;
text-align:center;
cursor:crosshair;
}
a.exo3 {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
margin-right:4px;
width:26px;
text-decoration:none;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #91FFAF;
text-align:center;
cursor:vertical-text;
}
a.exo4 {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
margin-right:4px;
width:26px;
text-decoration:none;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #F5E8C2;
text-align:center;
cursor:crosshair;
}
a.exo5 {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
margin-right:4px;
width:26px;
text-decoration:none;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #95DCFB;
text-align:center;
cursor:vertical-text;
}
then pastekan kat bahagian ATAS </style>
Okay, dah? belum habis lagi, copy codes kat bawah ni pulak.
<center>
<a class="exo" href="URL"title="HOVER">TITLE</a>
<a class="exo2" href="URL"title="HOVER">TITLE</a>
<a class="exo3" href="URL"title="HOVER">TITLE</a>
<a class="exo4" href="URL"title="HOVER">TITLE</a>
<a class="exo5" href="URL"title="HOVER"">TITLE</a>
</center>
AQUA: URL LINK
OREN: TAJUK HOVER
RED:TITLE
PINK:COLOR
GREEN:BACKGROUND
PURPLE:CURSOR
then paste kat mana-mana tempat yang korang nak macam about ke, sidebar profile ke.
kalau yang warna tu tak faham, hover je kat atas, kira live preview and live tuto lah ni, ye?
nak cari kod warna tu, tekan kat stuff > help you> colour codes/ colour codes /2/
kalau tak nak pakai cursor tu, padam nama cursor tu and just add (URL CURSOR), progress;
contoh:
cursor: url(URL CURSOR), progress;
faham? okay, lepas tu, preview and save
done
Labels: bap, tutorials