Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 3695 Просмотров
*

kiper

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Дорогие форумчане помогите пожалуйста.

пытался изменить шапку шаблона JA Purity сайт http://eagida.ru/ удалил всё лишнее и никак не могу понять как мне растянуть шапку по всему экрану и какой размер картинки должен быть .
Пытался найти в поиске но не смог разобраться



/* HEADER

--------------------------------------------------------- */

#ja-headerwrap {

    
    background: url(../images/header.png) no-repeat top center;

    color: #CCCCCC;

    line-height: normal;

    height: 80px;

}





/* Search */

#ja-search {

    padding-left: 20px;

    background: url(../images/icon-search.gif) no-repeat center left;

    position: absolute;

    bottom: 15px;

    right: 0;

}



#ja-search .inputbox {

    width: 120px;

    border: 1px solid #333333;

    padding: 3px 5px;

    color: #999999;

    background: #444444;

    font-size: 92%;

}

*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: картинка шапки во всю длину
« Ответ #1 : 05.01.2012, 22:50:01 »
Поскольку у Вас ширина страницы задана в процентах , то и фон задавайте в процентах . Если уж так Вам хочется . Подробнее здесь
Код
#ja-headerwrap{ background-size: 100%;}
Правда при разной ширине окна браузера может выглядеть забавно  ^-^
И кстати , про оформление сообщений , не вставляйте код прямо в сообщение . Для вставки кода на панели редактора есть специальная кнопка , с изображением решеточки .
Ответы на вопросы по CSS . Откройте для себя Firebug
*

kiper

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: картинка шапки во всю длину
« Ответ #2 : 05.01.2012, 22:51:35 »
.
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: картинка шапки во всю длину
« Ответ #3 : 05.01.2012, 22:53:56 »
Вот так попробуйте :
Код
#ja-headerwrap {
background: url(../images/video2.jpg) no-repeat top center;
background-size: 100%;
color: #CCC;
line-height: normal;
height: 232px;
}
Ответы на вопросы по CSS . Откройте для себя Firebug
*

kiper

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: картинка шапки во всю длину
« Ответ #4 : 05.01.2012, 22:56:50 »
сделал так

#ja-headerwrap{ background-size: 100%;}
        background: url(../images/video2.jpg) no-repeat top center;
          color: #CCCCCC;
   line-height: normal;
   height: 232px;
}

картинка пропала  ^-^
*

kiper

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: картинка шапки во всю длину
« Ответ #5 : 05.01.2012, 22:58:01 »
ура, большое человеческое спасибо ! очень помог ! :D :D :D :D :D
*

kiper

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: картинка шапки во всю длину
« Ответ #6 : 05.01.2012, 22:59:49 »
ура, большое человеческое спасибо ! очень помог ! :D :D :D :D :D

вот только один момент, при изменении масштаба высота всегда остаётся постоянной

« Последнее редактирование: 05.01.2012, 23:04:23 от kiper »
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: картинка шапки во всю длину
« Ответ #7 : 05.01.2012, 23:11:34 »
Цитировать
при изменении масштаба высота всегда остаётся постоянной
Ну значит задайте высоту тоже в 100%
Вы по ссылке про это свойство прочитали ? Там четко и ясно написано :
Цитировать
Если установлено одно значение, оно задает ширину фона, второе значение принимается за auto. Пропорции картинки при этом сохраняются. Использование двух значений через пробел задает ширину и высоту фоновой картинки.
То есть Вам нужно написать background-size: 100% 100%;
« Последнее редактирование: 06.01.2012, 15:13:42 от midav »
Ответы на вопросы по CSS . Откройте для себя Firebug
*

kiper

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: картинка шапки во всю длину
« Ответ #8 : 05.01.2012, 23:16:45 »
да тупанул, спасибо сейчас всё хорошо  ^-^ ^-^
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать чтоб картинка меняла масштаб вместе с ячейкой в которую вставлена?

Автор Dim

Ответов: 7
Просмотров: 3984
Последний ответ 02.12.2018, 23:54:36
от Dim
Как сделать отступ от шапки сайта?

Автор NAaTa

Ответов: 6
Просмотров: 4445
Последний ответ 22.05.2018, 17:41:24
от NAaTa
Фиксация шапки

Автор Xlebosolniy

Ответов: 6
Просмотров: 1472
Последний ответ 02.11.2016, 16:04:48
от Xlebosolniy
Убрать серый блок из шапки сайта

Автор Carni

Ответов: 4
Просмотров: 1230
Последний ответ 15.08.2015, 11:17:37
от Carni
Изменение размера шапки beez5 сильно влияет на изменение размеров иконок меню JoomShopping

Автор bakyt

Ответов: 7
Просмотров: 1746
Последний ответ 18.07.2015, 12:39:13
от LyalyaChornaya