change icon menu1

fafa · #1 Dec 13, 2012, 12:14 PM

Hi

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; }

as in example I should change second number . so new code will be this :

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; }

I change all second number to "-2376px"

now I copy this code to "menus_menu1.css" and save it but nothing happened ... just show star