» »

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

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

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

CSS:

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

Все очень просто, добавить лишь один стиль и преобразовать дизайн.
14.02.2017 Просмотров: 620 Комментарий: (12)

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

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

Комментарий: 12
Kosten
Kosten 14.02.2017 18:481
0
kldou24, а сам код то где, и вообще для чего прописывать, так и не понятно, для стандартной навигаций или категорий.
avatar
kldou24 14.02.2017 19:292
0
Для чего угодно. Надо только прописать в css. Я так сделал kldou24.ucoz.ru
Kosten
Kosten 14.02.2017 19:433
0
Так это блоки менять и делать оригинальными, как понял.
Kosten
Kosten 14.02.2017 19:444
0
kldou24, залейте пожалуйста эффект кнопок, как на вашем сайте, очень стильно смотрится.
avatar
kldou24 14.02.2017 19:505
0
Каких именно?
avatar
kldou24 14.02.2017 19:576
0
Я делал вот по этим примерам dbmast.ru/nabor-stilej-css-dlya-sozdaniya-knopok
Kosten
Kosten 14.02.2017 20:068
0
Да этот сайт знаю, мне бы чтоб как поставить и сами стили, и код, просто красиво реально смотрится.
Сопрано
Сопрано 14.02.2017 20:057
0
Можно попробовать, а так точно, ранее хоть рисовали, сейчас все на стилях. У вас здесь ошибка, посмотрите, где написаны (Цвета) там слитно.
Kosten
Kosten 14.02.2017 20:149
0
Заметил и исправил.
avatar
kldou24 14.02.2017 22:0510
0
Эти кнопки стандартные. Я только доработал стили.

Вот где надо искать:

308.-стили внешний вид.Стандарт (background:#f27935;)

314.- стили при нажатие.Стандарт (hover {background:#3498db;color:#fff;})

Я только добавил в (308)- border-radius: 3px; и поменял цвет на #f27935.

А в (314)-только поменял цвет на #F44336.

Вот и все.

Сама кнопка:

Код
<button class="btn">Кнопка</button>

Вот и все.

Или в поиске в стилях:button. Я думаю найдете. В чистом шаблоне.
avatar
kldou24 14.02.2017 22:1811
+1
Так кнопка будет сотрется и на ней также будет эффект, это который при наведение клика срабатывает и красиво смотрится.

Kosten
Kosten 14.02.2017 22:2812
0
kldou24, вот от души, просто такие детали не большие иногда край как нужно, тут немного редактировал и вывел кнопку.
avatar