Перейти к публикации
View in the app

A better way to browse. Learn more.

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

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Изменение дизайна в 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: #нужный цвет;

 

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

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

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.