Здравствуйте, помогите, пожалуйста, с интересным делом.. Кажется мне что все достаточно просто, только вот не понятно куда нажать..

Имеется сайт на Wordpress, имееются ссылки в каждой ячейки таблицы, задан фон для каждой ячейки, при наведении на ссылку или картинку (фон), она меняется, но вот как сделать чтоб при переходе по определенной ссылке фон так же менялся на иной от, и потом при переходе на другую страницу фон менялся на исходный... Функция :visited почему-то не работает..

Так это выглядит в коде у меня... все это расположено в header
Это как оно у меня в php страницы
<div id="td_main">
<table width="960px" style="margin-left:0px; margin-right:0px; text-align:center;">
<tr>
<td class="TD_link_m1" width="160px" align="center"><a href="/?page_id=1"><span style="font-size: 96px"><br></span>страница 1</a></td>
<td class="TD_link_m2" width="160px" align="center"><a href="/?page_id=2"><span style="font-size: 96px"><br></span>страница 2</a></td>
<td class="TD_link_m3" width="160px" align="center"><a href="/?page_id=3"><span style="font-size: 96px"><br></span>страница 3</a></td>
</tr>
</table>
</div>


Это css
.TD_link_m1 a, .TD_link_m1 a:link{
background: url('img/new/m1.png');
display: block;
width: 146px;
height: 108px;
}

.TD_link_m1 a:hover, .TD_link_m1 a:active {
background-image: url('img/new/m1_a.png');
display: block;
width=160px;
height: 108;
}

.TD_link_m2 a, .TD_link_m2 a:link{
background: url('img/new/m2.png');
display: block;
width: 146px;
height: 108px;
}

.TD_link_m2 a:hover, .TD_link_m2 a:active {
background-image: url('img/new/m2_a.png');
display: block;
width=160px;
height: 108;
}

.TD_link_m3 a, .TD_link_m3 a:link{
background: url('img/new/m3.png');
display: block;
width: 146px;
height: 108px;
}

.TD_link_m3 a:hover, .TD_link_m3 a:active {
background-image: url('img/new/m3_a.png');
display: block;
width=160px;
height: 108;
}

напиши php скриптик, который работает с массивом (берёт из массива background), взаимозависимости от $_GET['page_id']

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

как это практически, подскажите:)? лучший вариант - это готовый код, мне бы в нем разобраться, а уж потом свое изобретать...

а что не понятного я сказал?

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

скриптик.. массив.. $_GET['page_id']..?? я пока таких слов не знаю...

но за совет спасибо:)

так надо тогда учить)

1. массивы
2. суперглобальный массив $_GET

всего-то.

кинешь на сотовый благодарность - напишу за тебя.

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Не надо ГЕты, в ВП есть много вариантов данного решения

самое просто

<?php 
$category = get_the_category(); // Выводим в переменную массив категорий
$category = $category[0]->cat_name; // Оставляем из массива только первое значение, первую категорию ?>

<div id="td_main" class="<php echo $category; ?>">
<table width="960px" style="margin-left:0px; margin-right:0px; text-align:center;">
<tr>
<td class="TD_link_m1" width="160px" align="center"><a href="/?page_id=1"><span style="font-size: 96px"><br></span>страница 1</a></td>
<td class="TD_link_m2" width="160px" align="center"><a href="/?page_id=2"><span style="font-size: 96px"><br></span>страница 2</a></td>
<td class="TD_link_m3" width="160px" align="center"><a href="/?page_id=3"><span style="font-size: 96px"><br></span>страница 3</a></td>
</tr>
</table>
</div>

На место $category будет вставлять имя рубрики. Вместо get_the_category() можно использовать много разных вещей
Допустим есть у нас категории jq, js, css соответсвенно равные TD_link_m1, TD_link_m2, TD_link_m3.

Обращение к элементам будет

.jq .TD_link_m1 {color:red}
.js .TD_link_m2 {color:green}
.css .TD_link_m3 {color:blue}