ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Синий дизайн на вид Код и Цитата для 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 Ноября 2015 Просмотров: 2041 Комментариев: (11)

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

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

Kosten

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

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

Комментарии: 11
Порядок вывода комментариев: Kvint 24 Ноября 2015 00:30¹ 0 Мне кажется, что слишком ярко выполнено, здесь нужно как то сделать так, чтоб было ровно с дизайном. Kosten 25 Ноября 2015 19:53¹¹ 0 Может еще быть и яркий дизайн сайта и здесь будет как раз по оттенку цвета. AnTron 24 Ноября 2015 00:36² 0 Kvint, какая разница, вы описание прочтите и поймете, что написано для тех, кто не знает как поменять. Вам остается найти небольшой фон или покрасить на фотошоп и сменить. И правильно, под код можно свой цвет, а под цитату другой. Kvint 24 Ноября 2015 00:40⁴ 0 AnTron, просто про то, что есть темный и синий цвет, а что других оттенков нет. Kosten 24 Ноября 2015 00:48⁹ 0 AnTron, все правильно, больше на урок прописано, чем сами стили. Хотя кому нужно, тот может скопировать и поставить их. ZruBkul 24 Ноября 2015 00:39³ 0 Нормально, мне вот яркие нравятся, где то смотришь, вообще нет не чего и стандартный стоит. Здесь всем не угодить, а сами могут сделать как нужно. Kvint 24 Ноября 2015 00:44⁶ 0 Но слишком яркие в дизайне, немного времени и глаза уже начинают рябить. Сопрано 24 Ноября 2015 00:43⁵ 0 Вообще можно убрать все и сделать все светлым, а что с правой стороны, поставить формат прозрачный PNG. И смотреться так будет, что написано цитата, а вот сама запись есть и вокруг не чего. Kosten 24 Ноября 2015 00:47⁸ 0 Эта версия в голову даже не приходила, хотя так реально можно сделать. Но для пользователя будет не понятно. Kosten 24 Ноября 2015 00:47⁷ 0 Вообщете делал специально, чтоб было понятливей, как самому все создать. А что поставил синий цвет, просто щрифт светлый и на нем хорошо отображается, если поставить голубой, то не понять будет, темный выставлять или так оставить. ZruBkul 24 Ноября 2015 01:41¹⁰ 0 Вообще цитаты и коды, все это нужно оставлять на по следок. Нужно с начало настроить сайт, как по дизайну и сделать мобильную оптимизацию, а потом уже и можно устанавливать эти стили, просто так понимаю.