Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

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

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

Проблемы с картинками в row1,2....

Здравствуйте. У меня такая проблема: делаю скин, но в коде не особо разбираюсь. Скин почти сделал и вдруг заметил, что форум начинает лагать, если я в бекграунд в row1,2,3 и т.д. вставляю картинки. Подскажите как избавиться от лагов, картинки убираю - не лагает, вставляю - лагает.

 

Вот сам css с row:

 

 

.row2shaded,

.post1shaded

{

background: transparent url(style_images/aurora3/trans05.png) fixed;

background-repeat: repeat;

color: #FFF;

}

 

.row4shaded,

.post2shaded

{

background: transparent url(style_images/aurora3/trans05.png) fixed;

background-repeat: repeat;

color: #FFF;

}

 

.row1

{

background: transparent url(style_images/aurora3/trans01.png) fixed;

background-repeat: repeat;

color: #CCCCCC;

}

 

.row2

{

background: transparent url(style_images/aurora3/trans04.png) fixed;

background-repeat: repeat;

color: #FFF;

}

 

.row3

{

background: transparent url(style_images/aurora3/trans01.png) fixed;

background-repeat: repeat;

color: #FFF;

}

 

.row3:hover

{

background: transparent url(style_images/aurora3/trans04.png) fixed;

background-repeat: repeat;

color: #FFF;

}

 

.rowhighlight

{

background-color: #FFF9BA;

}

 

.darkrow1

{

background: transparent url(style_images/aurora3/trans01.png);

color: #FFF;

}

 

.darkrow3

{

background: transparent url(style_images/aurora3/trans01.png);

color: #FFF;

 

Заранее спасибо.

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

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

  • Автор
С фиксацией мне не совсем понятно.

Код правильно прописывается так.

Но это если он фиксирован в body

Имеется ввиду, что форум прокручивается, а подложка статична.

У Вас странная запись.

 

Может нужна не ФИКСАЦИЯ, а всего лишь НЕПОВТОРЕНИЕ (no-repeat) картинки?

 

Вобщем у меня есть картинка размером 1280*1024. Я хочу чтобы она была во весь экран, сужалась в зависимости от разрешения и не повторялась. При прокручивании форума вниз нужно чтобы сам форум прокручивался, а картинка с бека оставалась на своем месте. Я этот код просто скопировал с другого шаблона, т.к. я в коде полный 0, не понимаю ничего вообще =)

  • Автор

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

 

Вот так "background-color:#000; background-image: url(<#IMG_DIR#>/backg.png);" у меня выходит черный цвет после бг, а нужна картинка =)

 

Заранее спс.

Вобщем у меня есть картинка размером 1280*1024. Я хочу чтобы она была во весь экран, сужалась в зависимости от разрешения и не повторялась.

Не получится масштабировть фоновую картинку.

Никак.

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

 

Вот так "background-color:#000; background-image: url(/backg.png);" у меня выходит черный цвет после бг, а нужна картинка =)

Рассмотрим пример картинки в левом верхнем углу, из которой скраю вылезает нечто.

Повторяющуюся привяжите в body

А фиксированную в дополнительный блок (по типу ipbwrapper)

1. В css в классе body задайте например:

background: #000 url(<#IMG_DIR#>/повторяющаяся.png) left repeat-y;

2. Пропишите новый класс для блока, назовем его #ipbwrapper0:

#ipbwrapper0{ 
background: transparent url(<#IMG_DIR#>/фиксированная.png) top left no-repeat;
margin: 0 0 0 0; 
width: 100%;
}

3. Откройте общий шаблон.

После тега

добавьте

<div id="ipbwrapper0">

В самом низу перед закройте блок, добавьте

</div>

  • Автор

Так и не получилось сделать как было нужно =) Оставил цвет, чуть изменил картинку бека и стала даже лучше чем я хотел, ну и меньше весить будет =)

 

Теперь другой вопрос =) Как сделать чтобы вместо серего цвета (фона) была картинка вот тут ascaaaum2.jpg

 

И где поменять цвет фона сообщения, которое уже написано. Ну там, где отобразиться мое сообщение после того, как я его отправлю =)

 

Спасибо =)

Теперь другой вопрос =) Как сделать чтобы вместо серего цвета (фона) была картинка вот тут

Вообще-то оно приписано к row2, по дефолту. Разве что ввести новый класс.

 

И где поменять цвет фона сообщения, которое уже написано. Ну там, где отобразиться мое сообщение после того, как я его отправлю =)

post2 и post1. В топиках они чередуются, начиная с post2 (т.е. первый пост - post2, второй - post1, третий - post2 и т.д.).

  • Автор
Вообще-то оно приписано к row2, по дефолту. Разве что ввести новый класс.

 

 

post2 и post1. В топиках они чередуются, начиная с post2 (т.е. первый пост - post2, второй - post1, третий - post2 и т.д.).

 

Пасиибо, помогло =)

 

А как мне поменять шрифт(сделать больше). Нужно в надписи "Пользователи: 1" ник сделать больше шрифтом. И на границе форума (где светлый фон - граница форума) поставить картинку по периметру? См. эту каринку ssvdstm0.jpg

 

Заранее спасибо.

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

Тема, кажется, называется

Проблемы с картинками в row1,2....
, а не "решение всех моих проблем, с которыми встречусь, создавая скин"

Зачем оффтопите?

Трудно новые темы создать по каждой проблеме?

Есть правило для всех профессиональных форумов:

Каждый новый вопрос > Новая тема.

А Вы ведете себя, будто попали в чат.

Отвечу кратко и закрою тему.

1. В шаблоне skin_forum > forum_active_users

{$active['names']}

Замените на

<span style="font-size:14px">{$active['names']}</span>

2.Постройте внешнюю таблицу с рамкой по периметру, пропишите таблицу в общем шаблоне.

Гость
Эта тема закрыта для дальнейших сообщений.

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.