Tutorial : Image Style

Assalamualaikum

Zati nak share tuto image style. Cuba tengok gambar zati kat sidebar tu , bentuk dia lain kan. Meh zati ajar cara nya.

Kredit : Salsa

Gambar Asal

<img src="IMAGE URL" height="200" style="-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;" width="200" />

<img src="IMAGE URL" width="200" height="200" style="-webkit-border-radius: 50%; -webkit-border-top-right-radius: 0; -moz-border-radius: 50%; -moz-border-radius-topright: 0; border-radius: 50%; border-top-right-radius: 0;" />

<img src="IMAGE URL" width="200" style="-webkit-border-radius: 50%; -webkit-border-top-left-radius: 0; -moz-border-radius: 50%; -moz-border-radius-topleft: 0; border-radius: 50%; border-top-left-radius: 0;" />

<img src="IMAGE URL" style="padding: 2px; border-radius:999px 999px 999px 0px; margin-left:10px;margin-bottom:7px; width:200; height: 200px; " >

<img src="IMAGE URL" style="border-radius: 999px 999px 0px 999px; height: 200px; margin-bottom: 7px; margin-right: 10px; padding: 2px; width: 200;" />

7 comments:

  1. Zati, camne nak dapatkan imej url tu?

    ReplyDelete
    Replies
    1. @dunia zumal

      Url yang mana ye? Kalau yang tuto ni , guna imej url gambar yang awak letak. awak boleh upload kat imgur , lepastu copy image address

      Delete
  2. Yes!! lain daripada lain gambarnya :) TQ for sharing Zati :)

    Nway. jemput join giveaway Siqah pulak :D

    LETTER OF HAPPINESS GIVEAWAY BY BLOG SIQAHIQA

    ReplyDelete