Официальный Форум технической поддержки сервиса ForumBB

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Официальный Форум технической поддержки сервиса ForumBB » Оформление форума » Лого. Универсальная шапка для форума


Лого. Универсальная шапка для форума

Сообщений 1 страница 20 из 430

1

Если вы делаете логотип для форума вставляя свою картинку НАД основной шапкой с логотипом и баннером, вот простейший код, который будет регулировать ее ширину в зависмости от  браузера и разрешения и всегда сохранять ее одинаковой ширине основной таблицы форума.

В HTML-верх вставляем код вашей картинки следующим образом:

Код:
<img id="Mylogo" src="адрес картинки" />
<style type="text/css">
#Mylogo {width: 100%; margin: 0 0 0 0;}
</style>

А вообщем Шапка делается разными спосабами:

Самый простой способ, реализуемый при помощи 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>

Подробней читаем FAQ по дизайну форума в CSS

+1

2

Гык, а вы не знаете, кто может сделать логотип под заказ? А то я ихделать не умею  :pardon:

0

3

ЮсараТао написал(а):

а вы не знаете, кто может сделать логотип под заказ?

админ! стучи к нему в аську!

0

4

DREД
Лана

0

5

а как можно зделать фон и вставить картинки, и вообше куда вставлять все эти коды?

0

6

*~Zoey~* написал(а):

а как можно зделать фон и вставить картинки, и вообше куда вставлять все эти коды?

создай темку, в разделе оформление форумов и я тебе помогу со всем! смотри куда создала сообщение? не по теме!

0

7

Блин.. ну не получается у меня на форум вставить шапку ((((( Ничего не выходит.. Скорее всего из-за кривизны рук.... Буду оч признательна если напишите что точно и куда вставть... Адресс картинки      [img=http://img20.imageshack.us/img20/8569/1111zd0.th.jpg]

0

8

Soblazn написал(а):

ну не получается у меня на форум вставить шапку ((((( Ничего не выходит.. Скорее всего из-за кривизны рук.... Буду оч признательна если напишите что точно и куда вставть... Адресс картинки

пробуй это

Код:
<style type="text/css">
#pun-title .title-logo {background-image: url(img=http://img20.imageshack.us/img20/8569/1111zd0.th.jpg); background-repeat: no-repeat;}
</style>

смотря что ты хочешь?

0

9

u menya nepoluchaetsa podobrat' razmer ,poluchalos' vstavit' kartinku Логотип-картинка во всю шапку  no kartinka rejetsa ili dvoitsa.a drugie skripti prosta nerabotayut

0

10

Каким именно скриптом вставлял?

0

11

Логотип-картинка во всю шапку (за исключением баннера)
<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(адрес вашей картинки);}
</style>
menya interesuet logo na vsyu shapku  s makksimalnimi razmerami .
ya vot neponemayu pochemu na etom forume dva banera reklami

Отредактировано igarek (16.09.2007 12:03:32)

0

12

два баннера-условия существования сервиса
<img id="Mylogo" src="адрес картинки" />
<style type="text/css">
#Mylogo {width: 100%; margin: 0 0 0 0;}
</style>
вот эту поставь...помом эффект тот же

0

13

kak vsunut' chasi v nazvanie logo(mybb) vot  http://ashdod.forumbb.ru/

Отредактировано igarek (19.09.2007 04:11:22)

0

14

lyudi vi tak i neotvetili,menya eshe interesuet chto bi chat ostovalsya tol'ka na glavnoy mojna eta zdelat'

Отредактировано igarek (19.09.2007 22:46:19)

0

15

igarek написал(а):

kak vsunut' chasi v nazvanie logo(mybb) vot  http://ashdod.forumbb.ru/

если я правильно понила смысл, то нет..

igarek написал(а):

lyudi vi tak i neotvetili,menya eshe interesuet chto bi chat ostovalsya tol'ka na glavnoy mojna eta zdelat'

нет...

-1

16

А куда вставлять скрипт?

0

17

[~*Panda*~]
что именно?

0

18

Акила

Я не знаю куда ставить логотип...

0

19

[~*Panda*~]
ну там разные функции я в название и различиях между шапкой не сильна.. но лого ставиться либо в хтмл вниз либо в объяву вроде как или я может путаю..

0

20

[~*Panda*~ написал(а):

]куда ставить логотип...

а куда нужно?

0


Вы здесь » Официальный Форум технической поддержки сервиса ForumBB » Оформление форума » Лого. Универсальная шапка для форума