Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #6

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография Napoleon-007
    #7

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 15.08.2018
Топ 5 участников по репутации


Помогите с css логотипа

#1 SeredinPlus

SeredinPlus
  • Неактивные
  • 237 сообщений
  • Репутация: 8
0

Отправлено 20 April 2012 - 15:57

Работаю над сайтом школы - 1school.16mb.com необходимо сделать логотип вверху больше и по высоте и по длине, но каким бы размером изображение я туда не ставил - не выходит. Думаю, что всё дело в css коде. Так же логотип отображается как-то ближе к верху чем в меню, немного некрасиво смотрится( в файрфокс у меня). Прошу помочь настроить css код.
У меня шапка выглядит так:
Изображение
Если не врёт FireBug, то код этого куска
#header {
	margin-bottom: 20px;
	overflow: hidden;
}
ИЛИ этот:
a img {
	border: medium none;
}
reset.css (строка 16)
fieldset, img {
	border: 0 none;
}
P.S. Прошу не закидывать помидорами, в CSS не соображаю абсолютно.

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Передвинуть логотип в шапке сайта
  2. Зафиксировать изображение (резиновый фон)
  3. Помогите узнать CSS код
  4. Как убрать из темы в хедер часть, где располагается лого
  5. Помогите с расположением логотипа

#2 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 20 April 2012 - 16:26

Какая есть у вас картинка для логотипа такая и отображается.
Изображение
Чего вы от нее хотите?
Сделать больше? Так нарисуйте ее больше.
Или хотя бы в стилях напишите
#logo a img{
  width: 400px;
}
тогда картинка вместо своих исходных 340px в ширину будет 400px, хотя это не красиво будет, лучше картинку исправить.

По поводу полей.
У вас для шапки стиль
#header { margin-bottom:20px; overflow:hidden; }
в нем указан отступ снизу 20px, вот его вы и видите.
Хотите уменьшить отступ — уменьшайте это значение и подбирайте, как для вас лучше смотрится.
Хотите чтоб одинаково было вверх и вниз, замените тогда эту строку на
#header {margin: 20px 0; overflow:hidden; }
будет отступ и сверху и снизу по 20 точек.

Это все у вас живет в файле стилей _http://1school.16mb.com/wp-content/themes/boulevard/style.css
  • 1

#3 SeredinPlus

SeredinPlus
    Topic Starter
  • Неактивные
  • 237 сообщений
  • Репутация: 8

Отправлено 20 April 2012 - 16:32

С отступами всё понял, благодарю, а на счёт шапки не очень. Хочу сделать её больше где-то 400 на 90 (примерно). Подскажите, какой для этого необходим код и какой размер шапки будет лучше смотреться на данном шаблоне? А на счёт её прорисовывания - сделаем, главное, чтобы с css всё было в норме.
  • 0

#4 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 20 April 2012 - 16:40

Какая будет картинка, так и отобразится.
В css нет ничего ограничивающего ее размер, так что его править не потребуется.

То что я выше написал, это если лень перерисовывать картинку и отдать ее увеличение браузеру. Он, конечно, увеличит, но будет смотреться не очень.
  • 0

#5 SeredinPlus

SeredinPlus
    Topic Starter
  • Неактивные
  • 237 сообщений
  • Репутация: 8

Отправлено 20 April 2012 - 16:57

я перерисовываю уже сам, т.к. все исходники есть. Посоветуйте просто пожалуйста размер изображения, который будет хорошо смотреться на этом сайте. Ещё шрифты для надписи на логотипе подбираю, если знаете какой-нибудь подходящий - говорите)
Изображение
Так лучше смотрится? Нет? Говорите, если что не так, будем менять. Хочется хорошо сделать, школа как никак требует)

Сообщение отредактировал SeredinPlus: 20 April 2012 - 17:09

  • 0

#6 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 20 April 2012 - 17:10

Посоветуйте просто пожалуйста размер изображения, который будет хорошо смотреться на этом сайте. Ещё шрифты для надписи на логотипе подбираю, если знаете какой-нибудь подходящий - говорите)

Ну это уже вопросы для раздела про дизайн, а не про языки разметки. :)

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

Так лучше смотрится? Нет?

Очень мелкий логотипчик, особенно, если есть желание не просто сказать, что он есть, а чтобы посетители поняли, что на нем изображено.

Сообщение отредактировал yury: 20 April 2012 - 17:13

  • 0

#7 SeredinPlus

SeredinPlus
    Topic Starter
  • Неактивные
  • 237 сообщений
  • Репутация: 8

Отправлено 20 April 2012 - 17:16

Разве мелко? 400х95 вышло, ещё больше делать?


  • 0

#8 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 20 April 2012 - 17:18

А нет. Это у меня закэшировалась картинка. Так лучше. Можно еще немного крупнее.
Но я серьезно говорю, за советом про подбор логотипа и шрифтов вам лучше обратиться в тематический раздел: Дизайн сайтов


  • 0

#9 SeredinPlus

SeredinPlus
    Topic Starter
  • Неактивные
  • 237 сообщений
  • Репутация: 8

Отправлено 20 April 2012 - 17:20

Понял, спасибо за помощь. Если ещё что-то в логотие криво выглядит - говорите сейчас, пока сижу исправляю))


  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru