ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

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

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



[решено] Как сделать резиновым ?

Сообщений 1 страница 9 из 9

1

Доброго времени суток!

В CSS познания не самые глубокие, потому появляются проблемы. Я так полагаю, что дизайн на моём форуме не растягивается под любой экран, т.е. зафиксирован? Как же его сделать резиновым?

http://amarvel.mybb.ru

Поставили HD-монитор; на маленьком ноутбуке всё было отлично, здесь же...
http://s1.ipicture.ru/uploads/20121127/HaSRSo2p.png

Хотелось бы решить проблему как можно скорее. Заранее благодарю за ответы и надеюсь на Вашу помощь.

Теги: верстка, css

Отредактировано Герда (28.11.12 16:27)

0

2

#pun {
  margin: 0px auto auto auto;
  width :  872px;
  position: relative  /*center*/ ;
  }

/* A5.2 */
.punbb {
  float: center;
  margin-left: -1px;
  width: 872px;
  height: auto;
  }

где 872 заменяете на проценты нужные вам на весь экран это 100%

0

3

Nikodima написал(а):

где 872 заменяете на проценты нужные вам на весь экран это 100%

получилось нечто странное:
http://s2.ipicture.ru/uploads/20121127/sI47Z3bA.png

0

4

Простите, возможно, я не совсем ясно выражаюсь по поводу того, что именно требуется, но. попробую сейчас исправиться

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

+

http://s2.uploads.ru/9PjRF.png

http://s3.uploads.ru/0tBhM.png

Правильно ли я понимаю, что для подобного результата просто достаточно ставить на фон любое бесшовное изображение вместо картинок, что стоит у нас (1)?  Тогда почему выползает картинка, отвечающая за фон таблицы (2) ? Как будет правильно изменить код?

+

http://s2.uploads.ru/Mpd30.png

0

5

La Vega написал(а):

Правильно ли я понимаю, что для подобного результата просто достаточно ставить на фон любое бесшовное изображение вместо картинок, что стоит у нас (1)?

абсолютно верно.

но не обязательно бесшовное. на форум о марвел-таки какой-нибудь каллажик из героев больше подойдет.
можно сделать фон картинкой, которая плавно переходит в фоновый цвет. например:
Стиль Lineage NTL (Mybb) + PSD макет [10/10]
Стиль Marvel Black-and-Blue (Mybb) [5/10]

заказать такую картинку можно у нас в разделе Заказы элементов веб дизайна и рекламы
при заказе обязательно:
- напиши, что это фиксированный фон форума
- сверху, снизу или в середине по высоте будет зафиксирован фон?
- напиши ширину форума
- напиши, что твои картинки должны "выглядывать" за эту ширину
- укажи, в какой КОНКРЕТНО цвет должны переходить картинки

остальное - это дело твоего вкуса. подбери картинки, укажи свои предпочтения.

поставить фон надо следующим кодом:

html {
    background: #D1D1D1 url("http://") no-repeat fixed top center;
}

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

Отредактировано Герда (28.11.12 02:38)

0

6

La Vega написал(а):

Тогда почему выползает картинка, отвечающая за фон таблицы (2) ? Как будет правильно изменить код?

она не выползает. увы, твоя фоновая картинка для таблиц и картинка для заднего фона объединены в одну. чтобы этого не было надо "отрезать" часть для таблиц и вставить ее именно в табличный фон.
если нажать CTRL и покрутить колесиком - увидишь эффект
а просто убрать повторение можно так:

html {background: url(http://i845.photobucket.com/albums/ab19 … /wow-3.jpg)
#d1d1d1; background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
}

но у тебя тогда будет просто резко обрываться фон.

Отредактировано Герда (28.11.12 02:47)

0

7

простите, вконец Вас доконаю : D

Герда написал(а):

чтобы этого не было надо "отрезать" часть для таблиц и вставить ее именно в табличный фон.

как именно это делается?

0

8

La Vega
вот так:

#pun {
  margin: 0px auto auto auto;
  width :  872px;
  position: relative  /*center*/ ;
background: transparent url("http://") repeat-y fixed top center;
  }

0

9

Герда

эврика! )
всё работает, огромное Вам спасибо за помощь!

0