Помогите! Создала второй в жизни форум, первый получился отвратительно, я его даже прокачивать не стала...
А вот второй... Он мне дорог)
Помогите! Напишите, как поставить изабражение в "шапку" форума!!! Очень-очень нужно!
"Шапка"))
Сообщений 1 страница 4 из 4
Поделиться1Ср, 1 Авг 2007 11:46:27
Поделиться2Ср, 1 Авг 2007 11:58:01
Напишите, как поставить изабражение в "шапку" форума
Логотип в левой части шапки, вместо надписи MYbb
Самый простой способ, реализуемый при помощи 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>
Изменяйте красные значения, пока не отпозиционируете фон и логотип идеально для вас.
________________________________________
<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url("Ссылка"); margin: 0px 0px 0px 0px; width: 100%; height: 115px;};
#pun {padding: 0px 0px 0px 0px; height: 5px}
#pun-title .container {padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px;}
#pun-title {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px !important; width: 100%;};
#pun-ulinks .container {background-color: black}
#pun-navlinks .container {background-image: url("http://img59.imageshack.us/img59/3394/navlinkshj5.jpg"); height: 20px;}
#pun-main h2 {background-image: url("http://img59.imageshack.us/img59/3394/navlinkshj5.jpg");}
#pun-navlinks li#navrules a span {display : none;}
</style>
Поделиться3Ср, 1 Авг 2007 12:09:13
CGworldministrator
Спасяб! ))
Поделиться4Ср, 1 Авг 2007 12:11:52
Спасяб! ))
а плюсик??????................. :yes:
Похожие темы
Поменять название форума в шапке (логотипе) через JavaScript | Форум для новичков | Чт, 23 Янв 2020 |
Шапка форума | Форум для новичков | Вт, 28 Май 2024 |
Шапка без стиля. Вкладки. | Проблемы с форумом | Чт, 3 Авг 2017 |
Нужно дополнить код установки шапки | Корзина | Пт, 28 Окт 2011 |
Изменить шапку | Корзина | Вс, 26 Май 2013 |