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

Объявление

АКЦИЯ! СКЕТЧЕВЫЕ ИЛЛЮСТРАЦИИ бесплатно

Цветные или чёрно-белые иллюстрации на безвозмездной основе;
С вас только фото/видео/скрин персонажа и описание его характера.

Подробнее

Акция! Индивидуальный дизайн бесплатно

Доработаем макет под ваш проект;
Сверстаем и оснастим;
По желанию сделаем мобильную версию.

Подробнее

Ролевой поисковик

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

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

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

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

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

Подробнее

PROMOTION: 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 have a desire to help us make our project better:
Become a moderator
SuggestionsReviews

Details
⚡ Нам очень-очень нужны модераторы! Посмотреть вакансии и подать заявку.
❗ ❗ ❗ Technical work is underway. Something here and there may be crooked. We'll fix it soon. :)
If you're english-speaker and want you use our forum, switch to the russian language. That is temporary, until the works with multi-language option will be over. Sorry for the inconvenience.

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

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



эксперименты [nou]

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

1

ИНТЕРЕС:

написать адаптивный стиль с нуля

https://i.imgur.com/7hsxyXx.jpg

платформа:

mybb

https://nou.mybb.online/

free-hosting площадки:

mybb.ru, rusff.me

https://noudesign.rusff.me/

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

+3

2

nou
Макет от @Bruksa - https://drive.google.com/file/d/1mks0fC … S7X3B/view

оба окна стиля удаляем, в первое вставляем:

Код:
@import url(style_cs.css);

/* Стандартные коды майбб, которые пригодятся */

.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none}
.punbb .main table {table-layout: fixed; width: 100%;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
}

.punbb .post-content em {font-style: italic}
.punbb optgroup {font-weight: bold;}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
}

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}

Этап 1 покажи как ты будешь нарезать и вставлять фон, шапку, футер

+3

3

Gerda
тесты приготовила
остальным после работы завтра займусь

0