Перейти к публикации
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 только начинаю разбираться то стал переделывать ваш шаблон "IPB Magic Game Style 2.3.x (2.2.x)" в связи с этим пара вопросов.

 

Как убрать градиентную рамку указанную на скриншоте (все перепробовал в CSS но так и не понял где это прописано). Скриншот 1

 

И второй вопросик. Как можно грамотно дописать в CSS или куда нужно чтобы получился переход как на втором скриншоте. Т.е. как можно прикрутить нижнюю картинку. Скриншот 2

 

Заранее спасибо за помощь.

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

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

1. Чтобы убрать картинку, появляющуюся при наведении, самое простое – обратить к дефолту шаблоны

skin_boards > forum_row и forumredirectrow.

2. Постройте внизу блочную конструкцию.

Туда засуньте картинку.

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

Но бэкграунд будет все равно различаться на границе.

Я бы не стала городить на всю ширину футера такую картинку.

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

А все. Понял в чем косяк с футером. Спасибо за помощь. Буду думать как выйти из этой ситуации.

 

Вопрос. А можно указать в #ipbwrapper не процентную величину а фиксированную по ширине и длинне чтобы добиться эффекта как на Скриншоте? Скриншот 3

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

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

Можно.

Выставьте во внешнем враппере пиксели вместо процентов.

Но не более 1000px.

 

Насколько помню, я там минимальную ширину в 1000 выставляла.

min-width при фиксации можно совсем убрать.

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

Fisana , извините меня сразу, но я даже не знаю где задать вопрос на интересующую меня тему.

Собственно я хочу Вас спросить. При создании шаблонов Вы с чего то начинаете... И прежде чем шаблон станет в виде xml файлов он из чего то состоит. Из шаблонов CSS, HTML... А есть такая возможность чтобы Вы выложили бы какие то исходные файлы бесплатного скина исключительно для их изучения.

И что вообще содержит в себе набор до того как он станет xml файлом. Еще раз извините, если не там спросила, просто не могу больше ничего найти более подходящего.

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

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

Откройте админку, редакторы html и css, это содержание исходных файлов.

Они хранятся в базе данных.

Редактируются только через админку.

При импорте запаковываются в архив.

 

Начните с css, если хотите не слишком что-то испортить...

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

То есть как я поняла, кроме тех файлов что в админ панели, больше нету никаких? То есть пишутся только те шаблоны и те CSS, которые располагаются там?

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

css кэшируется в папку картинок, но экспортируется все равно из базы.

А из шаблонов кэшируются только изменения (отличия от базового) в cache > skin_cache

А так все хранится в базе, посмотреть их или отредактировать можно только через ACP.

Их там штук 600 кусков по группам :)

 

Из них в скинах редактируется до 200.

В простых скинах правится только css и картинки.

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

Fisana, спасибо большое!! :)

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

Дорисовал к форуму правую колонку, а как её оформить теми же фонами и бордерами, что и весь форум по умолчанию?!

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

Использовать там классы, которые использованы в скине, и при необходимости перестроить колонку, если надо менять html...

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

как создать такую шапку в ип борд ?

BVB_Forum_by_synthes.jpg

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

Как обычно, сверстать.

IPB такая же cms, как и остальные, и верстка ее шаблонов ничем не отличается от того, что Вы делаете для сайтов.

Но, кроме знания html и css, требуется познакомиться со структурой шаблонов IPB.

В данном случае, ничего сложного.

Верстайте в global_board_header + member_bar

 

Но я одного не понимаю, какое отношение Ваш вопрос имеет к CSS ???

В название темы что написано?

 

Верстайте шапку, если возникнут конкретные вопросы по css, спросите.

А пока прошу не оффтопить!

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

Наверно глупый вопрос. Но какой файл и где он лежит, отвечает за .css в скине IBR для 2.3.х

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

В админке в свойствах скина не пробовали его открывать (расширенный режим)?

А лежит он в базе данных. Может кэшироваться на сервер.

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

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