Home Profile Opinion Academic Experience Tutorial

Rabu, 11 November 2015

Make Link Box and Scroll Box



  Assalamu'alaikum! Resti posting kembali. Dulu (mungkin) Kak Kak Nafisa pernah request Maf ya baru keturutan sekarang. Mungkin butuh waktu banyak buat aku jelasin alasannya (hidup harus ada alasan#hueehe) Yuk buat Kak Nafisa atau teman-teman yang kepo read more>>



Link Box
1. Dashboard
2. Buat Entri baru/laman baru (terserah)
3. HTML (sebelah Compose)
4. Taruh kode dibawah ini
<style>
a.zebina {
font-size: 12px;
font-family: century gothic;
display:inline-block;
text-align:center;
width: 70px;
color:#fea5c2;
background:#fff5f7;
border: 3px dotted pink;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.zebina:hover          {
display:inline-block;
text-align:center;
box-shadow: 1px 5px 5px 5px #ffd9d9;
width: 70px;
color: pink;
border: 3px dotted pink;
background:#fff5f7;
-webkit-transition-duration:1200ms;
}
</style>
<br />
<center>
</center>
<center>
<span style="color: magenta;"><br /></span></center>
<center>
</center>
<center>
<a class="zebina" href="https://.blogspot.com/">Who</a>
<a class="zebina" href="https://.blogspot.com/">Who</a>
<a class="zebina" href="https://.blogspot.com/">Who</a>
<a class="zebina" href="https://.blogspot.com/">Who</a>
<a class="zebina" href="https://.blogspot.com/">Who</a>
<a class="zebina" href="https://.blogspot.com/">Who</a>
<a class="zebina" href="https://.blogspot.com/">Who</a>

-silakan edit-edit dulu (tahu kan caranya?)

5. Save

Scroll Box
1. Dashboard
2. Buat Entri baru/laman baru (terserah)
3. HTML (sebelah Compose)
4. Taruh kode dibawah ini
<div style="border: 5px solid #FFE5FF; height: 500px; overflow: auto; padding: 5px; width: auto;">
YOUR TEXT
</div>
5. Save


Credit: This

Terima kasih telah membaca, tinggalkan komentar ya!

1 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...