соединенный дизайн. Пара вопросов

Поделиться12011-11-05 10:21:10

Автор: Медовый
Форумчанин
Зарегистрирован: 2011-10-31
Приглашений: 0
Сообщений: 20
Уважение: 0
Позитив: +10
Провел на форуме:
10 часов 12 минут
Последний визит:
2012-08-14 19:52:44

Прошу помочь с соединенным дизайном, а именно - с установкой "тела"
Проблема вот в чем: http://test503.mybb.ru/

на тестовике "тело" немного съехало влево (1) , никак не могу это исправить.
И еще одна проблема: слишком большое расстояние между "телом" и шапкой (2) , расстояние от кончика рыжего хвоста до меню хотелось бы свести до минимума.
Буду очень признателен, если кто-нибудь мне поможет, поставлю плюсы)
И заодно, хотелось бы получить скрипт и инструкцию, как поставить картинку в самый низ форума (где обычно пишут имя дизайнера или ставят баннеры)

Отредактировано Медовый (2011-11-05 10:22:22)

0

Поделиться22011-11-05 10:57:58

Автор: Toshiro-kun
Да, модератор я, угу
Зарегистрирован: 2010-03-08
Приглашений: 0
Сообщений: 3766
Уважение: +1013
Позитив: +9
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
1 месяц 5 дней
Последний визит:
2012-08-11 15:49:22

Медовый написал(а):

расстояние от кончика рыжего хвоста до меню хотелось бы свести до минимума.

/* D4.2 */
margin-top: -40px;
/* D3.2 */
margin-top: -65px;
попробуйте добавить так.

Медовый написал(а):

И заодно, хотелось бы получить скрипт и инструкцию, как поставить картинку в самый низ форума (где обычно пишут имя дизайнера или ставят баннеры)

если просто картинку тогда

<center><img src="ссылка на картинку"></center>

если контейнер тогда так

Код:

<div class="container"><a title="click" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;" class="tagcutflag"><b><center><img src="ссылка на картинку с баннером"></center></b></a><div style="display: none"> 
Ваши баннеры

<textarea name="" cols="1" rows="5">код ваших баннеров</textarea>

баннеры
</center></div></div>

Находим

body {
background-color: #131e3a;
background-image: url(http://savepic.net/2112393.jpg);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}

#pun {background-color: transparent; background-image: url(http://savepic.net/2099326.jpg);
}

Меняем на

html, body {
background: #cadabc url(http://savepic.net/2112393.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: no-fixed;
}

#pun {
background-image: url(http://savepic.net/2099326.jpg);
background-repeat: repeat;
}

.lastedit {
display: none;
}

далее находим

/* A5.1 */
#pun {
margin: 600px auto auto auto;
width : 755px;
position: center;
}

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}

и меняем

/* A5.1 */
#pun {
margin: auto;
width : ширина форумаpx;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

/* A5.2 */
.punbb {
float: left;
width: ширина форумаpx;
height: auto;
}

перед тем как менять сделайте копию, если не получиться вернете все на место

+1

Поделиться32011-11-05 11:03:45

Автор: Медовый
Форумчанин
Зарегистрирован: 2011-10-31
Приглашений: 0
Сообщений: 20
Уважение: 0
Позитив: +10
Провел на форуме:
10 часов 12 минут
Последний визит:
2012-08-14 19:52:44

Toshiro-kun написал(а):

/* D4.2 */margin-top: -40px;/* D3.2 */margin-top: -65px;попробуйте добавить так.

спасибо) помогло. +

Toshiro-kun написал(а):

<center><img src="ссылка на картинку"></center>

это в хтмл-низ?

Toshiro-kun написал(а):

Далее не чем не могу помочь не видя форума в живую

вот ссылка на тестовик, если вы об этом.
http://test503.mybb.ru/

0

Поделиться42011-11-05 11:08:35

Автор: Toshiro-kun
Да, модератор я, угу
Зарегистрирован: 2010-03-08
Приглашений: 0
Сообщений: 3766
Уважение: +1013
Позитив: +9
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
1 месяц 5 дней
Последний визит:
2012-08-11 15:49:22

Медовый написал(а):

это в хтмл-низ?

да.
Смотрите выше я отредактировал пост - не забудьте сделать копирайт

+1

Поделиться52011-11-05 11:14:01

Автор: Медовый
Форумчанин
Зарегистрирован: 2011-10-31
Приглашений: 0
Сообщений: 20
Уважение: 0
Позитив: +10
Провел на форуме:
10 часов 12 минут
Последний визит:
2012-08-14 19:52:44

нет, не получилось. тело продлилось вверх до конца, и даже перекрыло все меню.

0

Поделиться62011-11-05 11:38:26

Автор: Toshiro-kun
Да, модератор я, угу
Зарегистрирован: 2010-03-08
Приглашений: 0
Сообщений: 3766
Уважение: +1013
Позитив: +9
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
1 месяц 5 дней
Последний визит:
2012-08-11 15:49:22

Медовый
В принципе у вас там особо и не видно ни чего, единственное что фон не совпадает именно изображением - так он просто не наложиться, точнее наложиться но будут видны швы

+1

Поделиться72011-11-05 11:51:25

Автор: Медовый
Форумчанин
Зарегистрирован: 2011-10-31
Приглашений: 0
Сообщений: 20
Уважение: 0
Позитив: +10
Провел на форуме:
10 часов 12 минут
Последний визит:
2012-08-14 19:52:44

Мм.. хорошо. Попробую тогда изменить фоновую картинку) +

0

Поделиться82012-01-17 23:13:36

Автор: ириска86
Форумчанин
Зарегистрирован: 2008-12-16
Приглашений: 0
Сообщений: 99
Уважение: +1
Позитив: +7
Пол: Женский
Возраст: 38 [1986-10-24]
Провел на форуме:
2 дня 20 часов
Последний визит:
2012-08-15 23:05:48

У меня немного сдвинулось влево "тело" форума. Как исправить?

http://iriska86.0pk.ru/

0

Поделиться92012-01-18 07:47:59

Автор: Leonheart
Можно просто "Рой"
Откуда: ЕТП
Зарегистрирован: 2011-12-22
Приглашений: 0
Сообщений: 1787
Уважение: +450
Позитив: +104
Пол: Мужской
Возраст: 37 [1987-01-01]
Провел на форуме:
19 дней 19 часов
Последний визит:
2013-05-19 12:36:39

ириска86, рисовать нун нормально) :glasses: Во втором окне стиля кусок:

body {
background-color: #e6f6fc;
background-image: url("http://s018.radikal.ru/i507/1201/c2/af03ebba0476.gif");
background-repeat: repeatx;
background-attachment: fixed;
background-position: top center;
}

Замените на:

Код:

body {
background-color: #e6f6fc;
background-image: url(http://s018.radikal.ru/i523/1201/24/19b68c8ca115.gif); 
background-repeat: repeat-y; 
background-attachment: fixed; 
background-position: top center;
}

И чо-то у вас с шапкой не так... нун править... позже...

0

Поделиться102012-01-18 14:29:08

Автор: Totchi
Новичок
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 14
Уважение: +1
Позитив: +3
Провел на форуме:
22 часа 51 минуту
Последний визит:
2012-01-21 20:57:06

Прошу прощения...
все никак не найду нормальное обьяснеие, что это за "тело" и как его соединить с шапкой. Типа предыдущих, или вот такого. Это оно как? Прозрачный форум с фоном? Или просто широкая хорошо подогнанная шапка на обычный одноцветный фоник?? хэлп... =_= буду очень всеьма благодарен если пойму как это сделать.

0