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



Уменьшить высоту шапки

#1 Sosnovskij
Sosnovskij
  • Пользователь PRO
  • 5 463 сообщений
  • Репутация: 837
1

Обновлено 29 июля 2013 - 16:27  Отправлено 25 июля 2013 - 13:49

Всем привет! Сайт - http://sosnovskij.ru/ . Что отвечает за высоту шапки?

sosnovskij.jpg

CSS

Спойлер

 

 

  • 0

Блог — https://sosnovskij.ru/. Добавить меня в TelegramМАГАЗИН MASTERWEBS И ПОЛЬЗОВАТЕЛЬ МЕСЯЦА ВРЕМЕННО НЕ РАБОТАЮТ.



#2 seolast
seolast
  • Заблокированные
  • 62 сообщений
  • Репутация: 0

Отправлено 25 июля 2013 - 13:54

Привет, я у себя изменял в настройках screen, там ставил размеры, тут как я заметил размеры в logo, быть точнее само header.gif надо изменять размер. Потом уже подравнивать, главная - о сайте верх, возможно тут MenuMatic, может у Вас по другому названия по изменению меню - но должно быть так.
  • 0

#3 fedornabilkin
fedornabilkin
  • Модератор
  • 1 191 сообщений
  • Репутация: 206

Отправлено 25 июля 2013 - 14:16

строка 82 бэкграунд заменить на url("i/header.gif") no-repeat scroll 10px -13px transparent
высота 200 пикселей

строка 100, значение top: 100px;

строка 190, значение top:160px;

получается вот так у меня http://ipic.su/img/i....1374750958.png
  • 1

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#4 Sosnovskij
Sosnovskij
    Topic Starter
  • Пользователь PRO
  • 5 463 сообщений
  • Репутация: 837

Отправлено 25 июля 2013 - 21:02

Спасибо :) Единственное, вылезла белая полоска и поиск не посередине :D

shapka.jpg
  • 0

Блог — https://sosnovskij.ru/. Добавить меня в TelegramМАГАЗИН MASTERWEBS И ПОЛЬЗОВАТЕЛЬ МЕСЯЦА ВРЕМЕННО НЕ РАБОТАЮТ.



#5 fedornabilkin
fedornabilkin
  • Модератор
  • 1 191 сообщений
  • Репутация: 206

Отправлено 26 июля 2013 - 14:50

Не совсем понял о какой полоске идет речь. Если та, которая между хедером и топовым блоком, то это в 61 строке border-bottom
  • 0

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#6 Sosnovskij
Sosnovskij
    Topic Starter
  • Пользователь PRO
  • 5 463 сообщений
  • Репутация: 837

Отправлено 28 июля 2013 - 11:34

Полоска над логотипом, поиском. Прикрепил старый и новый вариант (первый - это новый, второй - это старый, где полоски нет).

do-i-posle.jpg
  • 0

Блог — https://sosnovskij.ru/. Добавить меня в TelegramМАГАЗИН MASTERWEBS И ПОЛЬЗОВАТЕЛЬ МЕСЯЦА ВРЕМЕННО НЕ РАБОТАЮТ.



#7 fedornabilkin
fedornabilkin
  • Модератор
  • 1 191 сообщений
  • Репутация: 206

Отправлено 28 июля 2013 - 11:48

Что-то я совсем никак не пойму о какой полоске идет речь, на скрине разницы не заметил никакой.
Спойлер


Все, до меня дошло о чем речь идет. Надо немного бэкграунд поднять и тогда все будет норм.
  • 1

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#8 Sosnovskij
Sosnovskij
    Topic Starter
  • Пользователь PRO
  • 5 463 сообщений
  • Репутация: 837

Отправлено 28 июля 2013 - 13:12

fedornabilkin, как поднять бэкграунд? :)

Спойлер

  • 0

Блог — https://sosnovskij.ru/. Добавить меня в TelegramМАГАЗИН MASTERWEBS И ПОЛЬЗОВАТЕЛЬ МЕСЯЦА ВРЕМЕННО НЕ РАБОТАЮТ.



#9 StartProfit
StartProfit
  • Неактивные
  • 3 сообщений
  • Репутация: 2

Отправлено 28 июля 2013 - 13:16

Белая полоска вылезает потому что картинку бекграунда ограничивает блок хедера. Привяжите свойство бекграунда к блоку обертки со стилем wrap.

Правка: Если имеется ввиду белая полоска (1px) вверху, а не сбоку, тогда просто уберите свойство border-bottom или сделайте его ровным 0 в 61 линии.
  • 0

#10 StartProfit
StartProfit
  • Неактивные
  • 3 сообщений
  • Репутация: 2

Отправлено 28 июля 2013 - 13:35

Белая полоска вылезает потому что картинку бекграунда ограничивает блок хедера. Привяжите свойство бекграунда к блоку обертки со стилем wrap.


Понял в чем причина. Если имеется исходник хедера в фотошопе, сделайте фон прозрачным и залейте обратно на сервер в формате png. После этого исправьте в 82 строке формат файла из gif в png.

или как сказано выше поднять бекграунд обертки wrap:

Для этого в 69 строке замените
background: url(i/wrap_bg.gif) repeat-x;
на
background: url(i/wrap_bg.gif) repeat-x 0 -14px;

Сообщение отредактировал StartProfit: 28 июля 2013 - 14:13

  • 1

#11 Sosnovskij
Sosnovskij
    Topic Starter
  • Пользователь PRO
  • 5 463 сообщений
  • Репутация: 837

Отправлено 28 июля 2013 - 22:26

Спасибо! Помогло :D

Как бы еще поиск посередине теперь поставить? :)
  • 0

Блог — https://sosnovskij.ru/. Добавить меня в TelegramМАГАЗИН MASTERWEBS И ПОЛЬЗОВАТЕЛЬ МЕСЯЦА ВРЕМЕННО НЕ РАБОТАЮТ.



#12 StartProfit
StartProfit
  • Неактивные
  • 3 сообщений
  • Репутация: 2

Отправлено 29 июля 2013 - 00:12

146 строка, параметр top: 35px;


  • 1

#13 Sosnovskij
Sosnovskij
    Topic Starter
  • Пользователь PRO
  • 5 463 сообщений
  • Репутация: 837

Отправлено 29 июля 2013 - 11:19

Спасибо, помогло :)

Не обратил сначала внимание, после изменений

строка 82 бэкграунд заменить на url("i/header.gif") no-repeat scroll 10px -13px transparent высота 200 пикселей строка 100, значение top: 100px; строка 190, значение top:160px; получается вот так у меня http://ipic.su/img/i....1374750958.png


Появился большие пробелы сверху и снизу строчки ноликса (сначала "до", потом "после").

do.jpg

posle.jpg

Можно их убрать до состояния "до"? :D
  • 0

Блог — https://sosnovskij.ru/. Добавить меня в TelegramМАГАЗИН MASTERWEBS И ПОЛЬЗОВАТЕЛЬ МЕСЯЦА ВРЕМЕННО НЕ РАБОТАЮТ.



#14 Slava1988
Slava1988
  • Неактивные
  • 162 сообщений
  • Репутация: 13

Отправлено 29 июля 2013 - 16:27

эмммм строка 190 ncode выставить top:150px
строка 72 wrapper выставить padding:200px 0 0
  • 1

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


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

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 22.5 3 темы, 6 сообщений, 1 балл репутации

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

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

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

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

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

    SergiuS85
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

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

    kolver
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

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

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #7

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

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

    wp01
    Очков активности: 7.5 0 тем, 5 сообщений, 1 балл репутации

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

    Totti
    Очков активности: 7.5 0 тем, 5 сообщений, 1 балл репутации

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

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 7.5 1 тема, 2 сообщения, 1 балл репутации

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

Поддержите форум! =)
Топ 5 участников по репутации

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