Вставка Вверх Страницы Банера
#1
Отправлено 16 Август 2015 - 22:04
Подскажите, пож-та, как вставить банер в самый верх сайта.. (красная полоска + текст белого цвета + гиперссылка)... т.к. на скрине!
Заранее огромное спасибо!
#2
Отправлено 17 Август 2015 - 14:22
Иванов (16 Август 2015 - 22:04) писал:
Подскажите, пож-та, как вставить банер в самый верх сайта.. (красная полоска + текст белого цвета + гиперссылка)... т.к. на скрине!
Заранее огромное спасибо!
найдите в шаблоне HTML
<body onselectstart="return false" oncopy="return false"> <div class="group" id="wrapper">после вставьте
<div class="bantop">Ваш текст</div>далее в конец style.css добавьте
.bantop { background: #ff0000; color: #fff; padding: 7px 23px; font-size: 20px; }
#3
Отправлено 15 Сентябрь 2015 - 17:21
Ирина345 (17 Август 2015 - 14:22) писал:
найдите в шаблоне HTML
<body onselectstart="return false" oncopy="return false"> <div class="group" id="wrapper">после вставьте
<div class="bantop">Ваш текст</div>далее в конец style.css добавьте
.bantop { background: #ff0000; color: #fff; padding: 7px 23px; font-size: 20px; }
как красную полосу вставить, т.к. на скрине?
#4
Отправлено 15 Сентябрь 2015 - 18:13
Иванов (15 Сентябрь 2015 - 17:21) писал:
<body onselectstart="return false" oncopy="return false">вставьте
<body onselectstart="return false" oncopy="return false"> <span class="stroka">ТЕКСТ</span>в конец main.css добавьте код
.stroka { color:#FFF; background-color:#F00; font-size:20px; display: block; }изменяйте стили на свои
#5
Отправлено 15 Сентябрь 2015 - 20:16
Danil (15 Сентябрь 2015 - 18:13) писал:
<body onselectstart="return false" oncopy="return false">вставьте
<body onselectstart="return false" oncopy="return false"> <span class="stroka">ТЕКСТ</span>в конец main.css добавьте код
.stroka { color:#FFF; background-color:#F00; font-size:20px; display: block; }изменяйте стили на свои
1. как изменить ширина строки и её цвет?
2. как сделать отступ от этой красной строки до верхней шапки?
Спасибо.
#6
Отправлено 15 Сентябрь 2015 - 20:27
Иванов (15 Сентябрь 2015 - 20:16) писал:
2. как сделать отступ от этой красной строки до верхней шапки?
Спасибо.
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; }замените на
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; padding: 10px 5px 10px 5px; margin-bottom:10px; }- margin-bottom - отступ
- высоту регулируйте с помощью padding(изменяйте 1 и 3 значение)
- цвет - color
- цвет фона - background-color
#7
Отправлено 16 Сентябрь 2015 - 10:21
Danil (15 Сентябрь 2015 - 20:27) писал:
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; }замените на
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; padding: 10px 5px 10px 5px; margin-bottom:10px; }- margin-bottom - отступ
- высоту регулируйте с помощью padding(изменяйте 1 и 3 значение)
- цвет - color
- цвет фона - background-color
Спасибо!
Ещё один момент: увеличиваем отступ и вместо фона (картинки) появляется просто белая полоса... помогите исправить пож-та.
#8
Отправлено 16 Сентябрь 2015 - 11:01
Иванов (16 Сентябрь 2015 - 10:21) писал:
Ещё один момент: увеличиваем отступ и вместо фона (картинки) появляется просто белая полоса... помогите исправить пож-та.
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; padding: 15px 5px 15px 5px; margin-bottom: 20px; }
Замените его на:
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; padding: 15px 5px 15px 5px; padding-bottom: 20px; }
#9
Отправлено 16 Сентябрь 2015 - 11:32
Cupuyc (16 Сентябрь 2015 - 11:01) писал:
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; padding: 15px 5px 15px 5px; margin-bottom: 20px; }
Замените его на:
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; padding: 15px 5px 15px 5px; padding-bottom: 20px; }
Белая строка пропала, но и отступ пропал от красной полосы у шапке.
#10
Отправлено 18 Сентябрь 2015 - 09:19
#11
Отправлено 18 Сентябрь 2015 - 09:40
Иванов (18 Сентябрь 2015 - 09:19) писал:
В шаблоне html найдите
<span class="stroka"></span> <div class="group" id="wrapper">и замените на
<div class="group" id="wrapper"> <span class="stroka"></span>После используйте инструкцию из сообщения 6.
#12
Отправлено 18 Сентябрь 2015 - 09:43
Danil (18 Сентябрь 2015 - 09:40) писал:
В шаблоне html найдите
<span class="stroka"></span> <div class="group" id="wrapper">и замените на
<div class="group" id="wrapper"> <span class="stroka"></span>После используйте инструкцию из сообщения 6.
ничего не выходит. Отступа все равно нет.
#14
Отправлено 18 Сентябрь 2015 - 10:05
Danil (18 Сентябрь 2015 - 09:51) писал:
Спасибо, с этим разобрались.
Последний момент: изначально при удалении текста из этой верхней полосы (банера), блокировался его показ. Как эту функции восстановить?
#15
Отправлено 19 Сентябрь 2015 - 06:10
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; padding: 15px 5px 15px 5px; padding-bottom: 20px; }
замените на:
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: none; padding: 15px 5px 15px 5px; padding-bottom: 20px; }
стиль display: none; скрывает элемент.
#16
Отправлено 19 Сентябрь 2015 - 11:56
Vaccina (19 Сентябрь 2015 - 06:10) писал:
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: block; padding: 15px 5px 15px 5px; padding-bottom: 20px; }
замените на:
.stroka { color: #FFF; background-color: #F00; font-size: 20px; display: none; padding: 15px 5px 15px 5px; padding-bottom: 20px; }
стиль display: none; скрывает элемент.
Только и отступ от верхней шапки в таком случает также скрывается...
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных