[Ликбез]
Форма входа
Меню сайта
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать... » Как изменить кнопки в шаблоне страницы «Личные сообщения»
Как изменить кнопки в шаблоне страницы «Личные сообщения»
[1] likbezz [05.09.2010, 16:09]
-=MAG=-,
Quote (-=MAG=-)
Что и в каком шаблоне нужно написать, чтобы увеличить длину этих кнопок?

Шаблон: «Личные сообщения (ЛС)»

Quote
<?if($PAGE_ID$='pm')?>
<style type="text/css">
input.allUsersBtn{width:твоя цифра(определяется опытным путём) !important;} /* кнопка */
input.uSearchFl{width:твоя цифра(определяется опытным путём) !important;} /* поле */
input.uSearchFlSbm{width:твоя цифра(определяется опытным путём) !important;} /* кнопка */
</style>
<?endif?>

Скрин (на скрине width:10px;):



Flesh
Прикрепления: 3106700.png (0.9 Kb)
[2] likbezz [05.09.2010, 16:10]
fflesh, благодарю! Нижний ряд кнопок поправил.
А как быть с кнопками которые повыше?
Просмотреть Отправить Отменить
Залез в исходник страницы, там у этих кнопок нету значения input class.
Наблюдаю у них только значения input type:
button submit reset
Как их в скрипте "обозвать" следует?
[3] likbezz [05.09.2010, 16:11]
-=MAG=-,
Quote (-=MAG=-)
Как их в скрипте "обозвать" следует?

... ヅ
Как в «скрипте» не знаю ... ヅ .. а в CSS вот так:

Code
input[type="button"]{твои стили;}

а вообще, это делается через родительский элемент, в данном случае форма ...

Quote
form#addform input{width:твоя цифра(определяется опытным путём);}

«!important» - не ставим ... дабы не изменять нижестоящие кнопки ... но здесь можно «поиграться» стилями и добиться нужного эффекта ...

На крайняк - всегда есть JS ... ヅ



Flesh
[4] likbezz [05.09.2010, 16:14]
© Автор: -=MAG=-, Оригинал поста,

fflesh, ещё раз благодарю!
Всё получилось.

Вот код, возможно кому-то ещё будет полезен:

Code
<?if($PAGE_ID$='pm')?>
<style type="text/css">
input#pmSubject{width:80% !important;} /* тема */  
input[type="button"]{width:190px !important;} /* просмотр */
input[type="submit"]{width:170px !important;} /* отправить */
input[type="reset"]{width:150px !important;} /* отменить */
input.allUsersBtn{width:320px !important;} /* список пользователей */
input.uSearchFl{width:240px !important;} /* логин */
input.uSearchFlSbm{width:280px !important;} /* найти пользователей */
</style>
<?endif?>

А вот результат:

Было

Cтало

Прикрепления: 3977463.png (22.2 Kb) · 3107287.png (23.2 Kb)
Полная версия сайта