Перейти к публикации
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 поменять... на скрине показано что хочу поменять подскажите пожалуйста...

 

oTbb6AzjES.jpg

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

Пока дам наводку:

userlinkguest

navstrip

table th + subtitle

formbuttonrow

buttons

catend

copyright

Вообще-то в закрепленной теме есть FAQ по css в картинках (тот, что в rar – под 2.1, но классы те же) + ссылки на описания классов в картинках на буржуйских сайтах.

Давайте Вы вначале там посмотрите, потом по названиям классов в тегах форума поищите (обсуждалось десятки раз). А если что-то не поймете, спросите?

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

6_4.jpg

1_30.jpg

на 1 скрине опции ушли куда то на центр как и список юзеров как исправить?

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

ipbwrapper трогали?

Его ширина 98%, чтобы не упирался.

Либо в css 100% поставили, либо в общем шаблоне его убили.

Хотите шапку на всю ширину, а форум с отступами, перенесите в общем шаблоне тег

под мембербар.

И не убивайте нижний

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

Спасибо с этим разобрался еще 1 вопрос у меня немного другая навигация по форуму мешает тег <% BOARD HEADER %> если его убрать не работает чат, где его можно отредактировать убрать поиск календарь итд..

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

skin_global > global_board_header > а там редактируйте то, что ниже

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

Огромное спасибо :)

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

Здравствуйте!

У меня такой вопрос:

Как двигать картинки наложенные на фон?

 

Я сделал как тут на форуме писалось:

.wrap{

padding:0;

margin:0;

background: transparent url(style_images/<#IMG_DIR#>/forum_right_side.png) top right repeat-y;

}

 

Всё ок, но вот отодвинуть от края экрана никак не могу!

Подскажите как сделать!

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

position: absolute;

right: 10px;

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

Fisana

Огромное спасибо!

 

А можете подсказать как опускать вверх или вниз картинку? (т.е. мне нужно слегка приспустить картинку)

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

background-position: absolute;

Я ошиблась

 

Кроме right, можно задать и top: 50px; например

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

1. Странно если я ставлю position: absolute; то всё прекрасно двигается (right: 25px;) правда картинка вылазит выше (т.е. под самый верх (выше самого форума))

если ставлю background-position: absolute; то вообще ничего не происходит

если не использовать absolute; вообще то тоже не работает

 

2. Если ставлю top: 50px; (при position: absolute;) то смещается всё (кроме основного фона на который были наложены картинки), а нужно только картинки

 

3. Если я приминяю то что вы выше писали на 2-ой картинке (использую для 2-ой: .wrap2{) только наоборот (left: 25px;) то форум рвёт

так как я так понял отодвигая картинку справа мы сжимаем форум (ну внешне так выглядит справа)

 

Утачню: Картинки наложены на фон (слева и справа) необходимо не сжимая форум подвинуть картинки (они узкие) слева и справа от экрана и + опустить их на нужную высоту без сдвига самого форума (т.е. только наложенные картинки опустить)

 

Код при котором работает то что вы выше написали:

.wrap{
padding:0;
margin:0;
background: transparent url(style_images/<#IMG_DIR#>/forum_right_side.png) top right repeat-y;
position: absolute;
right: 25px;
top: 50px;
}

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

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

.wrap{
padding:0;
margin:0;
background-image: url(style_images/<#IMG_DIR#>/forum_right_side.png);
background-repeat: repeat-y;
background-position: absolute;
right: 25px;
top: 50px;
}

 

А так?

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

Нет не помогло.

Также ничего не двигается!

 

И смещается если тольк оставить position: absolute;

без него тоже не хочет

 

Я в самом конце всё это вставляю css

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

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

Должно работать.

 

Попробуйте заменить absolute на relative

 

 

 

В самом конце должно работать.

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

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