Question

Как убрать остатки кнопки из формы редактирования комментариев в гостевой книге?

Стили отвечающие за старую кнопку находятся в не доступа, т.е. не отредактируешь.

.myBtnLeftA {background: transparent url('/.s/img/wd/1/btn-sprite.gif') no-repeat 0 -133px;}
.myBtnRightA {background: transparent url('/.s/img/wd/1/btn-sprite.gif') no-repeat 0 -152px;}
.myBtnCenterA {background: #E3E7EB url('/.s/img/wd/1/btn-sprite.gif') repeat-x 0 -171px;height:19px;}

Как их отменить? Подскажите пожалуйста.

Comments

где ссылка на сайт??

---

Yuri_Geruk,

А что даст ссылка на сайт??? Эта часть доступна только администратору!

---

EvgenStor,

не видя проблемы, а видя лишь скриншот вам помочь нельзя, разве нарисовать на скриншоте исправленный вариант

---

Yuri_Geruk,

Юрий, что бы решить эту проблему нет необходимости смотреть сайт, там все равно ничего не увидите. Стандартный шаблон Юкос.

Всю необходимую информацию я могу дать вам здесь, если вы конечно готовы помочь.

Дизайн # 291

Модуль "Гостевая книга" жмем редактировать

Появляется модальное окно см. главный скриншет. Там необходимо визуально скрыть остатки лишних элементов кнопки (как я понимаю исправить стили нельзя)

Код кнопки:

 

<table border="0" cellpadding="0" cellspacing="0" onmousedown="this.className='downBtn'" onmouseover="this.className='overBtn'" onmouseout="this.className='outBtn'" class="outBtn">
<tbody><tr>
<td class="myBtnLeft"><img alt="" border="0" src="http://s47.ucoz.net/img/1px.gif"></td>
<td class="myBtnCenter"><div class="myBtnCont x-unselectable" unselectable="on" id="subbutipd3481" onclick="document.getElementById('submipd3481').click();"><a href="javascript://" onclick="return false;">Изменить</a></div></td>
<td class="myBtnRight"><img alt="" border="0" src="http://s47.ucoz.net/img/1px.gif"></td>
<td ></td>
</tr>
</tbody></table>

Классы которые недоступны для редактирования для этой кнопки находятся в не доступа на http://s47.ucoz.net/src/layer1.css:

 

.myBtnLeftA {background: transparent url('/.s/img/wd/1/btn-sprite.gif') no-repeat 0 -133px;}
.myBtnRightA {background: transparent url('/.s/img/wd/1/btn-sprite.gif') no-repeat 0 -152px;}
.myBtnCenterA {background: #E3E7EB url('/.s/img/wd/1/btn-sprite.gif') repeat-x 0 -171px;height:19px;}

необходимо удалить background или изменить на 'none', либо полностью очистить данные классы, получится кнопка в чистом виде

Я пробовал исправить классы с помощью jquery, при загрузке страницы, но не получается, скорее всего потому что классы модального окна подгружается после нажатия на кнопку редактировать. Моих знаний в скриптах не хватает что бы решить эту проблему.

Answer 1

Все стили в доступе, это не флэш, почитайте http://htmlbook.ru/css/!important

Comments

Эти стили находятся в не доступа на http://s47.ucoz.net/src/layer1.css

Что можно сделать с помощью !important я так и не понял, разясните вашу задумку? Изменить стиль в браузере? Так это не решение проблемы, а только ее маскировка.

---

EvgenStor,

.myBtnLeftA, .myBtnRightA, .myBtnLeft, .myBtnRight, .myBtnCenter {
visibility:hidden !important;
}

---

Sentimo,

Sentimo  спасибо, я немного изменил твой способ, поскольку в твоем случае кнопка исчезает полностью.

.myBtnLeftA, .myBtnRightA, .myBtnLeft, .myBtnRight, .myBtnCenter {background:none !important;}

На как работает !important никак врубится не могу.