Trang Chính![[Tổng Hợp] - Hướng Dẫn chèn icon trước ních Menu_icon](https://2img.net/h/www.ipbforumskins.com/skindemo/public/style_images/gravityg33x/menu_icon.gif){kind=icon}
Home
![[Tổng Hợp] - Hướng Dẫn chèn icon trước ních Empty](https://2img.net/i/empty.gif)
Có 3 cách:
Cách 1: Dùng JQ
Tạo 1 trang html với nội dung sau
Nếu muốn thêm nhóm nào thì dùng code sau :
rồi lấy link trang html chèn vào over_footer_begin theo code sau:
Cách 2: dùng scpirt
Tạo trang html với code sau
sau đó cũng dùng code này:
Cách 3 dùng css:
chèn đoạn này vào css:
Cách 1: Dùng JQ
Tạo 1 trang html với nội dung sau
- Code:
$('span').each(function() {
var iconr = $(this);
var color = iconr.css('color');
if (color == 'rgb(250, 0, 0)' || color == '#fa0000') {
iconr.before("[img]/users/2211/12/43/96/album/admin10.gif[/img] ");
}
//thêm nhóm có icon bằng cách paste dưới đây
})
Nếu muốn thêm nhóm nào thì dùng code sau :
- Code:
if (color == 'rgb(250, 0, 0)' || color == '#fa0000') {
iconr.before("[img]/users/2211/12/43/96/album/admin10.gif[/img] ");
}
rồi lấy link trang html chèn vào over_footer_begin theo code sau:
- Code:
Cách 2: dùng scpirt
Tạo trang html với code sau
- Code:
function Rankicon(){
x = document.getElementsByTagName('span')
for(y=0;y
if ((x[y].style.color=="rgb(9, 107, 0)")||(x[y].style.color=="#096b00")) {icon = "[img]http://i24.servimg.com/u/f24/15/64/85/86/3qz4a10.png[/img]";x[y].innerHTML = icon + oldHTML;}
if ((x[y].style.color=="rgb(0, 125, 235)")||(x[y].style.color=="#007deb")) {icon = "[img]http://www.mynetimages.com/bcd56f03.gif[/img]";x[y].innerHTML = icon + oldHTML;}
if ((x[y].style.color=="rgb(223, 235, 61)")||(x[y].style.color=="#DFEB3D")) {icon = "[img]http://mynetimages.com/779d56e3c0_th.png[/img]";x[y].innerHTML = icon + oldHTML;}
if ((x[y].style.color=="rgb(161, 0, 161)")||(x[y].style.color=="#a100a1")) {icon = "[img]http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_63157.gif[/img]";x[y].innerHTML = icon + oldHTML;}
if ((x[y].style.color=="rgb(72, 99, 160)")||(x[y].style.color=="#4863a0")) {icon = "[img]http://i24.servimg.com/u/f24/15/64/85/86/icon-s10.png[/img]";x[y].innerHTML = icon + oldHTML;}
}
}
Rankicon();
sau đó cũng dùng code này:
- Code:
Cách 3 dùng css:
chèn đoạn này vào css:
- Code:
span[style="color: rgb(191, 0, 255);"],span[style="color:#8C00FF"],span[style="color: rgb(255, 102, 0);"],span[style="color:#00E82E"],span[style="color: rgb(0, 191, 0);"],span[style="color:#0022FF"],span[style="color: rgb(250, 0, 0);"],span[style="color:#FF8C00"]span[style="color: rgb(255,255,255);"],span[style="color:#FF0091"],span[style="color: rgb(89, 89, 89);"],span[style="color:#00EEFF"]
span[style="color: rgb(0, 4, 255);"]:before{content: url();padding-right:2px;}
span[style="color:"]:before{content: url();padding-right:2px;}
span[style="color: rgb(255, 102, 0);"]:before{content: url(link icon 1);padding-right:2px;}
span[style="color:#00E82E"]:before{content: url(link icon 1);padding-right:2px;}
span[style="color: rgb(0, 191, 0);"]:before{content: url(link icon 2);padding-right:2px;}
span[style="color:#0022FF"]:before{content: url(link icon 2);padding-right:2px;}
span[style="color: rgb(250, 0, 0);"]:before{content: url(link icon 3);padding-right:2px;}
span[style="color:#FF8C00"]:before{content: url(link icon 3);padding-right:2px;}
span[style="color: rgb(255,255,255);"]:before{content: url(link icon 4);padding-right:2px;}
span[style="color:#FF0091"]:before{content: url(link icon 4);padding-right:2px;}
span[style="color: rgb(89, 89, 89);"]:before{content: url(link icon 5);padding-right:2px;}
span[style="color:#00EEFF"]:before{content: url(link icon 5);padding-right:2px;}
Được sửa bởi Nam Tào ngày Sun Aug 19, 2012 4:19 pm; sửa lần 1.
![[Tổng Hợp] - Hướng Dẫn chèn icon trước ních 1564925666](https://2img.net/u/1417/12/48/26/smiles/1564925666.gif)
![[Tổng Hợp] - Hướng Dẫn chèn icon trước ních Bar_left](https://2img.net/i/fa/invision/bar_left.gif){kind=small}
![[Tổng Hợp] - Hướng Dẫn chèn icon trước ních Bar](https://2img.net/i/fa/invision/bar.gif){kind=small}
![[Tổng Hợp] - Hướng Dẫn chèn icon trước ních Bar_right](https://2img.net/i/fa/invision/bar_right.gif){kind=small}