CSSOMSK.RU - информационно-развлекательный портал CS

Меняем вид цитат на uCoz

Andruxa — Sun, 18 Jun 2017 05:56:36 GMT

На это странице будет описан принцип создания своего оформления цитаты на uCoz, а также будут даны несколько примеров вида цитат. Эти варианты сделаны мной, на основе примеров с нескольких известных сайтов.
Цитаты на сайт добавляются с помощью BB-кода "quote" в тексте материала, комментариях к ним и постах на форуме.
Для создания своего вида цитат, нужно написать CSS-код для классов bbQuoteBlock, bbQuoteName и quoteMessage.

bbQuoteBlock – обертка для всего блока цитаты
bbQuoteName – шапка блока цитат
quoteMessage – сама цитата

В коде самой цитаты имеются встроенные стили, поэтому заданные Вами могут не сработать. Ну, а чтобы все было чики-пуки, добавляйте к стилям !important (см. примеры кода).
Простой вид цитаты. Пример
Этот и последующие коды добавляйте в таблицу стилей (CSS):
.bbQuoteBlock { margin-bottom: 14px;background: #f5f5f5}
.bbQuoteName {background:#e9e9e9;padding:7px 14px !important;font-size:13px !important;}
.quoteMessage {font-size:13px !important;padding:7px 14px !important;border:0px !important;color:#1d1d1d !important}

Дальше - Больше!Следующий вид цитаты на uCoz - это цитата на листке блокнота, на листе бумаги. В общем, забирайте себе этот желто-коричневый вид цитаты:

.bbQuoteBlock { margin-bottom: 14px;background: #f9f5e1 url('http://yraaa.ru/test/148/list0.gif') top left repeat-y;border:1px solid #d0c8b3;position:relative}
.bbQuoteName {background:#f5edd6 url('http://yraaa.ru/test/148/list1.gif') repeat-y;padding:0px !important;padding-left:54px !important;font-family:'Constantia',Georgia,sans-serif;font-size:15px !important;color:#8b7647;height:38px;line-height:38px;position:absolute;bottom:0px;left:0px;right:0px}
.quoteMessage {font-size:15px !important;font-family:'Constantia',Georgia,sans-serif;line-height:20px;padding:20px 32px !important;padding-bottom:58px !important;border:0px !important;color:#614600 !important}

А этот вариант оформления цитат очень яркий, броский. По-моему, классно. Только вот вариант не кроссбраузерный.

.bbQuoteBlock {background:#faea1c url('http://yraaa.ru/test/148/yellow.gif') bottom repeat-x;padding:30px;padding-bottom:50px;position:relative}
.bbQuoteName {position:absolute;font-size:13px !important;left:0px;bottom:15px;padding-left:20px !important}
.quoteMessage {position:relative;display:inline;background:#090909;color:#f9ea0d;border:0px !important;outline: #090909 solid 10px}

Далее простые разноцветные варианты оформления цитат:

.bbQuoteBlock {background:#fff26c;border-bottom:2px solid #e5d961;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.quoteMessage {border:0px !Important}

.bbQuoteBlock {background:#d9ff6c;border-bottom:2px solid #c3e561;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.quoteMessage {border:0px !Important}

.bbQuoteBlock {background:#e7e9ff;border-bottom:2px solid #cfd1e5;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.quoteMessage {border:0px !important}

Автозаполнение тегов для uCoz

Andruxa — Sun, 18 Jun 2017 05:53:36 GMT

Скрипт достаточно полезный. Он позволяет не тратить времени на заполнение тегов к материалам. Автозаполнение тегов для uCoz сделает поиск по сайту более приемлемым, а теги к новостям сделает смысловыми. Это если название материала нормальное. Скрипт просто-напросто берет название материала и вписывает его в поле для тегов, расставляя запятые после каждого слова. Можно подумать, что требуется большой код для этого, но на самом деле код очень короткий.

Код

Вставлять в Страницу добавления/редактирования материала
$(document).ready(function(){
  //Script by http://ucodes.ru/
  $('#ldF1').change(function(){document.getElementById('suggEdit').value='';var title = this.value.split(' ');for (i=0; i.length>3) {document.getElementById('suggEdit').value += title+', ';}}})});

Информер на главной последних файлов для юкоз

Lexarus — Fri, 07 Sep 2012 18:40:16 GMT

Информер на главной последних файлов для юкоз
Установка:
Создаем информер:
[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 9 · Колонки: 3 · Длина заголовка: 15 ]
В шаблон информера вставляем:

Code

$TITLE$

В CSS стиль вставляем:

Code

.inf_bg {background:url(http://www.cssomsk.ru/404engin/bgp-cssomsk.png)no-repeat;width:179px;height:146px;}
.inf_bg .text {text-align:left; padding-left:40px;font-family:tahoma;font-size:12px;line-height:20px;color:#fff;text-shadow: 1px 1px 0

#000;}
.inf_bg .text a {color:#fff;text-shadow: 1px 1px 0 #000;text-decoration:none;}
.inf_bg .text a:hover {text-decoration:underline;}
.inf_bg .img { margin-top:5px;}

Далле где хотите видеть информер вставляйте номер информера обычно это установка на главной странице.

Календарь с темным оттенком,

Lexarus — Fri, 07 Sep 2012 18:39:08 GMT

О темном календаре:
Календарь с темным оттенком, представляю календарь, которой подойдет по дизайну как к темному так и светлому дизайн сайта. Сак календарь выполнен красиво это заметно на скрине. Также у него замечательная расцветка.
И так приступаем к установке:
Этот код мы будим вставлять в блок сайта, там где хотите его видеть.

Code

$CALENDAR$

В CSS этот стиль пропишем в самом низу.

Code

/* -- Календарь csomsk -- */
    .calTable {
    border:1px solid #4c5663;
    background:#7f8792; }

    .calMonth {
    text-align:center;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    background: #6f7274;
    }

    .calWday,
    .calWdaySu,
    .calWdaySe {
    font:9px Verdana,Arial,Helvetica,sans-serif;
    color:#fff; text-shadow: 0px 1px 1px #000;
    background:#671d9b;
    padding: 3px 5px;
    outline: 1px solid #4a1e69;
    border-top: 1px solid #9a65bf;
    border-left: 1px solid #9a65bf;
    }

    .calMday {
    font:11px Verdana,Arial,Helvetica,sans-serif;
    color:#eaeaea;
    text-shadow: 0px 1px 1px #000;
    font-weight:bold;
    padding: 5px;
    background: #4d4d4d;
    outline: 1px solid #252525;
    border-top: 1px solid #848484;
    border-left: 1px solid #848484;
    }

    .calMdayA {
    font:12px Verdana,Arial,Helvetica,sans-serif;
    color:#fff; text-shadow: 0px 1px 1px #000;
    font-weight:bold;
    background:#72a7d3;
    border: 1px solid #008aff;
    }

    .calMdayIs,
    .calMdayIsA {
    font:12px Verdana,Arial,Helvetica,sans-serif;
    font-weight:bold;
    background:#8dda94;
    border: 1px solid #1b7223;
    }

    a.calMonthLink:link,
    a.calMonthLink:visited,
    a.calMonthLink:active {
    text-decoration:none;
    color:#fff;
    }

    a.calMonthLink:hover {
    text-decoration:none;
    color:#58e249;
    }

    a.calMdayLink:link,
    a.calMdayLink:visited,
    a.calMdayLink:active {
    text-decoration:none;
    color:#037000;
    }

    a.calMdayLink:hover {
    text-decoration:none;
    color:#fff;
    }
    /* -------------------------- */

Скрипт Кнопки скачать с хинтом размера файла для юкоза

Lexarus — Sat, 17 Mar 2012 09:40:36 GMT

Описание:
Скрипт Кнопки скачать с хинтом размера файла для юкоза
Установка:
ПУ---> Управ. дизайном---> Каталог файлов---> Страница мат. и коммент. к нему---> Находим:

Code

[ Скачать с сервера ($FILE_SIZE$)
· Скачать удаленно ($RFILE_SIZE$)
· Скриншот ]

И заменяем на:
Доступно только для пользователей

Code

·
· Скриншот

Скрипт Темное меню для юкоз

Lexarus — Thu, 01 Jan 1970 00:00:00 GMT

Описание:
Скрипт Темное меню для юкоз
Установка:
В CSS вставляем:

Code

.cssomsk {background:url(http://www.csomsk.ru/1-ucoz/pm/menu1111.png)no-repeat;width:172px;height:22px;font-size:11px;color:#FFF;font-family:tahoma;font-weight:regular; margin-top:1px}
.cssomsk:hover {background:url(http://www.csomsk.ru/1-ucoz/pm/menuh1111.png)}
.cssomsk a {color:#b1b1b1;text-decoration:none;}

В блок вставляем:

Code

Главная

Форум

Каталог файлов

Внимание: Меню сделано под определенную ширину блоков. Если для вашего сайта не подходит но вам оно нраится заказывайте меню у меня в скайпе Стоимость 10р.

Уведомление о ЛС + аватар автора + звук как ВКонтакте

O6OPOTEHb — Thu, 01 Jan 1970 00:00:00 GMT

Переделка скрипта Уведомление о ЛС + аватар автора + ICQ звук на звук как ВКонтакте!

Установка : Ставим этот код в персональную страницу перед "/body"

Code

'0')?>

Скрипт рекламных ссылок от Buy-link

Lexarus — Thu, 01 Jan 1970 00:00:00 GMT

Описание:
Скрипт рекламных ссылок от Buy-link
Установка:
В блок вставляем:

Code

Купить ссылку здесь
(Цена: 1 руб.)

Поставить к себе на сайт

1 р. Купить ссылку

Скрипт рекомендации браузера

Lexarus — Thu, 01 Jan 1970 00:00:00 GMT

Описание:
Такой скрипт уже есть но я изменил сам текст рекомендации и вложил её в красивую рамку, вам остается всего лишь поставить данный скрипт в блок и если надо изменить цвет рамки.
Установка:
Это вставляем в новый блок:
Доступно только для пользователей

Code

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

Информер на главной Последние обновленные темы

Lexarus — Thu, 01 Jan 1970 00:00:00 GMT

Описание:
Подойдёт для любого сайта т.к. я собрал стили в одно не надо сувать не в какой CSS и таблица вполне сама удлиняется или сужается под размер вашего сайта.
Установка:
Создаем информер:
[ Форум · Материалы · Последние обновленные темы · Материалы: 5 · Колонки: 1 ]
В шаблон информера вставляем

Code

$THREAD_TITLE$
Добавлено в раздел: $FORUM$ $REPLIES$ $WDAY$, $DATE$, $TIME$
Сообщение от: $AUTHOR$

Заходим на главную страницу:
Нажимаем "Редактировать HTML код" - Внимание код нужно вставить в поле [ Панель HTML кодов ]
В самый вверх вставляем код:
Доступно только для пользователей

Code

Последние обновленные темы:

$MYINF_53$

Форум

Ответы

Обновления

Вот и всё остаётся только поменять куда кидали на главной там найти в коде мой $MYINF_53$ на ваш какой там создаться