Форум

Меняем вид цитат на 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:/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

·
· Скриншот

Красивый светлый вид ajax окон для юкоз

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

Красивый светлый вид ajax окон для юкоз
Установка:
В нижнюю часть сайта вставляем:
Доступно только для пользователей

Code

поднимает вверх на странице сайта

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

Кнопка наверх - поднимает вверх на странице сайта
Установка:
В нижнюю часть сайта вставляем:

Code

title="Вверх" src="http://csomsk.ru/1-ucoz/csomsk/up-cvseormxsk.png" border="0">

Информер сайта ксомск последние файлы

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

Информер сайта ксомск последние файлы
Установка:
Создаем информер: Последние обновление каталога файлов
[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 8 · Колонки: 4 · Длина заголовка: 20 ]
В шаблон информера вставляем:

Code

$TITLE$

Где хотим видеть информер вставляем:

Code

$MYINF_X$

$MYINF_X$ - заменяем на номер своего ифнормера

BCOSAORMDSK - Случайные обзоры

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

Описание:
Скрипт для модуля /board - показывает скриншот обзора
Установка:
Создаем информер: Случайные обзоры
[ Доска объявлений · Материалы · В случайном порядке · Материалы: 6 · Колонки: 2 ]
В шаблон информера вставляем:

Code

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

Code

/* ScreenGame */
.ScreenGame {padding: 5px 1px 3px 7px;}
.ScreenGame img {background: none repeat scroll 0 0 #515151;border: 1px solid #515151;border-radius: 3px 3px 3px 3px;height: 45px;margin: 2px;padding: 1px;width: 80px;}
.ScreenGame img:hover {background:none repeat scroll 0 0 #FFC500;border: 1px solid #515151;}
/*----------*/

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

Code

$MYINF_X$

Источник:CSOMSK.RU
$MYINF_X$ - Заменяем на номер своего информера.

Скрипт кнопки ЭТО ИНТЕРЕСНО без PHP (новая версия) для юкоза

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

Описание:
Скрипт кнопки ЭТО ИНТЕРЕСНО без PHP (новая версия) для юкоза
Установка:

1. Открываем ПУ (Панель управления) -> Дизайн -> Управление Дизайном -> Таблица стилей (CSS) и копируем туда следующий код:

Code

a.thank_button:link, a.thank_button:visited {
   display: inline-block; *display: inline;
   padding: 1px 0;
   background: url("http://www.csomsk.ru/1-ucoz/rip/thank_button.png") no-repeat 0 -1px;
   width: 103px; height: 24px; margin: 0px 0px 0px 0; vertical-align: top;
   }

   a.thank_button:hover, a.thank_button:active {
   background-position:left -27px;}

2. ПУ -> -> Дизайн -> Управление Дизайном -> МОДУЛЬ, где хотите видеть кнопку (Например: Каталог файлов) -> Страница материала и комментариев к нему, находим:

Code

И заменяем вот на этот код:

Code

+$RATED$

3. В данном коде находим КОД МОДУЛЯ и заменяем код для выбранного вами модуля, данного далее:
Для модуля Фото альбом:

Code

/photo/1-1-$ID$-13-1

Для модуля Новости:

Code

/news/0-0-1-$ID$-15-1

Для модуля Каталог сайтов:

Code

/dir/0-1-1-$ID$-3

Для модуля Каталог статей:

Code

/publ/0-1-1-$ID$-3

Для модуля Каталог файлов:

Code

/load/0-1-1-$ID$-3

Для модуля Блог:

Code

/blog/0-0-1-$ID$-14-1

Для модуля Доска объявления:

Code

/board/0-1-1-$ID$-3