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

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее
Ищешь чем бы украсить свой форум или сайт к Хэллоуину? 🎃 Мы поможем нарядиться! 🎃

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

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



Стиль для форума 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.15 04:47)

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+2

2

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

Подпись автора

http://s2.uploads.ru/egQhy.jpg

0

3

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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0

4

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

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

0

5

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

Подпись автора

http://s2.uploads.ru/egQhy.jpg

0

6

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

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

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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0

7

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

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

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

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

0

8

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

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

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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0

9

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

absolute или fixed,

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

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

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

0

10

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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0

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

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


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

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