Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.61/18: Рейтинг темы: голосов - 18, средняя оценка - 4.61
0 / 0 / 0
Регистрация: 12.12.2015
Сообщений: 14

Не ставится картинка в шапку

25.09.2017, 11:39. Показов 3849. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток. Пытаюсь внести изменения в тему Вордпресс, а именно поставить в шапку картинку фоном. Проделал следующие манипуляции:

1. В файл header.php внес div со стилем
[del]

2. В Style.css прописал стиль
[del]

3. Получается все равно вот так



Может подскажет кто почему не хочет арбайтен?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
25.09.2017, 11:39
Ответы с готовыми решениями:

Не ставится фоном картинка
Всем привет. Не пойму в чем вопрос, синтаксис у команды background:url() no-repeat; верный, а картинка в блоке .leftblock и .rightblock не...

Масштабируемая картинка на всю шапку в резиновой верстке
В приложенном файле простой пример, где картинка уменьшается при сжимании браузера. Однако, высота шапки остается прежней, необходимо, чтоб...

Нужно, чтобы картинка на сайте растягивалась под размер экрана, как это сделать ? (Пропорционально, картинка высокого расширения и качества)
binding text

11
0 / 0 / 0
Регистрация: 12.12.2015
Сообщений: 14
25.09.2017, 12:07  [ТС]
1. В файл header.php внес div со стилем

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<body <?php body_class(); ?>>
 
<div id="page" class="site">
    <?php 
    if ( is_active_sidebar( 'advertisement-1' ) ) {
 
        $header_class = 'advertisement-active';
 
    }else{
 
        $header_class = '';
 
    } ?>
    <header id="masthead" class="site-header <?php echo $header_class; ?>" role="banner">
           <div class="header"></div> <!-- !!!! -->
        <div class="container">
        
            <div class="site-branding">
                <?php 
...
2. В Style.css прописал стиль

CSS
1
2
3
4
.header {
 background: url("slabotochnyk.ru/public_html/wp-content/themes/blog-zone/images/header.jpg") no-repeat top center; 
 height: 405px; 
}
0
84 / 81 / 42
Регистрация: 20.01.2017
Сообщений: 219
25.09.2017, 19:41
вы походу, добавляя свой стиль, удалили последнюю скобку. (новый стиль для хедера срабатывает при последнем медиазапросе).
p.s. в вашей теме уже есть блок хедер (можно все сделать, поправив только стили у .site-header)
1
0 / 0 / 0
Регистрация: 12.12.2015
Сообщений: 14
25.09.2017, 21:10  [ТС]
Нашел в style.css site-header, добавил туда background, все равно картинку не ставит

CSS
1
2
3
4
5
6
7
8
9
10
.site-header{
    float:left;
    width:100%;
}
 
.site-header {
    padding-top:30px;
    background: url("slabotochnyk.ru/public_html/wp-content/themes/blog-zone/images/header.jpg") no-repeat top center;  
 
}
 Комментарий модератора 
Используйте соответствующие теги в редакторе для форматирования кода [HTML], [CSS] и т.д.!
0
84 / 81 / 42
Регистрация: 20.01.2017
Сообщений: 219
26.09.2017, 13:35
CSS
1
background: url("http://slabotochnyk.ru/public_html/wp-content/themes/blog-zone/images/header.jpg") no-repeat top center;
Добавлено через 13 минут
в пункте "медиафайлы" админки можно посмотреть правильный url картинки
1
0 / 0 / 0
Регистрация: 12.12.2015
Сообщений: 14
26.09.2017, 17:00  [ТС]
Действительно ссылка не корректно была указана) Сделал как надо, шапка больше не белая, но картинки все равно нет) Теперь шапка выглядит вот так:
Миниатюры
Не ставится картинка в шапку  
0
84 / 81 / 42
Регистрация: 20.01.2017
Сообщений: 219
26.09.2017, 18:13
вы опять неправильно url картинки прописываете)
путь должен начинаться с http://...
(свойством padding-top высоту регулируете)
1
 Аватар для Амурский
35 / 33 / 12
Регистрация: 11.11.2014
Сообщений: 303
26.09.2017, 18:44
HTML5
1
2
3
.site-header {
     background: url(images/header.jpg) no-repeat;
}
Так надо. А через кастомайзер не пробовали? Что за шаблон, если не секрет?
1
0 / 0 / 0
Регистрация: 12.12.2015
Сообщений: 14
26.09.2017, 19:06  [ТС]
SergioSup, сейчас вот такой код прописан:
CSS
1
2
3
4
5
.site-header {
    padding-top:100px;
    background: url(http://slabotochnyk.ru/wp-content/uploads/2017/09/ffee2447b152494b43d9816faaea83c8-e1506433590658.jpg) no-repeat top center;  
 
}
все без изменений, пробовал и с кавычками и без путь указывать, ничего не меняет.

Амурский, там нет такой настройки, тема Blog zone называется.
0
0 / 0 / 0
Регистрация: 12.12.2015
Сообщений: 14
26.09.2017, 19:10  [ТС]
Вобщем, как я понял, сейчас тема настроена таким образом, что тело и шапка как бы слиты воедино, т.е при смене картинки получается вот так
Итого вопрос, можно ли как то их разделить, чтобы в теле была своя картинка, а в хедере своя?
0
 Аватар для Амурский
35 / 33 / 12
Регистрация: 11.11.2014
Сообщений: 303
26.09.2017, 19:57
Я все за тебя сделал.

CSS
1
2
3
4
5
6
7
8
.site-header  {
    background: url(http://test/wp-content/uploads/2017/09/bg.jpg) no-repeat !important;
    background-size: cover; 
}
.site-branding {
    padding-top: 70px;
    padding-bottom: 70px;
}
Там просто шапка покрашена в белый в строке 1962 и перебивает стили.
Только надо пошире картинку, видишь, справа пробел. Ссылку на картинку не забудь поменять на свою.
Миниатюры
Не ставится картинка в шапку  
1
0 / 0 / 0
Регистрация: 12.12.2015
Сообщений: 14
26.09.2017, 20:52  [ТС]
Да, сейчас вроде норм работает, спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
26.09.2017, 20:52
Помогаю со студенческими работами здесь

По таймеру плавно появлялась картинка в pictureBox, затем исчезала, и через минуту появлялась другая картинка
Здравствуйте, пожалуйста, подскажите, как сделать в проекте на c# чтобы по таймеру плавно появлялась картинка в pictureBox, затем плавно...

Есть сайт на Jommla 1.7. В нем сбоку модуль (блок). В этом модуле есть картинка. Как сделать так, чтобы автоматически обновлялась только картинка?
http://stost.ru/ny/ny.php - вот картинка, может, кому пригодится) типа сколько до НГ осталось)

Зафиксировать шапку
Данная структура работает, но кто делает кроссбраузерную вёрстку то IE-8,7 данный CSS код пропускает мимо. Как можно решить проблему ? С...

установить шапку
Добрый день уважаемые мастера никак не могу правильно прописать код в стилях и на страничке что бы шапка была вверху а не так как у меня...

Флеш в шапку
подскажите как поставить флеш в шаку в Джумла? Добавлено через 32 секунды *в шапку


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Киев стоит - украинская песня
zorxor 28.01.2026
wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru