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

deep.smr · 28.08.2014, 17:33

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

Код HTML:

<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> Ну типа вот так:

Код HTML:

<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 · 28.08.2014, 17:41

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

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

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

deep.smr · 28.08.2014, 17:47

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

GlaZZZ · 28.08.2014, 17:54

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

Код HTML:

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

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

Код HTML:

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

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

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

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

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

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

deep.smr · 28.08.2014, 18:05

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

GlaZZZ · 28.08.2014, 18:06

Цитата:

Сообщение от deep.smr

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

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

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

deep.smr · 28.08.2014, 18:44

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

deep.smr · 28.08.2014, 18:45

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

GlaZZZ · 28.08.2014, 18:52

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

GlaZZZ · 28.08.2014, 19:32

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

28.08.2014, 17:33	#1 (permalink)
deep.smr Member Регистрация: 28.10.2011 Сообщений: 670 Сказал(а) спасибо: 5 Поблагодарили 1 раз в 1 сообщении Репутация: 787	Wordpress. Маленькая проблемка с кодом кнопки Здравствуйте всем. Поставил на своем блоге вот такую кнопку меняющую цвет "СКАЧАТЬ" вида — Код HTML: <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> Ну типа вот так: Код HTML: <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. Может у Вас какая другая кнопка на примете есть? )) Спасибо!

28.08.2014, 17:54	#4 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	Смотрите, HTML код имеет такой вид: Код HTML: <a class="knopka_download" href="http://deepsmr.ru/?p=112" target="_blank">СКАЧАТЬ</a> а в файле CSS(он должен быть у вас, style.css или css.css) пишете в любом месте: Код HTML: .knopka_download { background: #код цвета; padding: 10px; } .knopka_download:hover { background: #код цвета при наведении; } background - это фон кнопки цвет вводите в таком формате, к примеру #f1f1f1 Вместо "knopka_download" - можете что угодно написать, но в коде html должно быть написано то же самое. Это вы присваиваете класс стиля css к html коду knopka_download:hover - :hover это приставка, которая показывает, что следующий код будет действовать при наведении мышки padding - это отступ от края фона кнопки до текста

28.08.2014, 18:44	#7 (permalink)
deep.smr Member Регистрация: 28.10.2011 Сообщений: 670 Сказал(а) спасибо: 5 Поблагодарили 1 раз в 1 сообщении Репутация: 787	Прописал все как положено. Толку не стало. Видно в генеральных настройках темы по ссылкам введен главнее код. После добавления ссылка принимает вид <a href="http://dfiles.ru/files/7efe3n011" target="_blank">СКАЧАТЬ альбом полностью</a> и игнорирует введенный код. На CSS ноль внимания, сколько не крутил цвета. )) Видать надо копаться глубоко. Вот скрин. Может внутри <a что-то прописать, чтоб встала в центр. Пробовал до <a и после </a> ставить <center></center> _ толку нет. Чувствую, что внутри надо свойства прописать. Подскажите. Миниатюры

28.08.2014, 17:33
Helpmaster Member Регистрация: 08.03.2016 Сообщений: 0	Попробуйте упростить решение проблемы, почитайте схожие топики Посоветуйте хостинг для Wordpress Возможно ли экспортировать XML-файл блога с WordPress на ucoz? Автосохранение в Wordpress

28.08.2014, 17:41	#2 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	Проще другую кнопку сделать А табличная верстка - это вообще зло Я бы смену цвета кнопки сделал бы на порядок проще с помощью CSS ":hover"

28.08.2014, 17:47	#3 (permalink)
deep.smr Member Регистрация: 28.10.2011 Сообщений: 670 Сказал(а) спасибо: 5 Поблагодарили 1 раз в 1 сообщении Репутация: 787	Ой, я не очень то в этом. А как технически сделать? Может подскажете готовую и куда вставлять что? Вашему сайту доверяю давно уже, и Вы неоднократно помогали мне в других вопросах. Благодарю. ... В инете полно, но боюсь нарваться на заразу. Спасибо.

28.08.2014, 18:05	#5 (permalink)
deep.smr Member Регистрация: 28.10.2011 Сообщений: 670 Сказал(а) спасибо: 5 Поблагодарили 1 раз в 1 сообщении Репутация: 787	Вау! Огромно спасибо! Но вот у меня style.css поделен на условные разделы, такие как /* Navigation Menu, /* Widget Styling, /* Text Elements и др. Может вот в этот /* Posts and Pages ? И несколько смущает, что? прям в любое место? С уважением к Вам.

Ads
Яндекс Member Регистрация: 31.10.2006 Сообщений: 40200 Записей в дневнике: 0 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 55070

28.08.2014, 18:45	#8 (permalink)
deep.smr Member Регистрация: 28.10.2011 Сообщений: 670 Сказал(а) спасибо: 5 Поблагодарили 1 раз в 1 сообщении Репутация: 787	да, еще, подчеркивание появляется, но цвет не меняет.....

28.08.2014, 18:52	#9 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	Скиньте в личку ссылку на сайт, посмотрю

28.08.2014, 19:32	#10 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	Странно... А как вы кнопку добавляете?!