Код:
<style> #pun-stats h2 span, .category h2 span { visibility:hidden!important; } </style>
это для того чтобы текст убрать
Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию --> $(document).ready(function(){ myarray=new Array( "Welcome", "http://s5.uploads.ru/hSTGm.png", пишешь названия своих категорий так как они обозначены в разделе "категории" "Conference room", "http://s5.uploads.ru/pmdKf.png", "Сorrectional school", "http://s4.uploads.ru/wcvEk.png", "London", "http://s5.uploads.ru/Z9XlB.png", "London's suburb", "http://s4.uploads.ru/Qd9VS.png", "Personal things", "http://s4.uploads.ru/tnSyB.png", "Episodes", "http://s5.uploads.ru/9I3qK.png", "Let's talk", "http://s5.uploads.ru/k4CaG.png", "Your creativity", "http://s4.uploads.ru/bU4nh.png", "PR", "http://s4.uploads.ru/uAFzT.png", "Archive", "http://s4.uploads.ru/SPG68.png", "Статистика форума", "http://s5.uploads.ru/ZsgVc.png" //Последний элемент без запятой! ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"103px", "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", "background-position":"50% 50%", "background-repeat":"no-repeat" //Последний элемент без запятой! } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script>
в html низ