ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Вид code и quote в темной гамме + спойлер

Вид code и quote в темной гамме + спойлер

Если вам нужно стильно сделать форум, то code и quote переменяться постоянно в сообщениях. А это значить просто заменить стандартные на дизайнерские и совершенно будет другой вид. Здесь еще плюсом идет спойлер, который также должен автоматически померятся с смотреться так как представлено на изображение.

Вид code и quote в темной гамме

Но вот с кодом и цитатой все понятно, они автоматом изменяться, если ранее ставили, то с начало уберите их и пропишите новые.

CSS:

Код

.quoteMessage {font-size:11px;padding:10px;background:#272727;border:1px solid #333!important;color:#4682B4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow: 0px 0px 5px #151515;-webkit-box-shadow: 0px 0px 5px #151515;box-shadow: 0px 0px 5px #151515;}
.codeMessage {font-size:11px;padding:10px;background:#272727;border:1px solid #333!important;color:green;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow: 0px 0px 5px #151515;-webkit-box-shadow: 0px 0px 5px #151515;box-shadow: 0px 0px 5px #151515;}

/* Vid spoilera */
input.uSpoilerButton {padding:5px 10px 7px 10px; margin: 3px 0 5px 0;
cursor:pointer; color:#FFCC99;
text-shadow: -1px -1px 0 #000; font-size:10pt;
border: 1px solid #232323; border-top: 1px solid #444; border-bottom: 1px solid #181818;
background: #333;
background: -moz-linear-gradient(top, #333 0%, #333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#222));
background: -webkit-linear-gradient(top, #333 0%,#222 100%);
background: -o-linear-gradient(top, #333 0%,#222 100%);
background: linear-gradient(to bottom, #333 0%,#222 100%);
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

input.uSpoilerButton:hover {padding:5px 10px 7px 10px; margin: 3px 0 5px 0;
text-shadow: 1px 1px 0 #000; font-size:10pt;
background: -moz-linear-gradient(top, #222 0%, #333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#333));
background: -webkit-linear-gradient(top, #222 0%,#333 100%);
background: -o-linear-gradient(top, #222 0%,#333 100%);
background: linear-gradient(to bottom, #222 0%,#333 100%);
}

А вот с кнопкой споллер не так все ясно, мне пришлось удалить несколько стилей, чтоб она появилась. Так как знаете такая кнопка зависит на всем сайте, вообщем ставим и смотрим. Если не появиться сразу, то можете что то убрать, те стили с кем конфликтует, а можете просто оставить как есть.
Источник: Passagestalker.3dn.ru

03 Декабря 2015 Просмотров: 1207 Комментариев: (8)

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

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

Kosten

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

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

Комментарии: 8
Порядок вывода комментариев: ZruBkul 03 Декабря 2015 01:44¹ 0 Что то очень знакомые по дизайну code и quote, они случайно на старом шаблоне не стояли, так как там тоже темные были. Canon 03 Декабря 2015 13:29⁷ 0 Соверщенно другие, просто не могу найти их на сайте. Kvint 03 Декабря 2015 01:47² +1 А что так со спойлером, вижу отдельные стили на его идут, но думаю не только на его а на весь сайт так будет и BB кнопки должны по идее измениться. Сопрано 03 Декабря 2015 02:00³ 0 ZruBkul, нет тот ставил на цитаты и код, там немного другой, здесь не такой темный, там как уголь черный и дизайн немного по другому сделан. FeStemBer 03 Декабря 2015 02:06⁴ +1 Интересное сочетании, но здесь может каждый сам сделать или вообще поставить один светлый. Сами коды нормально смотрятся, сильно углы закруглены и таким образом на некоторые сайты не подойдут. Но все можно исправить в CSS так как там задан их значение. Кнопка спойлен смотрится красиво, если у кого сразу покажется, но думаю навряд ли, можно вообще стиль на ее убрать, он прописан и идет в самом низу. Kosten 03 Декабря 2015 02:12⁵ 0 Но это точно не со старого шаблона, но на сайте те цитаты и код есть как материал, поиске можно найти, там и стили намного меньше. Здесь можно присмотреться, то можно увидеть небольшие свечение по верх идет, но нужно устанавливать, изображение полное не дает. Canon 03 Декабря 2015 13:27⁶ 0 Нормально и споллер вывел, хотя немного другой получился, оставлю какой был. Kosten 18 Января 2016 09:00⁸ 0 На темном мы видим как смотрится и решил поставить на светлый и как думал, что отлично подходят.