add img to link - thêm hình ảnh vào link

chức năng: thêm img vào trước link cho đẹp và phân biệt internalLink với externalLink

demo:
hướng dẫn:
- vào xenforo.css
tìm

HTML:

.ugc a:link,    .ugc a:visited    {       
 @property "ugcLink";       
 padding: 0 3px;       
 margin: 0 -3px;       
 border-radius: 5px;       
 @property "/ugcLink";   
 }

xóa phần

HTML:

padding: 0 3px;        
margin: 0 -3px;

- vào EXTRA.css add đoạn sau vào

HTML:

.externalLink {
margin: 0px;
padding-left: 15px;
background-image: url('http://img35.imageshack.us/img35/7674/buidoinet14042013.gif');
background-position: left center;
background-repeat: no-repeat;}
.internalLink {
margin: 0px;
padding-left: 15px;
background-image: url('http://img547.imageshack.us/img547/7674/buidoinet14042013.gif');
background-position: left center;
background-repeat: no-repeat;
}

áp dụng cho tất cả các style

 

giống cái icoin của bác hutek

 

đánh dấu cái

 

Trên lý thuyết nếu chơi icon font của bác Hutek sẽ nhẹ hơn nhỉ?

 

chưa qua đó, nhưng nếu thích font thì cũng đơn giản thui

 

Cái này xài chung với tinhte_xentag thì ôi thôi toàn hình

 

kiếm icon tag nhỏ mà làm cái css riêng cho tag

 

mệt mỏi nha
Dạo này bác cũng chịu khó rip skin nhỉ! Chắc mai cũng phải làm 1 cái share với anh em

 

đang tập tành xf
vọc cho biết thui

tặng bác: http://buidoi.net/threads/25645-add-img-to-link-tag.html