ОсновноеRadiotalkПользовательское
VOC++ чаты (больше не поддерживаются)
3   •   Посмотреть все темы

Учебник по дизайну VOC++ BSE

 

327
Геннадий @mychatik
Вопрос: Как сменить белый фон в списке пользователей?



Ответ: Открываем designes/ваш дизайн/voc.php, находим код:

with (window.frames['voc_who_visible'].document) {
write('<tr><td bgcolor="#F1F1F1"><div align="left"><table cellspacing="2" cellpadding="0"><tr>');

Где bgcolor="#F1F1F1" - это цвет фона под списком пользователей.

Если хотите поставить в фон картинку, то, bgcolor="#F1F1F1" заменяете на background="путь к картинке".

Заодно отвечу, где поменять цвет ников в списке пользователей.

В этом же файле designes/ваш дизайн/voc.php, находим код:

else write('<font color=#000000>'+User.Nick+'</font>');
Где color=#000000 - это и есть цвет никнеймов.

327
Геннадий @mychatik
Вопрос: Где поменять цвет фона Приват, Общий канал?



Ответ: Открываем /designes/ваш_дизайн/voc.php и находим код:

var hdrLine6 = <script language="javascript\">\\n var pause = 0;\\n function up()\\n {\\nif (pause == 0)\\n { \\nscrollTo(0,10000000);\\n} \\n}\\n </\'+\'script\'+\'>\\n</head><body bgcolor=\"#fafafa\" marginwidth=\"2\" marginheight=\"2\" topmargin=\"2\" leftmargin=\"2\" >\\n\';
где
bgcolor="#fafafa" - Отвечает за цвет фона Общего канала и Привата.

В качестве фона можно использовать и картинку.
Для этого нужно заменить на код:

var hdrLine6 = '<script language="javascript">\n var pause = 0;\n function up()\n {\nif (pause == 0)\n { \nscrollTo(0,10000000);\n} \n}\n </'+'script'+'>\n</head><body style="background-image:url(ССЫЛКА НА КАРТИНКУ); background-attachment:fixed;" marginwidth="2" marginheight="2" topmargin="2" leftmargin="2" >\n';
Загружаем свою картинку и прописываем путь к ней, вместо ССЫЛКА НА КАРТИНКУ.

327
Геннадий @mychatik
Файл style.css отвечает за шрифты, цвета и кнопки в чате.

Стандартное содержимое файла style.css:
[spoiler=style.css]
body, td
{
font-family: Verdana, Tahoma, Arial;
font-size:13px;
color:black;
}
a,a:visited,a:hover
{
color:black;
}
a.jsnavi, a.jsnavi:visited,.jsnavi
{
font-family: Verdana, Arial;
font-size:11px;
color:#6060ff;
font-weight: bold;
text-decoration: none;
}
.tool_tip {
position: absolute;
visibility: hidden;
border: #000000 1px solid;
padding: 3px 3px 3px 3px;
background-color: #FCFCD3;
}
.jsnavi:hover
{
font-family: Verdana, Arial;
font-size:11px;
color: blue;
font-weight: bold;
text-decoration: none;
}
small
{
font-size:11px;
color:#555555;
}
.input { font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 10pt; color: #000000; height: auto; width: auto; border: #98C00B; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.input_button { font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 10px; background-color: #7E9B16; color: #FFFFFF; height: auto; width: auto; border: #98C00B; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
h3,.cap
{
font-weight: bold;
font-size:16px;
}
a.nick, a.nick:visited
{
text-decoration: none;
}
a.nick:hover
{
color:#6060ff;
text-decoration: none;
}
.hs
{
background-color: #dadada;
}
.hu
{
background-color: #BDD6A9;
}
.ha
{
background-color: #FFB9A1;
}
.topic
{
font-size:16px;
font-weight:bold;
color:#555555;
}

[/spoiler]

327
Геннадий @mychatik
Теперь опишу основные моменты для этого файла.

body, td
{
font-family: Verdana, Tahoma, Arial;
font-size:13px;
color:black;
}

Этот код отвечает за шрифт и цвет текста в чате. Допустим, вместо color:black мы напишем color:red, и увидим что текст стал не черным, а красным:


327
Геннадий @mychatik
a,a:visited,a:hover
{
color:black;
}

эта часть кода отвечает за цвет текста кликабельных ссылок, пример с color:red; :


327
Геннадий @mychatik
.input_button { font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 10px; background-color: #7E9B16; color: #FFFFFF; height: auto; width: auto; border: #98C00B; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
Отвечает за кнопки, цвет внутри, цвет рамки, цвет текста:



Допустим заменим background-color: #7E9B16; на background-color: #000000; тогда цвет кнопок уже будет чёрный:



font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; - отвечает за шрифт внутри кнопок.
font-size: 10px; - отвечает за размер шрифта.
background-color: #7E9B16; - отвечает за внутренний фон кнопок.
color: #FFFFFF; - отвечает за цвет текста внутри кнопок.
height: auto; width: auto; - отвечает за ширину и высоту кнопок.
border: #98C00B; - отвечает за цвет рамки вокруг кнопок.

Если вместо фона хотите картинку, то, где background-color: #7E9B16; замените на:
background-image: url(путь_до_вашей_картинки);

327
Геннадий @mychatik
Дополнения:
Как изменить цвет Для кого: и Сообщение: - https://vmeste.eu/forum?pid=326843#p326843
Как изменить цвет Рейтинг Топ-20 и Рейтинг Фото - https://vmeste.eu/forum?pid=326846#p326846
Как изменить цвет подсветки сообщений - https://vmeste.eu/forum?pid=328292#p328292

23
Денис @ddoskd
Было бы не плохо добавить информацию по изменению высоты и ширины фреймов общака, привата, окна любимых смайлов и т.д.



Отредактировано ddoskd - 27.05.2019
327
Геннадий @mychatik
ddoskd пишет:

Было бы не плохо добавить информацию по изменению высоты и ширины фреймов общака, привата, окна любимых смайлов и т.д.

Открываем файл designes/ваш дизайн/voc.php.

---------------------------------------------------------------------------------------------------------------------------------

Размер ПРИВАТА:

if($cu_array[USER_CLASS] > 0 or $cu_array[USER_CUSTOMCLASS] != 0) {
?>
<frameset name="pvt_frameset" rows="*, 20%, 80" bordercolor="#3D4976" framespacing="3">
<?php } else { ?>
<frameset name="pvt_frameset" rows="*, 30%, 60" bordercolor="#3D4976" framespacing="3">
<?php } ?>
<frame name="voc_shower" src="<?php echo $current_design;?>blank.html" marginwidth="0" marginheight="0" scrolling="auto" frameborder="1">
<frameset rows="26,*" bordercolor="#3D4976" framespacing="1">
<frame name="menu_private" src="<?php echo $current_design;?>blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="1">
<frame name="voc_shower_priv" src="<?php echo $current_design;?>blank.html" marginwidth="0" marginheight="0" scrolling="auto" frameborder="1">
</frameset>
<frame src="<?php echo $current_design;?>blank.html" name="voc_sender" scrolling="no" frameborder="1">
</frameset>

где 20% и 30% - это и есть размер привата.

---------------------------------------------------------------------------------------------------------------------------------

Высота фрейма sender_visible.php:

<?php if($cu_array[USER_CLASS] > 0) { ?>
<frameset rows="*, 85" bordercolor="#3D4976" framespacing="1" frameborder="YES" scrolling=auto>
<?php } else { ?>
<frameset rows="*, 65" bordercolor="#3D4976" framespacing="1" frameborder="YES" scrolling=auto>
<?php } ?>

85 - высота фрейма для админсостава (добавочные кнопки).
65 - высота фрейма для пользователей.

---------------------------------------------------------------------------------------------------------------------------------

Размер фрейма с любимыми смайлами:

<frameset cols="*,<?php if(!$cu_array[USER_REDUCETRAFFIC]) { ?>50, <?php } ?>200,0" bordercolor="#3D4976" framespacing="1" frameborder="YES" scrolling=auto>
50 - это и есть ширина фрейма.

---------------------------------------------------------------------------------------------------------------------------------
А лучше всего, устанавливаем мод **********, один раз выставляем размер и больше ничего не нужно 😀 ))
---------------------------------------------------------------------------------------------------------------------------------

Для того, чтобы убрать весь верхний фрейм, где обычно цепляется название чата (top.php), баннер (remote_rbs.php), радио - между navibar и menu_public, строку:

<frameset rows="0,20,72,*,0,0" framespacing="1" scrolling="no" frameborder="YES" bordercolor="#3D4976" onLoad="giveMeChat();">
меняем на:

<frameset rows="0,20,0,*,0,0" framespacing="1" scrolling="no" frameborder="YES" bordercolor="#3D4976" onLoad="giveMeChat();">
Если убирать полностью не требуется, число 72 (а это и есть высота этого фрейма) - меняем на нужное.