Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
romashulya

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

Recommended Posts

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

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

ODRw5xIVTz.jpg

 

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

yFoOBRyMDk.jpg

 

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

NgYKvDnDWV.jpg

Share this post


Link to post
Share on other sites

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

 

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

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

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

 

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

 

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

 

 

Ps

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

Share this post


Link to post
Share on other sites
Если начали менять через простой режим, ничем помочь не могу.

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

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

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

Ps

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

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

Edited by romashulya

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites
И не делайте бэкграундов в классах для ссылок. Вот Ваш текст на синем фоне - ошибка.

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

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

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

Edited by romashulya

Share this post


Link to post
Share on other sites

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

 

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

Edited by romashulya

Share this post


Link to post
Share on other sites

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

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

 

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

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

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

 

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

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

Share this post


Link to post
Share on other sites
Голубого фона не должно быть много.

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

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

 

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

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

 

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

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

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

_______________

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

Edited by romashulya

Share this post


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

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

Share this post


Link to post
Share on other sites

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

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-->

Share this post


Link to post
Share on other sites

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

 

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

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

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

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

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

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

А valign="middle"

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

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

УЖОС..

Share this post


Link to post
Share on other sites
Масса ошибок синтаксиса. Удивительно, что вообще скин загружается.

 

 

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

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

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

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

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

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

А valign="middle"

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

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

УЖОС..

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

_____

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

Edited by romashulya

Share this post


Link to post
Share on other sites

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

Edited by romashulya

Share this post


Link to post
Share on other sites

.postdetails и

.formbuttonrow

Share this post


Link to post
Share on other sites
.postdetails и

.formbuttonrow

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...