Форумы » VOC++ чаты (больше не поддерживаются) »

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



1 2

299
mychatik
[b]Вопрос:[/b] Как сменить белый фон в списке пользователей?

[img]http://imgs.su/users/67540/1468461383.png[/img]

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

[code] with (window.frames['voc_who_visible'].document) {
write('<tr><td bgcolor="#F1F1F1"><div align="left"><table cellspacing="2" cellpadding="0"><tr>');[/code]
Где [b]bgcolor="#F1F1F1"[/b] - это цвет фона под списком пользователей.

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

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

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

[code] else write('<font color=#000000>'+User.Nick+'</font>');[/code]
Где [b]color=#000000[/b] - это и есть цвет никнеймов.
299
mychatik
[b]Вопрос:[/b] Где поменять цвет фона Приват, Общий канал?

[img]http://imgs.su/users/67540/1468459445.png[/img]

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

[code] 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\';[/code]
где
[b]bgcolor="#fafafa"[/b] - Отвечает за цвет фона Общего канала и Привата.

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

[code]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';[/code]
Загружаем свою картинку и прописываем путь к ней, вместо [b]ССЫЛКА НА КАРТИНКУ[/b].
299
mychatik
Файл [b]style.css[/b] отвечает за шрифты, цвета и кнопки в чате.

Стандартное содержимое файла [b]style.css[/b]:
[spoiler=style.css]
[code] 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;
}[/code]
[/spoiler]
299
mychatik
Теперь опишу основные моменты для этого файла.

[code] body, td
{
font-family: Verdana, Tahoma, Arial;
font-size:13px;
color:black;
}[/code]
Этот код отвечает за шрифт и цвет текста в чате. Допустим, вместо [b]color:black[/b] мы напишем [b]color:red[/b], и увидим что текст стал не черным, а красным:

[img]http://imgs.su/users/67540/1468460256.png[/img]
299
mychatik
[code] a,a:visited,a:hover
{
color:black;
}[/code]
эта часть кода отвечает за цвет текста кликабельных ссылок, пример с [b]color:red;[/b] :

[img]http://imgs.su/users/67540/1468460345.png[/img]
299
mychatik
[code].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}[/code]
Отвечает за кнопки, цвет внутри, цвет рамки, цвет текста:

[img]http://imgs.su/users/67540/1468460452.png[/img]

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

[img]http://imgs.su/users/67540/1468460502.png[/img]

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

Если вместо фона хотите картинку, то, где [b]background-color: #7E9B16;[/b] замените на:
[b]background-image: url(путь_до_вашей_картинки);[/b]
299
mychatik
[b]Дополнения:[/b]
Как изменить цвет [b]Для кого:[/b] и[b] Сообщение:[/b] - [url]https://forum.vmeste.eu/viewtopic.php?pid=326843#p326843[/url]
Как изменить цвет [b]Рейтинг Топ-20[/b] и [b]Рейтинг Фото[/b] - [url]https://forum.vmeste.eu/viewtopic.php?pid=326846#p326846[/url]
Как изменить цвет [b]подсветки сообщений[/b] - [url]https://forum.vmeste.eu/viewtopic.php?pid=328292#p328292[/url]
23
ddoskd
Было бы не плохо добавить информацию по изменению высоты и ширины фреймов общака, привата, окна любимых смайлов и т.д.


[img]http://d-place.top/ssilka/Screenshot_1.jpg[/img]


Отредактировано ddoskd - 27.05.2019
299
mychatik
[quote=ddoskd]Было бы не плохо добавить информацию по изменению высоты и ширины фреймов общака, привата, окна любимых смайлов и т.д.[/quote]
Открываем файл [b]designes/ваш дизайн/voc.php[/b].

[color=red][b]---------------------------------------------------------------------------------------------------------------------------------[/b][/color]

[b]Размер ПРИВАТА:[/b]

[code] 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>[/code]
где [b]20%[/b] и [b]30%[/b] - это и есть размер привата.

[color=red][b]---------------------------------------------------------------------------------------------------------------------------------[/b][/color]

[b]Высота фрейма sender_visible.php:[/b]

[code] <?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 } ?>[/code]
[b]85[/b] - высота фрейма для админсостава (добавочные кнопки).
[b]65[/b] - высота фрейма для пользователей.

[color=red][b]---------------------------------------------------------------------------------------------------------------------------------[/b][/color]

[b]Размер фрейма с любимыми смайлами:[/b]

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

[color=red][b]---------------------------------------------------------------------------------------------------------------------------------[/b][/color]
[b]А лучше всего, устанавливаем мод [url=https://mvoc.ru/post/236]Умные фреймы[/url], один раз выставляем размер и больше ничего не нужно 😀 ))[/b]
[color=red][b]---------------------------------------------------------------------------------------------------------------------------------[/b][/color]

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

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

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


Неавторизованные и новички не могут отправлять сообщения.

© 2008-2020 vmeste.eu
Контакты | Группа | Privacy и Cookie | Правила