Untuk dokumentasi CSS style kali ini saya buat adalah membuat teks link kita mempunyai icon misalkan icon pop up seperti ini , Pasti sudah pernah melihatkan Link dengan icon seperti itu disampingnya, yang berguna sebagai penunjuk link yang bisa dibuka atau harus dibuka.
Hasil akhirnya lebih jelasnya seperti ini
.post-body a{
padding-right: 18px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mCMVlszuowlGbclwIeTLijAEJd08iiCpBaihI3kQHmBUV57zRbFhpWysgjrn4R7dPq_gZoi1m9VH4u-sxFD8AFdX-GsBvFRcHFRWoAN6EIsUnMLdsbopJdq0OnIDQkgWEvwoV-N4_1UM/s1600/link.png) no-repeat center right;
}
.separator a{ background:none;}
jika div class post-body a sudah ada cukup tambahkan saja isinya :
padding-right: 18px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mCMVlszuowlGbclwIeTLijAEJd08iiCpBaihI3kQHmBUV57zRbFhpWysgjrn4R7dPq_gZoi1m9VH4u-sxFD8AFdX-GsBvFRcHFRWoAN6EIsUnMLdsbopJdq0OnIDQkgWEvwoV-N4_1UM/s1600/link.png) no-repeat center right;
cara menambahkan icon nya ada banyak cara dengan selektor css, bisa kamu baca lebih lengkap:
0 komentar:
Posting Komentar