Wordpress. Маленькая проблемка с кодом кнопки

[deep.smr]

Wordpress. Маленькая проблемка с кодом кнопки

Здравствуйте всем.
Поставил на своем блоге вот такую кнопку меняющую цвет "СКАЧАТЬ" вида —

<table width=400 align=center cellpadding=5 cellspacing=0 border=2>
<tr style="cursor:pointer">
<td onmouseover="style.backgroundColor='#33ff33', style.fontFamily='courier', style.color='white', style.fontWeight='bold'" onmouseout="style.backgroundColor='transparent', style.fontFamily='arial', style.color='black', style.fontWeight='normal'">
<span style="text-decoration: underline;"><strong><center><a href="http://deepsmr.ru/?p=112" target="_blank"><span style="color: #ff0000; text-decoration: underline;">СКАЧАТЬ</span></a></center></strong></span>
</td>
</tr>
</table>

Обновляю. Все работает-мигает. А через некоторое время прекращается и в коде появляется лишний тэг <tbody> Ну типа вот так:

<table border="2" width="400" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr style="cursor: pointer;">
<td><center><a href="http://deepsmr.ru/?p=112" target="_blank"><span style="color: #ff0000; text-decoration: underline;">СКАЧАТЬ</span></a></center></td>
</tr>
</tbody>
</table>

Кто его ставит? Зачем? Ничего не пойму.
Буду Вам очень благодарен за помощь.
С уважением, Викторович.
P.S. Может у Вас какая другая кнопка на примете есть? ))
Спасибо!

 

[GlaZZZ]

Проще другую кнопку сделать

А табличная верстка - это вообще зло )

Я бы смену цвета кнопки сделал бы на порядок проще с помощью CSS ":hover"

 

[deep.smr]

Ой, я не очень то в этом. А как технически сделать? Может подскажете готовую и куда вставлять что? Вашему сайту доверяю давно уже, и Вы неоднократно помогали мне в других вопросах. Благодарю. ... В инете полно, но боюсь нарваться на заразу.
Спасибо.

 

[GlaZZZ]

Смотрите, HTML код имеет такой вид:

<a class="knopka_download" href="http://deepsmr.ru/?p=112" target="_blank">СКАЧАТЬ</a>

а в файле CSS(он должен быть у вас, style.css или css.css) пишете в любом месте:

.knopka_download {
background: #код цвета;
padding: 10px;
}

.knopka_download:hover {
background: #код цвета при наведении;
}

background - это фон кнопки
цвет вводите в таком формате, к примеру #f1f1f1

Вместо "knopka_download" - можете что угодно написать, но в коде html должно быть написано то же самое. Это вы присваиваете класс стиля css к html коду

knopka_download:hover - :hover это приставка, которая показывает, что следующий код будет действовать при наведении мышки

padding - это отступ от края фона кнопки до текста

 

[deep.smr]

Вау! Огромно спасибо! Но вот у меня style.css поделен на условные разделы, такие как
/* Navigation Menu, /* Widget Styling, /* Text Elements и др. Может вот в этот /* Posts and Pages ? И несколько смущает, что? прям в любое место?
С уважением к Вам.

 

[GlaZZZ]

прям в любое место?

В любое, разделы там чисто для удобства сделаны.

Я обычно ставлю новые записи в конец файла

 

[deep.smr]

Прописал все как положено. Толку не стало. Видно в генеральных настройках темы по ссылкам введен главнее код. После добавления ссылка принимает вид
<a href="http://dfiles.ru/files/7efe3n011" target="_blank">СКАЧАТЬ альбом полностью</a>
и игнорирует введенный код. На CSS ноль внимания, сколько не крутил цвета. ))
Видать надо копаться глубоко.
Вот скрин. Может внутри <a что-то прописать, чтоб встала в центр. Пробовал до <a и после </a> ставить <center></center> _ толку нет.
Чувствую, что внутри надо свойства прописать. Подскажите. tehno015

 

[deep.smr]

да, еще, подчеркивание появляется, но цвет не меняет.....

 

[GlaZZZ]

Скиньте в личку ссылку на сайт, посмотрю

 

[GlaZZZ]

Странно... А как вы кнопку добавляете?!

 

[deep.smr]

Значит по порядку.
Открываю запись. Редактировать. В режим "Текст". Нахожу код старой кнопки. Выделяю и на ее место ставлю
<a class="knopka_download" href="http://deepsmr.ru/?p=112" target="_blank">СКАЧАТЬ</a>
Ну адрес, ессено, другой. Обновляю запись.
Далее иду в редактор. style.css В конце после последней } вставляю
.knopka_download {
background: #ff0000;
padding: 10px;
}

.knopka_download:hover {
background: #3300cc;
}
Обновляю файл. Иду на сайт. Обновляю запись и вижу скрин, который приложил.
Что-то может не так делаю?

 

[GlaZZZ]

.knopka_download {
background: #ff0000;
padding: 10px;
}

.knopka_download:hover {
background: #3300cc;
}

Вот это нужно всего 1 раз вставить в CSS

Не пойму почему убирается class

Вообще желательно так не делать. В WP должны быть какие-то модули с выводом ссылок на скачивание и т.д. В которых кнопка прописывается один раз, а ссылка вставляется автоматически. Я в WP разбираюсь плохо, но мне кажется так выкладывать ссылки не надо

 

[deep.smr]

Я интересный код нашел в style.css. Надеюсь он. Вот:

/* Links */
a, a:link, a:visited{
color: #ADADAD;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}

И подчеркивание стоит. )) Подскажите как грамотно изменение цвета при наведении прописать.
Или не это нашел...

 

[GlaZZZ]

Это для всех ссылок прописано.

.knopka_download {
background: #ff0000;
padding: 10px;
text-decoration:none;
}

.knopka_download:hover {
background: #3300cc;
}

это уже без подчеркивания

 

[deep.smr]

Огромное спасибо. Разобрался.

 

[GlaZZZ]

Огромное спасибо. Разобрался.

Да не за что В чем причина была?

 

[deep.smr]

Да, вообщем-то, не стал я лишний раз сорить в коде. Просто отцентрировал прямо в записи ссылку, а в основном css отвечающим за них (пост 13) добавил цвет при наведении и изменил на красный основной. Пусть сама тема пашет. ))
На css Вы меня правильно натолкнули.
Чем проще, думаю, тем лучше для сайта в целом.
С уважением.

 

[GlaZZZ]

Чем проще, думаю, тем лучше для сайта в целом.

Именно, всегда чем проще, тем меньше кода лишнего, меньше времени тратится на загрузку сайта