» »

Синий дизайн на вид Код и Цитата для uCoz


Синий дизайн на вид Код и Цитата для uCoz

Если у кого есть в дизайне светло синее оттенки элемента, то Синий вид Код и Цитата для uCoz вам подойдет по всем параметрам. Как можно увидеть, он по своей структуре не похож не на стандартный и даже дизайнерские скрипты. Здесь нет сторон, где к примеру должен располагается код, а только с правой стороны стоит светлая сторона. Просто был переделан с темного вида, который не как не подходил на сайт с белым фоном.

Так реально будет смотреться:

Цитата и Код в синем оттенке для ucoz

Установка:

Убираем с начало те стили которые вы установили, если не ставили, так они идут по умолчанию, когда устанавливаете шаблон. И можно в самый низ CSS или там где убрали поставить.

Код
.codeMessage {  
color : #FFFFFF;  
background : url('http://zornet.ru/Ajaxoskrip/Frank/zornet/11d6258ca683.png');  
font-size : 10px;  
border : 0 dotted #000 !important ;  
border-left : 4px solid #48C9EF !important ;  
border-top : 0 !important ;  
padding : 3px;  
  border-radius: 3px;  
}  

.quoteMessage {  
color : #FFFFFF;  
background : url('http://zornet.ru/Ajaxoskrip/Frank/zornet/11d6258ca683.png');  
font-size : 10px;  
border : 0 dotted #000 !important ;  
border-left : 4px solid #48C9EF !important ;  
border-top : 0 !important ;  
padding : 3px;  
  border-radius: 3px;  
}


Теперь немного по подробнее!
Мы видим 2 ссылки, это наш синий фон, так как здесь цитата и сам код, который идет основном под скрипты. Вы можете найти совершенно другой фон и поставить его и у вас будут разные по оттенку цвета. Поставил border-radius для того, чтоб закруглить углы, выставить ноль и они появятся, больше сделать, больше закругляться.
24.11.2015 Просмотров: 529 Комментарий: (11)

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

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

Комментарий: 11
Kvint
Kvint 24.11.2015 00:301
0
Мне кажется, что слишком ярко выполнено, здесь нужно как то сделать так, чтоб было ровно с дизайном.
Kosten
Kosten 25.11.2015 19:5311
0
Может еще быть и яркий дизайн сайта и здесь будет как раз по оттенку цвета.
AnTron
AnTron 24.11.2015 00:362
0
Kvint, какая разница, вы описание прочтите и поймете, что написано для тех, кто не знает как поменять. Вам остается найти небольшой фон или покрасить на фотошоп и сменить. И правильно, под код можно свой цвет, а под цитату другой.
Kvint
Kvint 24.11.2015 00:404
0
AnTron, просто про то, что есть темный и синий цвет, а что других оттенков нет.
Kosten
Kosten 24.11.2015 00:489
0
AnTron, все правильно, больше на урок прописано, чем сами стили. Хотя кому нужно, тот может скопировать и поставить их.
ZruBkul
ZruBkul 24.11.2015 00:393
0
Нормально, мне вот яркие нравятся, где то смотришь, вообще нет не чего и стандартный стоит. Здесь всем не угодить, а сами могут сделать как нужно.
Kvint
Kvint 24.11.2015 00:446
0
Но слишком яркие в дизайне, немного времени и глаза уже начинают рябить.
Сопрано
Сопрано 24.11.2015 00:435
0
Вообще можно убрать все и сделать все светлым, а что с правой стороны, поставить формат прозрачный PNG. И смотреться так будет, что написано цитата, а вот сама запись есть и вокруг не чего.
Kosten
Kosten 24.11.2015 00:478
0
Эта версия в голову даже не приходила, хотя так реально можно сделать. Но для пользователя будет не понятно.
Kosten
Kosten 24.11.2015 00:477
0
Вообщете делал специально, чтоб было понятливей, как самому все создать. А что поставил синий цвет, просто щрифт светлый и на нем хорошо отображается, если поставить голубой, то не понять будет, темный выставлять или так оставить.
ZruBkul
ZruBkul 24.11.2015 01:4110
0
Вообще цитаты и коды, все это нужно оставлять на по следок. Нужно с начало настроить сайт, как по дизайну и сделать мобильную оптимизацию, а потом уже и можно устанавливать эти стили, просто так понимаю.
avatar