Название: Spring Easter
Автор или ссылка на источник: lambdadelta
Корректность отображения: ДА
Мобильный стиль: НЕТ
Исходники или макет: НЕТ
Бонус рейтинга стиля: 0
Отредактировано Герда (12.09.15 01:36)
Дизайн Spring Easter [2/8]
Страница: 1
Сообщений 1 страница 10 из 10
Поделиться117.03.12 03:28
- Бестелесный дух прошлого
- Уважение: +1280
Поделиться203.04.12 02:34
- Бестелесный дух прошлого
- Уважение: +103
Я взяла этот дизайн за основу, и сейчас переделываю под свой форум. Большое спасибо дизайнеру, без этих кодов я бы еще долго не смогла настроить дизайн =) В процессе у меня появилось несколько непоняток, поэтому прошу помощи. Тестовый форум: 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. Помогите мне, пожалуйста, с картинкой в низу форума. Сейчас она выставлена по тому коду, который находится в приведенном исходнике дизайна, и ее перекашивает влево. Как соединить бордюры основного фона и замыкающей картинки?
Поделиться303.04.12 03:45
- Участник
- Уважение: +1136
- Достижения/подарки: cake 4 emoji_events 1
- Наградные баллы: 83
Альрек написал(а):
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)
Поделиться403.04.12 05:39
- Бестелесный дух прошлого
- Уважение: +103
lambdadelta, спасибо, заработало =)
Поделиться503.04.12 23:34
- Бестелесный дух прошлого
- Уважение: +103
Снова с проблемой нижней картинки. При разрешении 800х600 ее сильно перекашивает. И, как мне доложили, при 1680х1050 - тоже перекашивает, но слегка. Есть ли возможность закрепить эту картинку так, чтобы она не ездила туда-сюда? Может быть, ее можно поставить как третий, нижний фон? И как это можно сделать? Я пробовала прописать ее по примеру верхней картинки-шапки, с позиционированием центр-низ, но ничего не вышло (верхняя картинка оказалась внизу, а нижняя так и не появилась). Сейчас стоит код, посоветованный lambdadelta, по которому картинка ездит. Тестовый форум: http://testiceland.mybb.ru. Подскажите, пожалуйста, как проблему решить =)
Поделиться604.04.12 21:10
- Бестелесный дух прошлого
- Уважение: +103
Альрек написал(а):
2. Как разместить кнопку "Ответить", которая под сообщениями темы, с правой стороны?
Вопрос решен) Для будущих искателей истины ссылка на ответ с решением проблемы: тык.
Альрек написал(а):
Снова с проблемой нижней картинки. При разрешении 800х600 ее сильно перекашивает. И, как мне доложили, при 1680х1050 - тоже перекашивает, но слегка. Есть ли возможность закрепить эту картинку так, чтобы она не ездила туда-сюда?
Тоже решено. Ответ (строку кода нужно приписывать к селектору #pun_wrap в низу окна стиля).
Извините, что не дождалась ответов по решению в этой теме и пошла в общую, я просто очень нетерпеливая и хочу поскорее разделаться с дизайном =)
Поделиться723.04.12 03:34
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Альрек
можешь кинуть доработанный код? обновим дизайн, чтоб таких багов у других не было.
Поделиться823.04.12 18:32
- Участник
- Уважение: +148
Протегировано.
Поделиться928.04.12 03:58
- Бестелесный дух прошлого
- Уважение: +103
Герда
Я на своем тестовом форуме этот код уже так перелопатила, что он скорее замусоренный, чем доработанный =) Но я могу на досуге заново в этот код все найденные поправки дописать.
Поделиться1004.02.15 06:32
Я взяла этот дизайн и сейчас переделываю свой форум. Большое спасибо дизайнеру, без этих кодов я бы не смогла сделать такую красоту 
http://fimoschool.4bb.ru
Страница: 1
