Перейти к публикации
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 для чайников (меняем css)

Опубликовано:

В этой теме попробую по-русски описать значение и возможности классов css (каскадный стиль) в ipb. Их много, поэтому описывать буду постепенно и с перерывами.

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

Опубликовано:
  • Автор

Лучше задавайте конкретные вопросы по css с указанием версии форума.

  • 2 недели спустя...
Опубликовано:

Все не читал. Да я и не нашел бы ответа. Сори за ОФФТОП.

В общем вопрос.

Как вставить ссылку (а именно с форума на сайт) в строке там где клендарь, панел управления итп

Вернее, где это изменеятся?

Благодарю за понимание и отвеТ!

 

версия 2,3,1

Опубликовано:

Уже не актуально!

Разобрался сам!

Сори

Опубликовано:
  • Автор

По Вашему вопросу здесь было много тем и даже написала FAQ - http://ipb-ru.net/ipb-menu-link.html

Ищите лучше, большинство вопросов повторяется.

И к css это тоже не имеет ни малейшего отношения.

Вы когда-нибудь видели ссылки в css? Откройте в админке в редакторе и посмотрите.

 

Прошу задавать вопросы по теме.

Не о HTML и не о PHP.

  • 1 месяц спустя...
Опубликовано:

где проставляется размер шрифта select менюшек форума. Например, выбор скина

Опубликовано:
  • Автор

Параметры шрифта задаются скопом здесь:

.input-warn,
.input-green,
.input-checkbox,
input,
textarea,
select{

Но ниже класс select вписан отдельно, если добавить туда другие свойства шрифта, то они и отобразятся в скине в выпадающих менюшках.

Опубликовано:

спасибо. А то в стиле Soi они отображались коряво как то.

Опубликовано:

У меня форум работает на IB 2.3.1 одет в ibr2 Style (переделаный под стандартный стиль, и в css незначительные изминения

#ipbwrapper{ 
margin: 1px auto 20px auto;
text-align: left;
width: 99%;

и замена в графике

Решил поставить форум на базе v2.0.4. Вопрос? Существeт ли данный скин под 2.0.4 Если кто переделывал поделитесь css файлом этого стиля под эту версию :mellow: Очень вам буду благодарен

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

Опубликовано:
  • Автор

Существует.

Этот скин начался с версии 2.0.4, но я его не распространяю в ранней версии.

Ваше сообщение в этой теме – оффтоп.

Устное предупреждение.

В следующий раз просто заблокирую за посты не по теме.

Хотите css скина IBR от 2.0.4, создайте отдельную тему, не загаживая другие.

Опубликовано:

druzya , ya xochu pomenyat maintitle (ili tileback) no ne znayu kak mne eto sdelat.

Опубликовано:
  • Автор

tile_cat.gif по умолчанию в классе maintitle.

Открывайте css и ищите там группу с этим классом.

Вместо градиента по умолчанию можете приписать свой файл, который предварительно нужно закачать в папку картинок скина.

Ну или в папке картинок замените дефолтный файлик своим, сохранив название.

  • 1 месяц спустя...
Опубликовано:

прочитал топик с самого начала, хочу сделать фон в виде свертка для IPB 2.3.3, т.е. есть 3 картинки - верх свертка, средина и низ.

 

вот код

background:url(img/inforum_back.jpg) center repeat-y;

background:url(img/inforum_top_back.jpg) top no-repeat;

background:url(img/inforum_bot_back.jpg) bottom no-repeat;

 

какие варианты ни пробую видно всегда только одну из трех картинок.

и второй вопрос, верхний край свертка лежит под логотипом, как его сдвинуть вниз?

Опубликовано:
  • Автор

Просто в одном классе картинку никак не привязать.

Привяжите к классу body одну, центральную.

Вторую привяжите к классу ipbwrapper, он используется в общем шаблоне форума (Editing the Board Header and Footer Wrapper) в тегах

.............
.

Затем создайте похожий класс ipbwrapper2, привяжите туда третью картинку, а в свойствах класса обнулите margin и в width замените 98% на 100%.

Затем вложите

в общий шаблон внутрь

Получится:

........

........

Опубликовано:

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

И сразу следущий вопрос - некторым элементам (submenu) надо сделать фон неотличный от цвета свитка, цвет его не безопасный и кодом не пишется. Можно ли как нибудь задать прозрачный фон или поступить как нибудь по другому, например вырезать кусочек свитка и использовать его как фон?

Опубликовано:
  • Автор

Смотреть архив не буду.

Сверху и снизу ясно почему центральная картинка вылезает.

body - весь экран

А в классе ipbwrapper прописан верхний и нижний отступ от края экрана (margin), равный 20px. Можете их обнулить. Кроме того, можно прописать ширину 100%, а в ipbwrapper2 увеличить padding, чтобы таблицы не липли к краям экрана, по дефолту там padding:0;.

 

background:url(img/inforum_back.jpg) center repeat-y; - и что, она не центрируется посередине?

Таблицы соскочить могли только в том случае, если неправильно прописали свойства классов или забыли закрыть тег .

 

Просто в классах submenu и .ipb-top-left-link,.ipb-top-right-link задайте

background: transparent;

В них же обнулите/уберите контур.

border: 0;

 

Все станет прозрачным.

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

Сейчас на странице 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.