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

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

 
1 2

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



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

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

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

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

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

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

  1. else write('<font color=#000000>'+User.Nick+'</font>');

Где color=#000000 - это и есть цвет никнеймов.

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



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

  1. 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" - Отвечает за цвет фона Общего канала и Привата.

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

  1. 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';

Загружаем свою картинку и прописываем путь к ней, вместо ССЫЛКА НА КАРТИНКУ.

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

Стандартное содержимое файла style.css:
[spoiler=style.css]
  1. body, td
  2. {
  3. font-family: Verdana, Tahoma, Arial;
  4. font-size:13px;
  5. color:black;
  6. }
  7. a,a:visited,a:hover
  8. {
  9. color:black;
  10. }
  11. a.jsnavi, a.jsnavi:visited,.jsnavi
  12. {
  13. font-family: Verdana, Arial;
  14. font-size:11px;
  15. color:#6060ff;
  16. font-weight: bold;
  17. text-decoration: none;
  18. }
  19. .tool_tip {
  20. position: absolute;
  21. visibility: hidden;
  22. border: #000000 1px solid;
  23. padding: 3px 3px 3px 3px;
  24. background-color: #FCFCD3;
  25. }
  26. .jsnavi:hover
  27. {
  28. font-family: Verdana, Arial;
  29. font-size:11px;
  30. color: blue;
  31. font-weight: bold;
  32. text-decoration: none;
  33. }
  34. small
  35. {
  36. font-size:11px;
  37. color:#555555;
  38. }
  39. .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}
  40. .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}
  41. h3,.cap
  42. {
  43. font-weight: bold;
  44. font-size:16px;
  45. }
  46. a.nick, a.nick:visited
  47. {
  48. text-decoration: none;
  49. }
  50. a.nick:hover
  51. {
  52. color:#6060ff;
  53. text-decoration: none;
  54. }
  55. .hs
  56. {
  57. background-color: #dadada;
  58. }
  59. .hu
  60. {
  61. background-color: #BDD6A9;
  62. }
  63. .ha
  64. {
  65. background-color: #FFB9A1;
  66. }
  67. .topic
  68. {
  69. font-size:16px;
  70. font-weight:bold;
  71. color:#555555;
  72. }

[/spoiler]

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

  1. body, td
  2. {
  3. font-family: Verdana, Tahoma, Arial;
  4. font-size:13px;
  5. color:black;
  6. }

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


0
327
Геннадий @mychatik
  1. a,a:visited,a:hover
  2. {
  3. color:black;
  4. }

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


0
327
Геннадий @mychatik
  1. .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(путь_до_вашей_картинки);

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

  1. <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, строку:

  1. <frameset rows="0,20,72,*,0,0" framespacing="1" scrolling="no" frameborder="YES" bordercolor="#3D4976" onLoad="giveMeChat();">

меняем на:

  1. <frameset rows="0,20,0,*,0,0" framespacing="1" scrolling="no" frameborder="YES" bordercolor="#3D4976" onLoad="giveMeChat();">

Если убирать полностью не требуется, число 72 (а это и есть высота этого фрейма) - меняем на нужное.

0





Согласие на обработку данных на нашем сайте

Продолжая просматривать страницу, вы соглашаетесь с использованием файлов «Cookie» и с Политикой конфиденциальности «Privacy».
Наверху или внизу страницы вы можете изменить валюту и язык по умолчанию. Английская версия сайта ещё находится в доработке и доступна не полностью.