Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

Изменение дизайна в IPB RuNet Pro Style 2.3.x

Я установила шаблон IPB RuNet Pro Style 2.3.x (Russian) и начала менять цвета шаблона через "Изменить цвета (CSS — простой режим)"

Не могу найти как поменять цвета в maintitle раздела "Пользователи"

ODRw5xIVTz.jpg

 

Внутри самого форума немного накрутила с цветом "Рейтинга" и "Опций" и не могу опять найти нде именно надо исправить (чтобы текст не был выделен синим цветом слов РЕЙТИНГ и ОПЦИИ + во всплывающем окне Опций)

yFoOBRyMDk.jpg

 

Как мне раскрасить эти строчки в самом форуме? И как заменить слова "Ау, Админ!", "Изменить", "Ответить" на кнопки?

NgYKvDnDWV.jpg

Рекомендованные сообщения

Если начали менять через простой режим, ничем помочь не могу.

 

Этот режим нельзя использовать, так как слетают настройки (размеры, контуры, отступы и прочие тонкости) и напрочь исчезают нестандартные классы.

Установите скин заново, возьмите неизгаженный css и правьте через расширенный режим.

Т.К. надо править код, а не менять цвета в примитивной палитре.

 

Перед этим изучите закрепленные темы. Там есть и ссылки на картинки с подписанными классами.

 

Я уже почти 4 года в простой режим даже не захожу, редактируя стили, боюсь что-то испортить :D

 

 

Ps

Текстовые кнопки заменить на графические можно отменив изменения в соответствующих макросах.

  • Автор
Если начали менять через простой режим, ничем помочь не могу.

Т.К. надо править код, а не менять цвета в примитивной палитре.

Перед этим изучите закрепленные темы. Там есть и ссылки на картинки с подписанными классами.

Я уже почти 4 года в простой режим даже не захожу, редактируя стили, боюсь что-то испортить :D

Ps

Текстовые кнопки заменить на графические можно отменив изменения в соответствующих макросах.

cпасибо :D , попробую разобраться с кодом, хотя в Css я плохо разбираюсь :D А где именно в общих настройках стиля я могу подправить цвета раздела "Пользователи" и во всплывающем окне "Опций"?

Изменено пользователем romashulya

Где-то в классах popmenu

В упрощенном режиме многих классов может не быть.

И не делайте бэкграундов в классах для ссылок. Вот Ваш текст на синем фоне - ошибка.

Не в том классе фон добавили.

  • Автор
И не делайте бэкграундов в классах для ссылок. Вот Ваш текст на синем фоне - ошибка.

Не в том классе фон добавили.

Это я уже поняла :D

Fisana, спасибо ещё раз :D

Изменено пользователем romashulya

  • 1 месяц спустя...
  • Автор

Fisana, опять вынуждена просить Вас о помощи. :) Мне нужно было вставить картинку над левой колонкой форума. Удобнее всего это оказалось сделать в global_board_header сразу под <!--ipb.rightlinks.end-->

 

Картинка теперь именно там, где я хотела, но появилась новая проблема. Вокруг и картинки и submenu, и всего остального форума непрозрачный голубой фон #d6e3f3, который раньше был только под левой колонкой (его видно, если меню короткое, а сообщений на форуме много). Видно этот фон на всех страницах, начинается с submenu и тянется до самого низа на всю ширину форума.Где и как его можно убрать?

Изменено пользователем romashulya

Зачем было картинку вставлять в код, если не понимаете форматирования сабменю?

Вы же ломаете html верстку, впихивая в код что попало.

 

Почему не вставить ее сразу поле первого

в общем шаблоне форума?

Зачем вообще для этого лезть в шаблоны шапки?

 

Голубого фона не должно быть много.

Может Вы просто где-то убили закрывающий тег?

  • Автор
Голубого фона не должно быть много.

Может Вы просто где-то убили закрывающий тег?

да нет, убираю картинку и сразу всё становится на место

 

Зачем было картинку вставлять в код, если не понимаете форматирования сабменю?

Вы же ломаете html верстку, впихивая в код что попало.

 

Почему не вставить ее сразу поле первого <td ....> в общем шаблоне форума?

Зачем вообще для этого лезть в шаблоны шапки?

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

_______________

Вставила под под <!--ipb.rightlinks.end--></div></div> И теперь всё в порядке. Заодно убрала и голубой фон из-под левой колонки

Изменено пользователем romashulya

Вставила под под <!--ipb.rightlinks.end-->
И теперь всё в порядке. Заодно убрала и голубой фон из-под левой колонки

Да это получается уже ниже сабменю, поэтому его код не рушится.

  • Автор

Фактически всю работу по переделке скина я завершила. Осталось только оформить сайдбар и сделать мейнтитлы.

Cайдбар в принцыпе получился. Я его отвязала от дизайна основного форума, сделала свои шапки и по своему содержимое оформила. Всё получилось, только в первом блоке почему-то появилось расстояние между шапкой меню и содержимым (у меня там в шапке и в фоне содержимого картинка). Что я там упустила? Вот:

<!--leftHand Sidebar-->

<td style="background: transparent; border: 0px ;" valign="top";" valign-horizontal="center"; width="209">

<div class="menu" style="background: no-repeat; valign-horizontal="center" top; border: 0px width="209px": height: 30px; ><img src="/style_images/yellow.png"></div>

<div style="background: url(style_images/giraf.png) no-repeat; width:209px; height:251px; border: 0px >

<% MEMBER BAR %>

</div>

<div class="menu" style="background: no-repeat; valign-horizontal="center" top; border: 0px width="209px": height: 30px; ><img src="/style_images/green.png"></div>

<div style="background: url(style_images/ball.png) no-repeat; width:209px; height:251px; border: 0px >

<div class="row3" style="padding: 10px"><a href="http://ipbskins.ru/free.html">Бесплатные скины IPB</a><br /><br />

<a href="http://ibrportal.net/">Помощь в покупке оригинальной лицензии</a><br /><br />

<a href="http://intboard.ru/">Русская бесплатная альтернатива IP.Board</a><br /><br />

<a href="http://ipb-ru.net/ipb-templates/my-assistant.html">Как вылечить "Мой помощник" в русской IP.Board 2.2.2</a><br /><br />

<a href="http://ipb-ru.net/left_menu_links.html">Инструкция как заменить эти ссылки своими</a>

</div>

 

<div class="menu" style="background: no-repeat; valign-horizontal="center" top; border: 0px width="209px": height: 30px; ><img src="/style_images/orange.png"></div>

<div class="innermenu" style="background: url(style_images/sidebar3.png) no-repeat; width:209px; height:251px; border: 0px >

<div class="row3" style="padding: 5px">

<a>////</a>

<a>////</a>

</div>

 

</td><!--end of leftHand Sidebar-->

Масса ошибок синтаксиса. Удивительно, что вообще скин загружается.

 

Я там ошибки, непонятные элементы, нехватку кавычек пыталась пометить. Но бесполезно, по-моему, потому что там смесь разных кусков кода. Вы разрывали свойства, впихивая туда что-то свое, не жалея ни кавычек, ни запятых....

Ну, кто, например, так код пишет:

width="209px": height: 30px;

Вы просто вторую часть оторвали от свойства стиля, загнав в середину width="209px".

А valign-horizontal="center" - это что?

Если уж употреблять, то align="center"

А valign="middle"

Но проще в стиль добавить text-align: center;

Но при условии, что Вы вообще понимаете, что делаете.

УЖОС..

  • Автор
Масса ошибок синтаксиса. Удивительно, что вообще скин загружается.

 

 

Я там ошибки, непонятные элементы, нехватку кавычек пыталась пометить. Но бесполезно, по-моему, потому что там смесь разных кусков кода. Вы разрывали свойства, впихивая туда что-то свое, не жалея ни кавычек, ни запятых....

Ну, кто, например, так код пишет:

width="209px": height: 30px;

Вы просто вторую часть оторвали от свойства стиля, загнав в середину width="209px".

А valign-horizontal="center" - это что?

Если уж употреблять, то align="center"

А valign="middle"

Но проще в стиль добавить text-align: center;

Но при условии, что Вы вообще понимаете, что делаете.

УЖОС..

:) перепроверю и перепишу

_____

Перепроверила и исправила ошибки. расстояние так и осталось. Потом попробовала убрать <% MEMBER BAR %> и заменить его на текст и ссылки. Пробел сразу исчез.

Изменено пользователем romashulya

  • Автор

Где можно ли изменить цвет строк с .postdetails (строчка с ником, датой и временем сообщения и IP) и .formbuttonrow ?

Изменено пользователем romashulya

.postdetails и

.formbuttonrow

  • Автор
.postdetails и

.formbuttonrow

.postdetails уже пробовала. но не получилось. Если поменять цвет в .postdetails, то меняется цвет под самими буквами всех postdetails, в том числе и под аватаром, а мне нужно поменять цвет строки, которая находится сразу под maintitle, строки в которой указывается ник пользователя, дата и время сообщения, ИП адрес и номер сообщения в теме

Н-да... Теперь понимаю, почему у Вас фон под текстами.

 

Зачем Вы background меняете?

Надо, если так уж хочется, дописать цвет шрифта:

color: #нужный цвет;

 

А фон не трогать!

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.