Цвет текста в меню phpbb3

автор VeraLV Май 29th 2014, 15:40

Ничего не видно, помогите изменить цвет.

автор Домовой Май 29th 2014, 20:14

Код:: select { color:#FF0000; }

автор VeraLV Май 29th 2014, 22:06

АААААА!!!! Наконец-то мой спаситель пришел!!!!

Так, смотрим, все ок, как часы. ;)

Цвет текста в меню phpbb3 0839330001401386449

Домовой зависла с кнопками - Предпросмотр и Ответ, помню, что был где-то код по изменению их цвета, второй день ищу, не могу найти. И с кнопками перехода по страницам, заразы - белый фон внутри, не могу понять как изменить эту ситуацию, ничего не вижу, сливается с моим белым шрифтом.

https://help.forum2x2.ru/t36355-topic

Ещё зависла на панели - Быстрый переход к сервисам. Она по умолчанию 700 пикселей, мое окно быстрого ответа меньше, в итоге она больше. Не знаю как сделать как тут, увеличить окно быстрого ответа. Помогите, пожалуйста. :(

https://help.forum2x2.ru/t36356-topic#251280

автор Домовой Май 30th 2014, 13:55

VeraLV пишет:Домовой зависла с кнопками - Предпросмотр и Ответ

/* кнопка Предпросмотр */
input[name="preview"] {
cursor:pointer;
background-color:#253BA8; /* Фон в обычном состоянии */
background-image:none;
border:2px groove #00FF7F; /* рамка в обысном состоянии */
color:#fff; /* цвет текста в обычнос состоянии */
padding:3px;
font-size:12px; /* размер шрифта */
}
input[name="preview"]:hover {
cursor:pointer;
background-color:#FF0000; /* Фон при наведении */
background-image:none;
border:2px groove #00FF7F; /* рамка при наведении */
color:#FFFF00; /* цвет текста при наведении */
}

/* кнопка Отправить */
input[name="post"] {
cursor:pointer;
background-color:#253BA8; /* Фон в обычном состоянии */
background-image:none;
border:2px groove #00FF7F; /* рамка в обычном состоянии */
color:#fff; /* цвет текста в обычном состоянии */
padding:3px;
font-size:12px; /* размер шрифта */
}
input[name="post"]:hover {
cursor:pointer;
background-color:#FF0000; /* фон при наведении */
background-image:none;
border:2px groove #00FF7F; /* рамка при наведении */
color:#FFFF00; /* цвет текста при наведении */
}

автор Домовой Май 30th 2014, 14:13

VeraLV пишет:И с кнопками перехода по страницам, заразы - белый фон внутри, не могу понять как изменить эту ситуацию, ничего не вижу, сливается с моим белым шрифтом.

Код:: .pagination span a:hover { background-color:#FF0000; }

VeraLV пишет:Ещё зависла на панели - Быстрый переход к сервисам. Она по умолчанию 700 пикселей, мое окно быстрого ответа меньше, в итоге она больше.

Надо ширину прописать не в пикселях а в процентах.
Пример:

/*Панель доп. кнопок*/
#dopknop {
width:100%; /*ширина блока*/
height: 46px; /*высота блока*/
line-height: 46px;
background-image:linear-gradient(to top, #CFCFCF 0%, #FAFAFA 100%);/*Фон панели кнопок*/
border-bottom: 1px solid #AAA; /*нижняя рамка*/
border-top: 1px solid EAEAEA; /*верхняя рамка*/
border-radius: 3px; /*радиус углов*/
margin: 0 auto 5px;
text-align: center;
}
#dopknop a {
margin: 0 2px;
opacity: 0.6;
filter: alpha(opacity = 60);
}
#dopknop a:hover {
margin: 0 2px;
opacity: 1;
filter: alpha(opacity = 100);
}
#dopknop img {
vertical-align: middle;
}

А расширить форму ответа можно так

Код:: #quick_reply #textarea_content, #quick_reply table { width: 94% !important; /* ширина */ }

автор Домовой Май 30th 2014, 14:14

VeraLV пишет:И с кнопками перехода по страницам, заразы - белый фон внутри, не могу понять как изменить эту ситуацию, ничего не вижу, сливается с моим белым шрифтом.

Код:: .pagination span a:hover { background-color:#FF0000; }

VeraLV пишет:Ещё зависла на панели - Быстрый переход к сервисам. Она по умолчанию 700 пикселей, мое окно быстрого ответа меньше, в итоге она больше.

Надо ширину прописать не в пикселях а в процентах.
Пример:

/*Панель доп. кнопок*/
#dopknop {
width:100%; /*ширина блока*/
height: 46px; /*высота блока*/
line-height: 46px;
background-image:linear-gradient(to top, #CFCFCF 0%, #FAFAFA 100%);/*Фон панели кнопок*/
border-bottom: 1px solid #AAA; /*нижняя рамка*/
border-top: 1px solid EAEAEA; /*верхняя рамка*/
border-radius: 3px; /*радиус углов*/
margin: 0 auto 5px;
text-align: center;
}
#dopknop a {
margin: 0 2px;
opacity: 0.6;
filter: alpha(opacity = 60);
}
#dopknop a:hover {
margin: 0 2px;
opacity: 1;
filter: alpha(opacity = 100);
}
#dopknop img {
vertical-align: middle;
}

А расширить форму ответа можно так

Код:: #quick_reply #textarea_content, #quick_reply table { width: 94% !important; /* ширина */ }

автор Домовой Май 30th 2014, 14:15

Блин, глюки какие то.
Два раза сообщение отобразилось

автор VeraLV Май 30th 2014, 16:01

Ничего страшного, сейчас разберусь. smile

Все готово по кнопкам Предпросмотр!!!! Отправить!!! Вот такая красотища получилась!!!

ДОМОВОЙ!!!!! Я вас обожаю!!!! d_daisy

автор VeraLV Май 30th 2014, 17:05

Домовой пишет:

Код:
.pagination span a:hover { background-color:#FF0000; }

Всё супер!

автор VeraLV Май 30th 2014, 17:08

Про % понятно, сейчас попробую, уже ее удалила, сейчас по новой установлю.

автор VeraLV Май 30th 2014, 17:27

Панель, она сама по себе кривая, не знаю можно ли ее выровнить?

Оставила ее так.

Домовой, подскажите пожалуйста, где в этом коде изменение цвета надписи: Быстрый переход к сервисам? Или может смена фонового цвета этой панели?

Код:: <div style="display:none"> <div id="dopknop"> Быстрый переход к сервисам: <a target="_blank" href="http://j-p-g.net/"><img title="Загрузка фото на JPG-Net" alt="JPG-Net" src="http://i81.servimg.com/u/f81/16/54/26/99/photog10.png" /></a> <a target="_blank" href="http://www.youtube.com/"><img title="Загрузка видео c YouTube" alt="Видео" src="http://i81.servimg.com/u/f81/16/54/26/99/youtub10.png" /></a> <a target="_blank" href="http://prostopleer.com/"><img title="Загрузка музыки на Prostopleer" alt="Музыка" src="http://i81.servimg.com/u/f81/16/54/26/99/ilike10.png" /></a> <a target="_blank" href="http://pixlr.com/editor/?loc=ru"><img title="Фоторедактор Photoshop-онлайн" alt="фоторедактор" src="http://i81.servimg.com/u/f81/16/54/26/99/palett10.png" /></a> <a target="_blank" href="http://j-p-g.net/"><img title="Загрузка фото на Radikal" alt="radikal" src="http://i81.servimg.com/u/f81/16/54/26/99/photog10.png" /></a> <a target="_blank" href="http://translit.ru/"><img title="Транслит" alt="Транслит" src="http://i81.servimg.com/u/f81/16/54/26/99/13717010.png" /></a> </div> </div> <style type="text/css"> #dopknop { width: 98%; height: 46px; line-height: 46px; background: #ddd url(http://i79.servimg.com/u/f79/17/37/83/89/image_31.jpg) top left repeat-x; border-bottom: 1px solid #AAA; border-top: 1px solid EAEAEA; border-radius: 3px; margin: 0 auto 5px; text-align: center; } #dopknop a { margin: 0 2px; opacity: 0.40; filter: alpha(opacity = 40); } #dopknop a:hover { margin: 0 2px; opacity: 1; filter: alpha(opacity = 100); } #dopknop img { vertical-align: middle; } </style>

автор VeraLV Май 30th 2014, 17:35

Домовой, по кнопкам у меня возникло два вопроса.
1. При нажатии оказывается кнопки подсвечиваются, можно ли изменить цвет подсветки по своему усмотрению?

2. Цвет ссылок под мышью, мне пришлось выбрать серый

так как тут ничего не видно, можно ли это разбить? Я бы поставила коричневый цвет шрифта для надписей Да и Нет. Так как и серый не суперски видно.

автор Домовой Май 30th 2014, 21:19

VeraLV пишет:Домовой, подскажите пожалуйста, где в этом коде изменение цвета надписи: Быстрый переход к сервисам? Или может смена фонового цвета этой панели?

Замените верхний код панели на это

#dopknop {
color:#fff; /*цвет шрифта*/
width:100%; /*ширина блока*/
height: 46px; /*высота блока*/
line-height: 46px;
background-image: linear-gradient(to bottom, #2E2E2E 0%, #090909 100%);/*Фон панели кнопок*/
border:1px solid #353535; /*рамка*/
border-radius:3px; /*радиус углов*/
margin:0 auto 5px;
text-align: center;
}

автор Домовой Май 30th 2014, 21:37

VeraLV пишет:так как тут ничего не видно, можно ли это разбить? Я бы поставила коричневый цвет шрифта для надписей Да и Нет. Так как и серый не суперски видно.

/* кнопка Да */
input[name="confirm"]{
cursor:pointer;
background-color:#253BA8;
background-image:none;
border:2px groove #00FF7F;
color:#fff;
padding:3px;
font-size:12px;
}
input[name="confirm"]:hover{
cursor:pointer;
background-color:#FF0000;
background-image:none;
border:2px groove #00FF7F;
color:#FFFF00;
}

/* кнопка Нет */
input[name="cancel"]{
cursor:pointer;
background-color:#253BA8;
background-image:none;
border:2px groove #00FF7F;
color:#fff;
padding:3px;
font-size:12px;
}
input[name="cancel"]:hover{
cursor:pointer;
background-color:#FF0000;
background-image:none;
border:2px groove #00FF7F;
color:#FFFF00;
}

автор VeraLV Май 31st 2014, 10:29

Классно, сейчас будем испытывать. smile

автор VeraLV Май 31st 2014, 10:52

Панель, красота!!!!

Поскольку она сама по себе кривая, поставила значение высота панели - 97%. С одной стороны ровно. smile

автор VeraLV Май 31st 2014, 11:37

Все ок. ;)

автор VeraLV Май 31st 2014, 11:42

Ага, вот у меня код нажатия кнопки установлен, попробую его изменить, отпишусь.

/* кнопки */
.sceditor-button {
margin: 3px !important;
border: 1px solid transparent !important;
outline-color: transparent !important;
}

/* кнопки при наведении */
.sceditor-button:hover {
background-color: #000 !important;
border: 1px solid #163242 !important;
}

/* нажатая кнопка */
.sceditor-button.active, .sceditor-button.sceditor-button-source.hover {
background-color: #000 !important;
border: 1px solid #163242 !important;

автор VeraLV Май 31st 2014, 12:08

Это не то - это настройки панели кнопок в форме ответа. Там все ок.

Странно, где же этот желтый цвет, который при нажатии появляется, он и здесь лезет. Все просмотрела, ничего такого не вижу.