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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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

Предложения

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

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



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

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

1

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

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

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

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

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.2012 03:59:04)

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

Альрек

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

0

8

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

+1

9

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

0

10

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

0

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

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


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

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