I read all post below :
http://forum.bytesforall.com/showthr...ht=change+icon
http://forum.bytesforall.com/showthr...ht=change+icon
http://forum.bytesforall.com/showthr...ht=change+icon
http://forum.bytesforall.com/showthr...ht=change+icon
http://forum.bytesforall.com/showthr...ht=change+icon
and do ... but nothing happened :
my permalinks is in "/%postname%/" post name also i change it for test but no thing happened ...
I delete cache of browser but no thing happened ...
let's :
I have a meue1 with 4 link
1. in "Using Menu Icons" i see in "CSS for icons in "Menu 1"" this code :
Code:
/* Part 1- for default state: */ #menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87 > a > i { background-position: 0px 0px; } #menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa > a > i { background-position: 0px -24px; } #menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7 > a > i { background-position: 0px -48px; } #menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae > a > i { background-position: 0px -72px; } /* Part 2 - for hover state: */ #menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87:hover > a > i, #menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87.active > a > i { background-position: -24px 0px; } #menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa:hover > a > i, #menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa.active > a > i { background-position: -24px -24px; } #menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7:hover > a > i, #menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7.active > a > i { background-position: -24px -48px; } #menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae:hover > a > i, #menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae.active > a > i { background-position: -24px -72px; }
Code:
/* Part 1- for default state: */ #menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87 > a > i { background-position: 0px -2376px; } #menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa > a > i { background-position: 0px -2376px; } #menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7 > a > i { background-position: 0px -2376px; } #menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae > a > i { background-position: 0px -2376px; } /* Part 2 - for hover state: */ #menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87:hover > a > i, #menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87.active > a > i { background-position: 0px -2376px; } #menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa:hover > a > i, #menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa.active > a > i { background-position: -24px -2376px; } #menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7:hover > a > i, #menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7.active > a > i { background-position: -24px -2376px; } #menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae:hover > a > i, #menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae.active > a > i { background-position: -24px -2376px; }
now I copy this code to "menus_menu1.css" and save it but nothing happened ... just show star