[Tip]Đánh dấu link trong bài viết

by **Bui Minh Phong™** 19/6/2012, 9:55 am

*Mô tả: Mỗi một loại link trong bài viết sẽ hiện một biểu tượng nhỏ nhỏ phía trước để làm dấu
*Demo: [You must be registered and logged in to see this link.]
*Ứng dụng: Các bạn có thể ứng dụng để đánh dấu các link nghe nhạc, link download, hoặc một số link của một số website, forum nhất định.

CSS:

Code:: .post-entry a:before{padding-right:2px;content:url(http://i44.servimg.com/u/f44/12/24/45/65/link-i10.png)} .post-entry [href$=".jpg"]:before,.post-entry [href$=".jpeg"]:before,.post-entry [href$=".png"]:before,.post-entry [href$=".gif"]:before{padding-right:2px;content:url(http://i44.servimg.com/u/f44/12/24/45/65/links-10.png)} .post-entry [href^="/"]:before,.post-entry [href^="http://diendan.chinhphuc.info"]:before{padding-right:2px;content:url(http://i44.servimg.com/u/f44/12/24/45/65/insert10.png)!important}

*Lưu ý: Sửa class .post-entry lại cho phù hợp với từng phiên bản và cấu trúc forum. Code trên viết cho Invision

*PunBB,*phpBB2: Sửa .post-entry thành .postbody

Viết bởi handsomevip007