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

Объявление

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

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

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

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

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

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

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



Дизайн Spring Easter [2/8]

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

1

Название: Spring Easter
Автор или ссылка на источник: lambdadelta
Корректность отображения: ДА
Мобильный стиль: НЕТ
Исходники или макет: НЕТ
Бонус рейтинга стиля: 0

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

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

Отредактировано Герда (12.09.15 01:36)

0

2

Я взяла этот дизайн за основу, и сейчас переделываю под свой форум. Большое спасибо дизайнеру, без этих кодов я бы еще долго не смогла настроить дизайн =) В процессе у меня появилось несколько непоняток, поэтому прошу помощи. Тестовый форум: http://testiceland.mybb.ru/

1. За что отвечает вот этот кусок кода? Что здесь можно трогать, а что оставить в покое?

Код:
.pa-fld3 b {
color: black;
}

.pa-fld1 {
border-top: 1px dashed #599d29;
margin-top: 6px !important;
}

.pa-fld1 img, .pa-fld2 img, .pa-fld3 img, .pa-fld4 img, .pa-fld5 img, .pa-fld6 img, .pa-fld7 img, .pa-fld8 img, .pa-fld9 img, .pa-fld10 img, .pa-fld11 img, .pa-fld12 img, .pa-fld13 img, .pa-fld14 img, .pa-fld15 img, .pa-fld16 img, .pa-fld17 img, .pa-fld18 img, .pa-fld19 img, .pa-fld20 img { 
max-height: 32px !important;
max-width: 32px !important;
 }

2. Как разместить кнопку "Ответить", которая под сообщениями темы, с правой стороны?
3. Как разместить меню в профиле ("Основной", "Персональный", "Аватар" и др. ссылки) с левой стороны?
4. Сейчас ссылки на форумы находятся на одном уровне с верхней частью картинок "есть/нет сообщения", как сделать их посередине относительно этих картинок? То есть, как немного опустить ссылки на форумы.
5. Помогите мне, пожалуйста, с картинкой в низу форума. Сейчас она выставлена по тому коду, который находится в приведенном исходнике дизайна, и ее перекашивает влево. Как соединить бордюры основного фона и замыкающей картинки?

0

3

Альрек написал(а):

5. Помогите мне, пожалуйста, с картинкой в низу форума. Сейчас она выставлена по тому коду, который находится в приведенном исходнике дизайна, и ее перекашивает влево. Как соединить бордюры основного фона и замыкающей картинки?

<img src="http://uploads.ru/i/T/n/h/Tnhiv.png"
style="margin:-17px auto;
margin-left: -126px;"/>

вместо этого в html-низ поставьте это

<img src="http://s1.hostingkartinok.com/uploads/images/2012/04/aa605a2242ca52988ed112dc936bf865.jpg"
style="margin:-17px auto;
margin-left: -62px;"/>

Альрек написал(а):

3. Как разместить меню в профиле ("Основной", "Персональный", "Аватар" и др. ссылки) с левой стороны?

в структуре замените лучше все C6 на это))

Код:
/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

Отредактировано lambdadelta (03.04.12 03:59)

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

http://forumstatic.ru/files/001b/55/39/76230.jpg
каст genshin impact разыскивает
* * *
горничную ноэлль

юриста янь фэй
элегантную эолу
невезучего беннета
сестру розарию
козочку гань юй

течного омежку смог одеть никита гей, мур егоhttp://forumstatic.ru/files/001a/19/3b/85671.gif

0

4

lambdadelta, спасибо, заработало =)

0

5

Снова с проблемой нижней картинки. При разрешении 800х600 ее сильно перекашивает. И, как мне доложили, при 1680х1050 - тоже перекашивает, но слегка. Есть ли возможность закрепить эту картинку так, чтобы она не ездила туда-сюда? Может быть, ее можно поставить как третий, нижний фон? И как это можно сделать? Я пробовала прописать ее по примеру верхней картинки-шапки, с позиционированием центр-низ, но ничего не вышло (верхняя картинка оказалась внизу, а нижняя так и не появилась). Сейчас стоит код, посоветованный lambdadelta, по которому картинка ездит. Тестовый форум: http://testiceland.mybb.ru. Подскажите, пожалуйста, как проблему решить =)

0

6

Альрек написал(а):

2. Как разместить кнопку "Ответить", которая под сообщениями темы, с правой стороны?

Вопрос решен) Для будущих искателей истины ссылка на ответ с решением проблемы: тык.

Альрек написал(а):

Снова с проблемой нижней картинки. При разрешении 800х600 ее сильно перекашивает. И, как мне доложили, при 1680х1050 - тоже перекашивает, но слегка. Есть ли возможность закрепить эту картинку так, чтобы она не ездила туда-сюда?

Тоже решено. Ответ (строку кода нужно приписывать к селектору #pun_wrap в низу окна стиля).

Извините, что не дождалась ответов по решению в этой теме и пошла в общую, я просто очень нетерпеливая и хочу поскорее разделаться с дизайном =)

0

7

Альрек

можешь кинуть доработанный код? обновим дизайн, чтоб таких багов у других не было.

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

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

8

Протегировано.

+1

9

Герда
Я на своем тестовом форуме этот код уже так перелопатила, что он скорее замусоренный, чем доработанный =) Но я могу на досуге заново в этот код все найденные поправки дописать.

0

10

Я взяла этот дизайн  и сейчас переделываю свой форум. Большое спасибо дизайнеру, без этих кодов я бы не смогла сделать такую красоту  http://uploads.ru/i/L/9/k/L9kFT.gif  http://fimoschool.4bb.ru

0