Tutorial : Buang Images Border


Buang image border
ada border . nampak burokk oh ;)
Oke , now ,  nak ajarkan oke .?

Simple Template
1. Template --> Edit Html --> Tick Box Code --> CRTL+F
2. korang cari salah satu kod di bawah ini
.post-body img, .post-body .tr-caption-container,
3. After korang jumpa kod tuh , korang akan nampak kod yang ada kat bawah ni juga.
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
Denim Template
Cari Kod
.post img, table.tr-caption-container {
Then bila dah jumpa , ala-ala macam nie kodnya :
  padding: 4px;
  border:1px solid $borderColor;
}

4. No yang dimerahkan tuh , korang tukarkan dengan no 0 taw ...

5. Lepas dah siap  , SAVE .and lihat hasilnya yea! :)

No comments

Terima kasih kerana sudi menulis komen di blog Nurrul, sebarang pertanyaan akan dibalas secepatnya. Jazakallahu khairan