ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Оформляем sidetitle на примере шаблона №1321

Оформляем sidetitle на примере шаблона №1321

Все мы привыкли к стандартным блокам, они основном идут под один оттенок и если их менять, только по гамме цвета. Но здесь вы можете преобразить и сделать свои блоки уникальными, а точнее добавить не узор, а что то оригинальное, к к примеру сделать один темный угол, все редактируется в стилях. Цвета можно тоже подобрать свои, все-таки он немного придает разнообразия, вносит элемент новизны, заставляет посетителя обращать внимание на перемены.

CSS:

Код

.sidetitle { background: linear-gradient(135deg,#507299 85%,#464343 85%,#464343 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

Все очень просто, добавить лишь один стиль и преобразовать дизайн.

14 Февраля 2017 Просмотров: 1348 Комментариев: (12)

Поделиться в социальных сетях

Материал разместил

kldou24

Похожие материалы

Оставь свой отзыв

Комментарии: 12
Порядок вывода комментариев: Kosten 14 Февраля 2017 18:48¹ 0 kldou24, а сам код то где, и вообще для чего прописывать, так и не понятно, для стандартной навигаций или категорий. kldou24 14 Февраля 2017 19:29² 0 Для чего угодно. Надо только прописать в css. Я так сделал kldou24.ucoz.ru Kosten 14 Февраля 2017 19:43³ 0 Так это блоки менять и делать оригинальными, как понял. Kosten 14 Февраля 2017 19:44⁴ 0 kldou24, залейте пожалуйста эффект кнопок, как на вашем сайте, очень стильно смотрится. kldou24 14 Февраля 2017 19:50⁵ 0 Каких именно? kldou24 14 Февраля 2017 19:57⁶ 0 Я делал вот по этим примерам dbmast.ru/nabor-stilej-css-dlya-sozdaniya-knopok Kosten 14 Февраля 2017 20:06⁸ 0 Да этот сайт знаю, мне бы чтоб как поставить и сами стили, и код, просто красиво реально смотрится. Сопрано 14 Февраля 2017 20:05⁷ 0 Можно попробовать, а так точно, ранее хоть рисовали, сейчас все на стилях. У вас здесь ошибка, посмотрите, где написаны (Цвета) там слитно. Kosten 14 Февраля 2017 20:14⁹ 0 Заметил и исправил. kldou24 14 Февраля 2017 22:05¹⁰ 0 Эти кнопки стандартные. Я только доработал стили. Вот где надо искать: 308.-стили внешний вид.Стандарт (background:#f27935;) 314.- стили при нажатие.Стандарт (hover {background:#3498db;color:#fff;}) Я только добавил в (308)- border-radius: 3px; и поменял цвет на #f27935. А в (314)-только поменял цвет на #F44336. Вот и все. Сама кнопка: Код <button class="btn">Кнопка</button> Вот и все. Или в поиске в стилях:button. Я думаю найдете. В чистом шаблоне. kldou24 14 Февраля 2017 22:18¹¹ +1 Так кнопка будет сотрется и на ней также будет эффект, это который при наведение клика срабатывает и красиво смотрится. Kosten 14 Февраля 2017 22:28¹² 0 kldou24, вот от души, просто такие детали не большие иногда край как нужно, тут немного редактировал и вывел кнопку.