Единый форум поддержки

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

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

Вы здесь » Единый форум поддержки » Форум для новичков » Шапка форума

Шапка форума

Страница: 1

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

1

  • Автор: eremon
  • Заслуженный
  • Зарегистрирован: Пт, 31 Окт 2014
  • Сообщений: 131
  • Уважение: 0
  • Позитив: +9
  • Последний визит:
    Чт, 13 Июл 2017 14:48:45

Здравствуйте!
Помогите решить проблему с шапкой форума. Мой форум http://ekat.forum-top.ru/

http://sg.uploads.ru/t/oe0cf.png

Почему она в маленьком квадрате и ничего с этим не могу сделать?

Помогите исправить. Заранее спасибо!

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11569
  • Последний визит:
    Сегодня 09:20:17

eremon
Гм... А как надо в итоге, дайте ссылку на пример или сделайте эскиз в ФШ
Картинка вообщем то мелковата для растяга на весь экран, качество резко ухудшится, да и пропоции не те, будет весь первый экран только шапка.
Единственное  - поставить это лого на некую длинную полоску.
Короче Вам нун определиться с итоговым видом, возможно поработать с фотошопом.

Далее выложите ссылку на картинку - вставим

0

3

  • Автор: eremon
  • Заслуженный
  • Зарегистрирован: Пт, 31 Окт 2014
  • Сообщений: 131
  • Уважение: 0
  • Позитив: +9
  • Последний визит:
    Чт, 13 Июл 2017 14:48:45

На всю длину форума надо. Сама картинка 596х208
Почему форум автоматом ее такой делает?

А еще заметил что делаю картинку 300х90

http://sh.uploads.ru/t/OXRA3.png

а она ее почему то наоборот увеличивает! Странные какие то глюки...

Помогите плиззз решить эту проблему!

0

4

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11569
  • Последний визит:
    Сегодня 09:20:17

eremon
Давайте не перепрыгивать, начали с Шапки - давайте с ней и закончим
Перечитайте пост 2 и ответьте на те вопросы, что я задал. После завершения с Шапкой - прыгнем к следующему.

0

5

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3418
  • Уважение: +2104
  • Позитив: +675
  • Пол: Мужской
  • Последний визит:
    Вчера 13:50:55

eremon
Это не форум её такой делает, а размеры шапки у вас такие маленькие
http://radikall.com/images/2015/05/09/O14nL.th.png
В вашем случае это больше напоминает не шапку, а лого (логотип). Либо перерисовывайте в фотошопе логотип под шапку с большим размером (хотя бы 600px в ширину и 200px в высоту), либо оставляйте как логотип.

По второму вопросу, снова - исходный размер картинок отличается от прописанного вами:

<img src="http://radikall.com/images/2015/05/09/nSUuF.th.jpg" width="200" height="90">

Здесь у вас высота и ширина картинки прописана прямо в коде:
- высота прописана 90px, хотя высота картинки 150px
- ширина прописана 200px, хотя ширина картинки 135px
Вот и получается разное соотношение сторон прописанного от исходного. Либо переписывайте размер в коде под размер картинок, либо перерисовывайте картинки под заданный вами размер в коде.

И еще такой момент: все графические элементы (картинки) используемые в дизайне рекомендуется загружать в Администрирование - Файлы во избежании их потери!

Добавлено спустя 3 минуты 54 секунды:

Вангую, что вы с радикала взяли не ссылку на оригинал, а ссылку на превью (и при загрузке указали на обрезку превьюшки). Поэтому еще раз говорю, что картинки загружайте в Администрирование - Файлы.

Отредактировано Reysler (Сб, 9 Май 2015 14:32:58)

0

6

  • Автор: eremon
  • Заслуженный
  • Зарегистрирован: Пт, 31 Окт 2014
  • Сообщений: 131
  • Уважение: 0
  • Позитив: +9
  • Последний визит:
    Чт, 13 Июл 2017 14:48:45

и точно "превью" поставил, спасибо за помощь! Теперь все понятно стало почему такое произошло.

0

7

  • Автор: eremon
  • Заслуженный
  • Зарегистрирован: Пт, 31 Окт 2014
  • Сообщений: 131
  • Уважение: 0
  • Позитив: +9
  • Последний визит:
    Чт, 13 Июл 2017 14:48:45

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

0

8

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3418
  • Уважение: +2104
  • Позитив: +675
  • Пол: Мужской
  • Последний визит:
    Вчера 13:50:55

eremon
В HTML-верх найдите код

<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(http://s020.radikal.ru/i702/1505/7f/e1f794a96e5b.png);
background-repeat : no-repeat; height : 134px; width: 640px; margin-top: 5px; margin-left: 105px;}
</style>

замените его на

<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(http://s020.radikal.ru/i702/1505/7f/e1f794a96e5b.png);
background-repeat : no-repeat; height : 160px; width: 640px; margin: 5px auto 0;}
</style>

+1

9

  • Автор: eremon
  • Заслуженный
  • Зарегистрирован: Пт, 31 Окт 2014
  • Сообщений: 131
  • Уважение: 0
  • Позитив: +9
  • Последний визит:
    Чт, 13 Июл 2017 14:48:45

Спасибо, все отлично теперь! А вот на счет хранения файлов "Администрирование - Файлы" я не пользуюсь, т.к. туда очень долго загружаются файлы или вообще не загружаются. Еще раз спасибо за помощь !

0

10

  • Автор: eremon
  • Заслуженный
  • Зарегистрирован: Пт, 31 Окт 2014
  • Сообщений: 131
  • Уважение: 0
  • Позитив: +9
  • Последний визит:
    Чт, 13 Июл 2017 14:48:45

А вот еще увидел в чем мне тоже помощь нужна... Как сделать так, чтобы для всех мониторов автоматически подбиралась ширина полосок. Смотрите на скрине.

Это один монитор.

http://sg.uploads.ru/t/Cajyw.png

А это монитор на котором я работаю. Получается что у всех по разному показывает!

http://sh.uploads.ru/t/lkgKZ.png

Отредактировано eremon (Сб, 9 Май 2015 17:04:03)

0

11

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10703
  • Уважение: +7192
  • Позитив: +5264
  • Пол: Мужской
  • Последний визит:
    Сегодня 01:18:12

eremon
Попробуйте в HTML верх

<style type="text/css">
#pun-ulinks .container, .punbb h1, .punbb h2 {
  background-size: 100% 29px !important;
}
</style>

Отредактировано Alex_63 (Сб, 9 Май 2015 20:32:13)

0

12

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10703
  • Уважение: +7192
  • Позитив: +5264
  • Пол: Мужской
  • Последний визит:
    Сегодня 01:18:12
eremon написал(а):

Спасибо, все отлично теперь! А вот на счет хранения файлов "Администрирование - Файлы" я не пользуюсь, т.к. туда очень долго загружаются файлы или вообще не загружаются.

o.O Как это? У меня ни разу таких проблем не возникало.

0

13

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11569
  • Последний визит:
    Сегодня 09:20:17
Alex_63 написал(а):

background-image-width: 100% !important;

Гы: http://htmlbook.ru/css/background-size

<style>
#pun-stats h2, .punbb .main h2, #pun-debug h2 {
  background-size:100% 29px;
}
</style>

+1

14

  • Автор: eremon
  • Заслуженный
  • Зарегистрирован: Пт, 31 Окт 2014
  • Сообщений: 131
  • Уважение: 0
  • Позитив: +9
  • Последний визит:
    Чт, 13 Июл 2017 14:48:45
Alex_63 написал(а):

<style type="text/css">
#pun-ulinks .container, .punbb h1, .punbb h2 {
  background-size: 100% 29px !important;
}
</style>

Alex_63, спасибо за скрипт, все отлично стало на других экранах !

0

15

  • Автор: eremon
  • Заслуженный
  • Зарегистрирован: Пт, 31 Окт 2014
  • Сообщений: 131
  • Уважение: 0
  • Позитив: +9
  • Последний визит:
    Чт, 13 Июл 2017 14:48:45

Разница в этих скриптах.

Код:
<style type="text/css">
#pun-ulinks .container, .punbb h1, .punbb h2 {
  background-size: 100% 29px !important;
}
</style>

это код все норм!

Код:
<style>
#pun-stats h2, .punbb .main h2, #pun-debug h2 {
  background-size:100% 29px;
}
</style>

Этот код, все норм, кроме самой верхней полозки...

Поставил первый код!

Отредактировано eremon (Вт, 12 Май 2015 11:00:35)

0

16

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10703
  • Уважение: +7192
  • Позитив: +5264
  • Пол: Мужской
  • Последний визит:
    Сегодня 01:18:12
eremon написал(а):

Alex_63, спасибо за скрипт, все отлично стало на других экранах !

Это не скрипт, а код стиля (CSS)

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

Этот код, все норм, кроме самой верхней полозки...
Поставил первый код!

Мой код (Первый) работает для всех заголовков и для Пользовательских ссылок (Активные темы Ответы Темы без ответов...), так что оставляйте его

0

Страница: 1

Вы здесь » Единый форум поддержки » Форум для новичков » Шапка форума