Каталог статей

Главная » Статьи » Web-мастерам » Скрипты для Ucoz и не только

Меняем стандартные кнопки от Ucoz

Автор: tester-disru | Дата: 10.02.2012 | Просмотров: 878 |

В этой статье я хочу объяснить как легко и просто можно заменить стандартные кнопки от Ucoz в добавлении комментариев, в форме

обратной связи и в других формах созданных вами.

И так начнем:

1) Для начала нам понадобится картинка кнопки - пусть она будет такой:

2) Теперь пойдем в управление дизайном/форма добавления комментариев:

- Ищем там такую строку:

Code

<input type="submit" class="commSbmFl" id="addcBut" name="submit" value="- Добавить комментарий -">

- И заменяем меняем ее на вот эту:

Code

<input onclick="doAddComments();return false;" name="submit" type="image" class="commSbmFl" id="addcBut"  

src="/images3/send.png">

Как видите у нас добавилось (onclick="doAddComments();return false;"), тип поменялся с (type="submit") на (

type="image"), а так же вместо надписи (value="Добавить комментарий -") теперь стоит вызов картинки (

src="/images3/send.png").

Едем дальше smile

Теперь меняем в форме обратной связи:

1) Опять же берем нашу картинку:

2) Заходим в панель управления - почтовые формы/Управление дизайном модуля

- Ищем там такую строку:

Code

<input type="submit" value="Отправить сообщение">

- И заменяем меняем ее на вот эту:

Code

<input onclick="doAddComments();return false;" name="submit" src="/images3/send.png" type="image">

Теперь расскажу как заменить в гостевой книге:

1) Опять же берем нашу картинку:

2) Заходим в панель управления - Управление дизайном/Гостевая книга/Форма добавления сообщения:

- Ищем там такую строку:

Code

<input class="commSbmFl" type="submit" id="gbsbm" value="- Добавить комментарий -" /

- И заменяем меняем ее на вот эту:

Code

<input onclick="doAddComments();return false;" name="submit" type="image" class="commSbmFl" id="gbsbm" src="/images3/send.png">

Не забывайте - id и class не надо менять.

Ну вот и все - ставим себе на сайт smile



0  
8 TimbRits   (09.01.2011 06:11)
Обалденная онлайн игра ...
Ответ: Бан за спам

0  
6 Иван   (06.08.2010 04:36)
хочу такие же зелёные кнопки как на скрине, дайте пожалуйста если знаете где взять

0  
7 tester-disru   (09.08.2010 19:17)
Извините, что сразу не ответил - был в отпуске...
Вот ответ на ваш вопрос про кнопочки зеленые:
Вид кнопки в HTML:
Code
<tr><td class="commTd2" colspan="2" align="center"><input type="submit" class="commSbmFl" id="addcBut" name="submit" value="- Добавить комментарий -"></td></tr>

Вот вид CSS стилей. Ищем в таблице стилей "/* Comments Form Style */" именяем там все на это:
Code
/* Comments Form Style */
.commTable {}
.commTd1 {color:#8FA519;font-weight:bold;padding-left:5px;}
.commTd2 {padding-bottom:2px;}
.commFl {width:100%;color:#B7B7B7;border:1px solid #454B35;background:#323726;}
.smiles {}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#B7B7B7;border:1px solid #454B35;background:#323726;}
/* ------------------- */

А так если захотите поменять цвет - то ищете в CSS этот код:
Code
.commTd1

И в нем меняете вот это:
Code
color:#8FA519

На нужный вам цвет.

0  
4 иья   (28.06.2010 10:06)
большое спасибо!!!!!!!!!!!!!!!!

0  
5 tester-disru   (29.06.2010 11:58)
smile Пожалуйста!

0  
2 Frost   (18.06.2010 16:09)
ОГРОМНОЕ СПАСИБО АВТОРУ!!! Давно искал как это сделать, и вот нашёл! Всё прекрасно фунциклирует.

0  
3 tester-disru   (18.06.2010 18:00)
Пожалуйста smile

0  
1 Drago   (27.05.2010 10:00)
Хм полезная статейка :)

Имя *:
Email: