Лев_Уралёв
Не то. Смотри, как получается:

Если убрать лого, всё равно остаётся реклама внизу, и кажется, что шапка висит
МОжет можно как-нибудь реклакму наложить на шапку, или переместить наверх, над шапкой?

Сань, если бы пахало и это, я бы молчал =)
Ладно, ненадо. Я уже шапку сменил нафиг, старая всё равно смотрелась ужасно =)

Отредактировано Knefmix (2009-08-29 11:28:38)

Дай скин!

Все нижеследующие скрипты вставляются в Администрирование --> Настройки -->HTML верх

Дополнительно:

Если ваша картинка не помещается по ширине или высоте, добавьте следующие параметры:

height (высота элемента)
width (ширина элемента)

Значения: px (пиксели) или % (проценты)

Пример:

#element1 {height: 200px; width: 100%;}

Если вам надо сделать отступ от рамки шапки, добавьте следующие параметры:

margin-top (верхний отступ)
margin-bottom (нижний отступ)
margin-left (левый отсуп)
margin-right (правый отсуп)
margin (все стороны отступа сразу)

Значения: px (пиксели)

Пример:

#element1 {margin-left: 40px;}

Если вам надо убрать какой-нибудь элемент, добавьте следующие параметры:

display (способ отображения элемента)

Значения: none (нет)

Пример:

#element1 {display: none;}

Способы вставки логотипа:

Самый простой способ, реализуемый при помощи css:

<style type="text/css">
#pun-title .title-logo {background-image: url(адрес вашей картинки); background-repeat: no-repeat;}
</style>

Если остальной фон шапки вы хотите отделать в том же стиле:

<style type="text/css">
#pun-title table {background-image: url(адрес вашей картинки);}
</style>

Если на вашем графическом логотипе некрасиво устроилось буквенное название форума:

<style type="text/css">
#pun-title h1 span  {display: none;}
</style>

Логотип-картинка во всю шапку (за исключением баннера):

<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(адрес вашей картинки);}
</style>

Картинка во всю шапку, с регулирующейся шириной под разные браузеры/ расширения экрана:

Примечание:

Не работает в Firefox, Safari

<style type="text/css">
#pun-title table {background-image: none !important;}
#pun-title, #pun-title table, .title-logo-tdr {background-color: transparent;}
#pun-title table  {position: relative; top: -30px ; z-index: 100 !important; height: 0px;}
#pun-title .title-logo {display: none;}
#pun-title {height: 50px;}
</style>

<script type="text/javascript">
var logot=document.getElementById('pun-title').innerHTML
document.getElementById('pun-title').innerHTML="<img src='адрес картинки'"+" style='width: 100%; position: relative; top: 30px;' />"+logot
</script>

--------------------------------------------------------------------------------
Дополнительные скрипты:

Если вам надо просто стереть логотип mybb, используйте данный скрипт:

<style>
#pun-title .title-logo {display : none;}
</style>

Можно создать один большой логотип над шапкой:

<img src="адрес вашей картинки">

Если на вашем логотипе осталось буквенное название форума, его можно убрать этим скриптом:

<style type="text/css">
#pun-title h1 span  {display: none;}
</style>

Верхний баннер нельзя удалять или закрывать, но можно перемещать. Для этого воспользуйтесь данным скриптом:

<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 510px; top: 190px
}
</style>

510 и 190 можно изменять пока не добьетесь требуемого результата

Скрипт, позволяющий создавать логотипы, случайным образом меняющиеся при каждом обновлении страницы:

<script language="JavaScript">
<!--
image = new Array();
image[0]="адрес вашей картинки №1"
image[1]="адрес вашей картинки №2"
image[2]="адрес вашей картинки №3"
............................................................................

var img=image[Math.floor(Math.random()*image.length)]

document.write("<style>#pun-title .title-logo {background-image: url("+img+"); background-repeat: no-repeat;}</style>")
//-->
</script>

image[*]="адрес вашей картинки №*"

Повторяем для нужного вам количества картинок, соблюдая нумерацию, и вставляем заместо многоточия

Второй вариант скрипта "случайных" логотипов, с учетом разрешений экрана:

<script language="JavaScript">
if (screen.width==1024)
<!--
image = new Array();
image[0]="адрес вашей картинки №1"
image[1]="адрес вашей картинки №2"
image[2]="адрес вашей картинки №3"
............................................................................

var img=image[Math.floor(Math.random()*image.length)]

document.write("<style>#pun-title .title-logo {background-image: url("+img+"); background-repeat: no-repeat;}</style>")
//-->
</script>
<script language="JavaScript">
if (screen.width==1280)
<!--
image = new Array();
image[0]="адрес вашей картинки №1"
image[1]="адрес вашей картинки №2"
image[2]="адрес вашей картинки №3"
............................................................................

var img=image[Math.floor(Math.random()*image.length)]

document.write("<style>#pun-title .title-logo {background-image: url("+img+"); background-repeat: no-repeat;}</style>")
//-->
</script>

image[*]="адрес вашей картинки №*"

Повторяем для нужного вам количества картинок, соблюдая нумерацию, и вставляем заместо многоточия.

screen.width==1280

Вставляем заместо подчеркнутых цифр размер экрана

Многие задают вопрос, а как сделать баннер. Вот готовый скрипт для него:

<a href="ссылка" title="текст при наведении" target="blank"><img src="адрес вашей картинки"></a>

ссылка

Вставляем нужную вам ссылку

текст при наведении

Текст, высвечивающийся при наведении курсора на баннер. Пишем нужный

За все сенкс Evil_man by forum.MyBB

Не моу определть какой размер шапки мне нужен? На ноуте открываю у себя - тютелька в тютельку. Дома на компе открываю - шапка короткая. Подскажите, от чего это зависит? И меняется ли длина шапи в зависимости от стиля форума? http://probnikforum33.mybb.ru/

http://animka.0pk.ru/ вот на моем форуме за место шапки коричневое поле,когда я ставлю шапку,она появляется,но наверху этого коричневого поля.Стиль не мой! Я скачала css и все что там нужно.Может стоит изменить какой-то параметр?м?

Mio-chan
т.е. вы качали? ну если качали так просто замените ссылку картинки со стандартной на свою

а в какой строке изменить?-их там много

Отредактировано Mio-chan (2010-03-03 15:30:34)

Бетти Шейфер
Вы перестарались
Вам нужно сделать лучше так

<style type="text/css">
#pun-title .title-logo {background-image: url(ссылка на картинку); background-repeat: no-repeat;}
</style>

А это если потребуется уменьшить /увеличить сам форум. Меняете проценты на нужные вам

<style type="text/css">
#pun {width: 68%; margin: auto; }
</style>

Отредактировано Toshiro-kun (2010-03-12 00:17:10)

Toshiro-kun
Большое спасибо! Использовала второй скрипт, и теперь картинка наконец-то расположена там, где ей и положено быть.
Можно еще один вопрос?
При использовании скрипта получается, что навигация по форуму ("Форум", "Учатники", "Поиск", "Профиль" и т.д.) находится на фоне шапки и немного теряется. Нету ли какой-нибудь возможности перенести ее на отдельную однотонную строчку, как она и была в стандартном дизайне?

Toshiro-kun
Спасибо! Заработало!))
Может быть, Вы мне подскажете, есть ли способ перенести рекламу на место над шапкой? Он наверняка есть, но я не могу до него додуматься. Мне ужасно стыдно, что я опять вынуждена Вас беспокоить.

Ребята помогите плиз,вот форум можете пожайлусто сказать какой размер для шапки нужен и куда код вводить?
defaultHeader
forum_jump
globalTemplate
include_highlighter
include_lightbox
include_lightbox_real
includeCSS
includeFeeds
includeJS
includeMeta
includeRTL
includeVars
paginationTemplate
signature_separator
user_popup
userInfoPane
Куда из этих разделов?Может я чё то не правильно делаю можете объяснить куда пихать пожайлусто?Ребята Помогите пожайлусто я работаю с IP.Board 3.0.3 Первый раз дело с этим имею можете объяснить чтоб понятно было оч прошу.

Отредактировано sonicI (2010-03-23 15:16:10)

kiota
может так?)