Стили + Кнопки

10.04.2009

Вот вопрос: возможно ли как нить прописать к каждому стилю определенные кнопки ? например белый стиль там специально подобранные под него кнопки и так далее

10.04.2009

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

10.04.2009

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

10.04.2009

ну ты пропиши стили кнопки и они будут менятся!

10.04.2009

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

10.04.2009

Задай в каждом фалйе стиль.css определённый стиль для кнопки класс .ok к примеру, и пропиши каждой кнопке class=ok
Теперь просто в каждом файле .css меняй разные стиль для класса .ok и будет счастье.

10.04.2009

недогнал(((( приведи хотябы один пример просто кодом дальше я сам разбирусь

10.04.2009

/* кнопки */
.ok {color: #цвет фона кнопки; font: 11px Tahoma; background: #цвет шрифта; border: 1px solid #цвет бордера; cursor: hand;}

font: 11px Tahoma; это размер шрифта и его стиль
border: 1px solid #цвет бордера; устанавливаешь цвет рамки и её размер если хочешь ставишь 0 и её не будет
cursor: hand; курсор при наведении на кнопку
если хочешь можешь добавить фоновое изображение background-image:url('ссылка на изображение');

10.04.2009

так же для каждого класа примером .ok можно сделать разные класы например .ok2 так ты можешь оформлять кнопки в разных фреймах или типа выделить по такому класу админку

10.04.2009

Это в стили прописать да? а вот они будут распологаться там где до этого или в верхний фрейм надо тож добавить?

10.04.2009

это пишешь в стилях а у каждой кнопки прописываешь её клас

10.04.2009

Simple HTML. ёмаё

В стили добавляй.
и в кашдую кнопкы вписывай class="который прописал в стилях"

А при регистрации чата, проверки знания хтмл нету уже? Обидно.

10.04.2009

Да, обидно, то ли дело раньше, пока 1 числа очередного месяца дождешься, пока тест пройдешь... романтика. Чуть меньше месяца пришлось ждать 1 февраля 2007 года )

12.06.2009

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

12.06.2009

/* кнопки */
.ok { BORDER-RIGHT: #1a1a1a 2px solid; BORDER-TOP: #46616c 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #364e70; BORDER-LEFT: #46

12.06.2009

а где там длину вписывать?

12.06.2009

width:100px; например добавить

12.06.2010

перепробовал все, но того что надо не добился, меняєтся совсем другое а не то что надо... У меня по умолчанию стоит белый текст, тоесть не в чате, а вообще везде, форум, анкета, галерея, титулка и во всех шаблонах. Фон чата оранжевый, и оно не очень играет с белым, где в стилях правильно прописать ето. ВОт код :
/* STYLESATOR */
select {
color:ffffff;
}
input {
color:ffffff;
}
.users-body {
}
.banner-body {
background-image:url('http://mpchat.com/ukrfan/img/frames/baner1.jpg');
}
.top-body {
}
.love-body {
background-image:url('http://mpchat.com/ukrfan/img/other/heartsbackground.JPG');
}
.header-body {
}
.chat-body {
background-image:url('http://mpchat.com/ukrfan/img/frames/126253678411.JPG');
}
body {
scrollbar-3dlight-color:FFFFFF;
scrollbar-track-color:87CEEB;
scrollbar-arrow-color:000000;
scrollbar-darkshadow-color:696969;
scrollbar-face-color:6495ED;
scrollbar-highlight-color:FFFFFF;
scrollbar-shadow-color:696969;
}
textarea {
background-color:ffffff;
}

/* MYSTYLE */

/* тело документа */
body {color:14acca; font:11px Verdana; background-color:f2da91;}





/* ссылки */
a,a:active{color:#0088ff; font: bold 11px Verdana; text-decoration: none;}
a:hover{text-decoration: underline;}
a:hover{text-decoration: underline;}a:hover {color:#ffffff;}




/* таблицы */
table { border:1px #ffffff solid; border-collapse:collapse; }
td {color:ffffff; font: 11px Verdana; padding:2px; border:1px #444444 solid;}

/* кнопки */
.ok {background-color: #fff; background-image:url('http://mpchat.com/ukrfan/img/other/12634796451.jpg'); font: 11px Verdana; border: 1px solid #000; cursor: hand; color: #333; }
.text {color: #000000; font: 11px Tahoma; background: #ffffff; border:1px solid #333; }


/* стиль никлиста в фрейме участников для #id=users */
#users table {border:0px; margin-top:1px; border:1px dashed #444444;background-color:eece6c; color:#FFFFFF; }
#users td {border:0px; margin-top:1px; margin-top:1px; border:1px dashed #444444;background-color:eece6c; color:#FFFFFF;}
#users a { font: bold 11px Verdana; }
.users-body table {border:0px; }
.users-body td {border:0px; }


/* стиль разделения в фрейме участников */

#woman td { margin-top:1px; border:1px dashed #444444;background-color:eece6c; color:#EE3A8C; }
#man td {margin-top:1px; border:1px dashed #444444;background-color:eece6c; color:#0000ff; }
#noman td {margin-top:1px; border:1px dashed #444444;background-color:eece6c; color:#444444;}



. {background-image:url(http://mpchat.com/ukrfan/img/frames/baner1.jpg); background-repeat:x-repeat;}

.title {color:white; background-image:url(http://mpchat.com/ukrfan/img/other/12634796451.jpg); font-weight:bold;}

12.06.2010

для форума:
.body-forum {font: bold 13px Verdana; color: код цвета;}
.body-forum td {color:#000000; background-color:f2da91; font: 12px Verdana; padding:4px; border:1px #777777 solid; }
Гостевая
.gb-body {font: bold 13px Verdana; color: код цвета;}
.gb-body td {color:#000000; background-color:f2da91; font: 12px Verdana; padding:4px; border:1px #777777 solid; }
Галерея:
.gallery-body {font: bold 13px Verdana; color: код цвета;}
.gallery-body td {color:#000000; background-color:f2da91; font: 12px Verdana; padding:4px; border:1px #777777 solid; }
Настройки
.set-body {font: bold 13px Verdana; color: код цвета;}
.set-body td {color:#000000; background-color:f2da91; font: 12px Verdana; padding:4px; border:1px #777777 solid; }
Анкета
.info-body td {color:#000000; background-color:f2da91; font: 12px Verdana; padding:4px; border:1px #777777 solid; }
.info-body {font: bold 13px Verdana; color: код цвета;}

12.06.2010

а шоб не игратся то можна сразу class=body по аналогии настроить))


Все документы
body {font: bold 13px Verdana; color:#ff0000;}
body td {color:#14acca; background-color:f2da91; font: 11px Verdana; padding:1px; border:1px #777777 solid; }