Шапка форума на всю ширину монитора

Поделиться1Пн, 18 Ноя 2013 21:01:24

Автор: 0000
Стремящийся
Зарегистрирован: Пн, 18 Ноя 2013
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Вс, 24 Ноя 2013 19:26:48

Здравствуйте.
Хочется сделать шапку форума на всю ширину монитора.
Ставлю ширину 100%, как было написано тут, в этой теме, но края шапки все равно обрезаются по ширине форума.

И получается вот так:

картинка

А хотелось бы как-то так:

еще картинка

К сожалению, не понимаю в чем причина. Помогите, пожалуйста, если можно.

коды, которые используются

В хтмл-верх такой код элемента такой:

Код:

<style type="text/css">
#pun-title TABLE, #pun-title h1{
 width:100%;
background; none;
}

#pun-title, #pun-title .container {
  background-image: url(http://i.imgur.com/6Lx2Q1G.jpg);background-repeat:no-repeat; height: 600px; width: 100%; background-position: top center;
  }
</style>

В верхнем файле стиля - такой:

Код:

#pun-title table {
	border: none;
	height: 40px;
	width: 100%;
}

Ссылка на форум

Отредактировано 0000 (Пн, 18 Ноя 2013 21:02:13)

0

Поделиться2Пн, 18 Ноя 2013 21:46:34

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51444
Уважение: +15410
Позитив: +12000
Последний визит:
Сегодня 02:32:50

0000
В Начало HTML верх

<img id="Mylocgo" src="http://i.imgur.com/6Lx2Q1G.jpg" width=100% style="margin:0 0 -10px 0">
<script type="text/javascript">
$('#Mylocgo').insertBefore('#pun');
</script>
<style>
#pun-title, #pun-title .container {
height : 60px!important;
}
</style>

0

Поделиться3Пн, 18 Ноя 2013 22:03:16

Автор: 0000
Стремящийся
Зарегистрирован: Пн, 18 Ноя 2013
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Вс, 24 Ноя 2013 19:26:48

Deff, огромное Вам спасибо! Вы мне очень помогли) Сам бы я до скрипта не додумался.

0

Поделиться4Пт, 10 Янв 2014 09:45:07

Автор: Daneya
Стремящийся
Зарегистрирован: Пн, 16 Дек 2013
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Пт, 28 Мар 2014 08:18:53

Привет! Доброе утро! А нельзя поподробней об том, как сделать шапку форума?По пунктам. Если я правильно понимаю, здесь форум для новичков. И, пожалуйста, для "Полных и безоговорочных" новичков. Т. е. полных бестолковок.

Отредактировано Daneya (Пт, 10 Янв 2014 14:45:34)

0

Поделиться5Пт, 10 Янв 2014 12:29:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51444
Уважение: +15410
Позитив: +12000
Последний визит:
Сегодня 02:32:50

Daneya
1. Ссылку на форум
2. Ссылку на Картинку шапки

0

Поделиться6Пт, 10 Янв 2014 14:11:03

Автор: MyFF
Заблокирован
Зарегистрирован: Пт, 3 Янв 2014
Сообщений: 194
Уважение: +2
Позитив: -6
Последний визит:
Вс, 10 Авг 2014 20:27:56

Daneya Зайдите сюда -> cooltext.com нарисуйте подходящую шапку, скачайте, загрузите в корень форума (то же с любой готовой картинкой с компьютера)
и вставьте адрес файла картинки в код:
<a href="здесь адрес форума" target="_blank"> <img src="здесь адрес файла шапки из корня форума" width="100%" height="300" border="0"></a>

Отредактировано MyFF (Пт, 10 Янв 2014 14:24:42)

0