Перейти к публикации
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.

Проблемы с картинками в 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.Постройте внешнюю таблицу с рамкой по периметру, пропишите таблицу в общем шаблоне.

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

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