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

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

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

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

Предложения

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

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



Стиль для форума Sailor Moon

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

1

[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">

<img src="https://forumupload.ru/uploads/0007/e3/f7/2/964015.jpg" id="export">
<a class="tip" id="cover" title="Стиль для форума Sailor Moon">
  <div id="icon"></div>
  <img src="https://forumupload.ru/uploads/0007/e3/f7/2617/100360.jpg" class="postimg">

</a>

<div id="cover-block">
Дата: 06.07.2013<br>
Автор: <a href="/profile.php?id=2" target="_blank">Герда</a><br>
Стоимость: 350р<br>
Бесплатный дизайн<br>
Описание: Стиль для форума Sailor Moon
</div>

</div>

<div id="port-block2" class="free">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница - шапка и категории"><img src="https://forumupload.ru/uploads/0007/e3/f7/2617/31623.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница списка тем и низ форума"><img src="https://forumupload.ru/uploads/0007/e3/f7/2617/208009.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница топика - цитаты"><img src="https://forumupload.ru/uploads/0007/e3/f7/2617/519721.jpg" class="postimg"></a></section>
</div>

<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
</style>[/html]

подробное описание

ГРАФИКА
Простой дизайн по теме аниме Sailor Moon в светлом стиле. В наличии PSD.

ВЕРСТКА
Фиксированная ширина форума с шапкой, переходящей в фон.
Внизу форума предусмотрено место для своего контента.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано Герда (11.09.2015 04:47:14)

+2

2

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

0

3

Сакура
вот тут на данный момент можно посмотреть - http://rustest.rusff.ru/
да, узковато )))
если чесн, он с халявного рипа для сайта по лайнейдж сделан, лень было самостоятельно придумывать концепцию )))
так что, если кому не лень будет переделать элементы пошире (макет прилагается), то внесем изменения в код. мысль сделать пошире - хороша.

0

4

Герда
http://uploads.ru/i/7/H/w/7Hwsf.gif  А зачем ти ставишь #pun {position: relative;} ?

0

5

Герда
Я из-за своего небольшого экрана не сильно люблю широкие, но тут даже для меня узковат.
Мне нравится цвет заднего фона

0

6

Deff
часто на автомате ставлю, чтоб можно было потом детей абсолютно позиционировать относительно #pun или .punbb
здесь не пригодилось

или вроде сгодилось для задирания менюшек.. не помню уже

Отредактировано Герда (06.07.2013 13:22:49)

0

7

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

часто на автомате ставлю, чтоб можно было потом детей абсолютно позиционировать относительно #pun или .punbbздесь не пригодилось

Это часто вредно, поскольку натыкаюсь часто спозиционировать с привязкой к краю экрана: сайдбары..., кнопочки, - постоянно приходиться переправлять, а позиционирование внутри #pun с absolute - отлично производиться top и margin-left, margin-right

0

8

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

а позиционирование внутри #pun с absolute - отлично производиться top и margin-left, margin-right

а в каких случаях left и right еще могут уехать к краю экрана? 0_о
я читала, что если родителю задано позиционирование relative, absolute или fixed, элемент будет перемещаться не от края экрана, а он стенки родителя.

0

9

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

absolute или fixed,

absolute или fixed при left right перемещают от HTML или от ближайшего родственника с позицией relative
relative - от родственника, но задаёт собственное окно для детей
для элементов с display:inline-block, absolute перемещает как абсолютный элемент внутри родителя

Отредактировано Deff (06.07.2013 16:34:26)

0

10

Deff
гуд, спс )
пойду погляжу учебники, обновлю инфу, пропатчу мозг :)

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."