Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   DHTML/JS/CSS (http://www.flasher.ru/forum/forumdisplay.php?f=24)
-   -   вопрос (http://www.flasher.ru/forum/showthread.php?t=21293)

WD` 15.10.2001 00:43

вопрос
 
С помощью CSS можно изменять вид кнопок в HTML-форме. Можно ли изменить стандартный вид таких объектов как "Checkbox", "Choice", "Select"?

puzyak 17.10.2001 16:36

Можно, напиши что хочеш изменить, я напишу как.

WD` 17.10.2001 20:02

Ну например изменить цвет BackGround'а и границ, размер окошка Checkbox

Цвета Бэкгр. и границ Choice

Если есть возможность, напиши, что знаешь :)
Заранее благодарен

puzyak 18.10.2001 16:28

посмотри пока это,
как будет время пошлю еще.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body bgcolor="#FFFFFF">
<div id="Layer1" style="position:absolute; left:156px; top:32px; width:14px; height:14px; z-index:1; background: #FF0000; layer-background-color: #FF0000; border: 1px none #000000">
<input type="checkbox" name="checkbox22" value="checkbox" style="background:#00FF00; cursor: hand; list-style: lower-alpha; filter: Alpha(Opacity=0, FinishOpacity=100, Style=3)">
<!--Style=? &iuml;&icirc;&auml;&ntilde;&ograve;&agrave;&acirc;&uuml; &eth;&agrave;&ccedil;&iacute;&ucirc;&aring; &divide;&egrave;&ntilde;&euml;&agrave; -->
</div>
<input type="checkbox" name="checkbox" value="checkbox" style="background-color:#FFFF00;">
<input type="checkbox" name="checkbox" value="checkbox" style="background: #FF0000">
<input type="checkbox" name="checkbox" value="checkbox" style="background: #FF0000; border: 1px #00FF00 dotted">
<input type="checkbox" name="checkbox2" value="checkbox" style="background:#00FF00; cursor: hand">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#0000FF">
<input type="checkbox" name="checkbox3" value="checkbox" style="background-color:#0000FF;">
</td>
</tr>
<tr>
<td bgcolor="#990000">
<input type="checkbox" name="checkbox222" value="checkbox" style="background:#990000; cursor: hand; list-style: lower-alpha; filter: Alpha(Opacity=0, FinishOpacity=100, Style=1)">
</td>
</tr>
<tr>
<td bgcolor="#33FF00">
<input type="checkbox" name="checkbox223" value="checkbox" style="background:#33FF00; cursor: hand; list-style: lower-alpha; filter: Alpha(Opacity=0, FinishOpacity=100, Style=2)">
</td>
</tr>
<tr>
<td bgcolor="#FF0000">
<input type="checkbox" name="checkbox224" value="checkbox" style="background:#FF0000; cursor: hand; list-style: lower-alpha; filter: Alpha(Opacity=0, FinishOpacity=100, Style=3)">
</td>
</tr>
<tr>
<td bgcolor="#FF00FF">
<input type="checkbox" name="checkbox225" value="checkbox" style="background:#FF00FF; cursor: hand; list-style: lower-alpha; filter: Alpha(Opacity=0, FinishOpacity=100, Style=4)">
</td>
</tr>
<tr>
<td bgcolor="#FF00FF">
<input type="checkbox" name="checkbox32" value="checkbox" style="background-color:#0000FF; filter: Invert">
</td>
</tr>
</table>
<input class=input2 type="text" size="20" name="aaa" style="background-color:#fffcd6;">

<textarea class="input2" cols="20" name="bbb" style="background-color:#fffcd6;"></textarea>
</body>
</html>

WD` 20.10.2001 20:24

Cпасибо за помощь! :)

Вот вопрос: INPUT type=radio
Как изменить цвет фона внутри и снаружия уже знаю,
но вот как изменить цвет самих границ? чтоб не было
видно "вдавливания". Например, чтоб это была тонкая
синяя линия - не знаю.
Можно ли убрать эффект "вдавливания" у Checkbox?

-----------------------------------------------------------------
Заранее thx

puzyak 22.10.2001 01:44

Можно но с большой "ручной" работой в DHTML, XML, или Java script легче сделать две картинки чекбокса и использовать swap image (для блока чекбоксов) или java script (для одного чекбокса (пример: http://www.hoffmeister.cz/cz/location_en.html)), скриптов для отправки формы с учетом состояния эмуляции (30 минут искал это слово в словаре) чекбокса очень много Но для каждого примера, нужен конкретный скрипт. Если пошлеш линку с той работой

puzyak 22.10.2001 01:46

Можно но с большой "ручной" работой в DHTML, XML, или Java script легче сделать две картинки чекбокса и использовать swap image (для блока чекбоксов) или java script (для одного чекбокса (пример: http://www.hoffmeister.cz/cz/location_en.html)), скриптов для отправки формы с учетом состояния эмуляции (30 минут искал это слово в словаре) чекбокса очень много. Но для каждого примера, нужен конкретный скрипт. Если пошлеш линку с той работой что тебе нужно сделать то напишу скрипт за отдельную плату (шутка)

KBA-KBA 22.10.2001 19:03

НУ а как такое сотворить???
 
1 :: что за ручная работа??? (не считая свап имейдж)
2 :: как с TEXTAREA сделать скролинг нужного цвета???

WD` 23.10.2001 15:49

Вложений: 1
Puzyak

Вот пример Radio-button


Часовой пояс GMT +4, время: 14:39.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.