Пятница, 17.05.2024, 13:21
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Февраль 2009  »
    ПнВтСрЧтПтСбВс
          1
    2345678
    9101112131415
    16171819202122
    232425262728
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Результаты | Архив опросов
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
    • Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    		 Главная » 2009 » Февраль » 8 » Красивый CSS для Code & Quote для сайтов uCoz
    11:07
    Красивый CSS для Code & Quote для сайтов uCoz

    В Панели управления: Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей CSS заменить:

    Code
    .codeMessage {background:#FFFFFF;font-size:9px;}
    .quoteMessage {background:#FFFFFF;font-size:9px;}

    на

    Code
    .bbQuoteName {color: #000; !important; background: #E4EAF2 url(/images/site/code_quote/quote.gif) no-repeat right; font-size: 10pt; !important; font-weight: bold; margin: 0 auto 0 auto; border: 1px #000 dotted; border-bottom: 0; border-left: 4px #8394B2 solid; padding-top: 7px; padding-bottom: 7px;}
    .bbCodeName {color: #000; !important; background: #FDDBCC url(/images/site/code_quote/code.gif) no-repeat top right; font-size: 10pt; !important; font-weight: bold; margin: 0 auto 0 auto; padding-top: 7px; padding-bottom: 7px;}
    .codeMessage {color: #465584; background: #FAFCFE; font-size: 10px; border: 1px #000 dotted !important; padding: 3px;}
    .quoteMessage {color: #465584; background: #FAFCFE; font-size: 10px; border: 1px #000 dotted !important; border-left: 4px #8394B2 solid !important; border-top: 0 !important; padding: 3px;}

  • Залить на сайт через файловый менеджер в директорию http://ваш сайт/images/site/code_quote следующие изображения (синий текст нужно заменить на адрес вашего сайта):

  • Чтобы заменить отображение Code и Quote, на Кусочек кода и Цитата нужно:

    В Панели управления: Главная » Управление дизайном » Редактирование шаблонов » Общий вид страниц форума после

    Code
    $BODY$

    Вставить

    Code
    <script type="text/javascript">     
    diviki = document.getElementsByTagName('DIV');     
    for( i = 0; i < diviki.length; i++)     
    {     
    if(diviki[i].className == "bbCodeName")     
    {     
    diviki[i].innerHTML = 'Кусочек кода';     
    }     
    if(diviki[i].className == "bbQuoteName")     
    {     
    if(diviki[i].innerHTML == '<b>Quote</b>')     
    {     
    author = '';diviki[i].innerHTML = '<b>Цитата</b>';     
    } else {     
    author = '<span style="font-size:1.2em">' + diviki[i].innerHTML.slice(diviki[i].innerHTML.indexOf('(') + 1,diviki[i].innerHTML.indexOf(')')) + '</span>';}
    diviki[i].innerHTML = '<b>' + author + ' писал(а):</b>';   
    }
    }
    </script>

    Автор: Nige1ist
    • Категория: скрипты для ucoz сайта | Просмотров: 1050 | Добавил: Bogdan4eg | Рейтинг: 0.0/0
    Всего комментариев: 4
    4 RiKaZ78  
    0
    А вот со скриптом придется повозится. Не коректно работает.

    3 RiKaZ78  
    0
    Если не будет работать, то попробуйте вставить за место этого
    Code
    .codeMessage {background:#FFFFFF;font-size:9px;}  
    .quoteMessage {background:#FFFFFF;font-size:9px;}

    Вот это.

    Code
    хъ{color: #000; background: #E4EAF2 url(/img/quote.gif) no-repeat right; font-size: 10pt; font-weight: bold; margin: 0 auto 0 auto;  border-bottom: 0; padding-top: 7px; padding-bottom: 7px;}
    .bbQuoteName {color: #000; background: #E4EAF2 url(/img/quote.gif) no-repeat right; font-size: 10pt; font-weight: bold; margin: 0 auto 0 auto;  border-bottom: 0; padding-top: 7px; padding-bottom: 7px;}  
    .bbCodeName {color: #000; background: #FDDBCC url(/img/code.gif) no-repeat top right; font-size: 10pt; font-weight: bold; margin: 0 auto 0 auto; padding-top: 7px; padding-bottom: 7px;}  
    .codeMessage {color: #465584; background: #FAFCFE; font-size: 10px; border: 1px #000 dashed ; padding: 3px;}  
    .quoteMessage {color: #465584; background: #FAFCFE; font-size: 10px; border: 1px #000 dashed ; border-left: 4px #8394B2 solid; border-top: 0; padding: 3px;}

    Я его немного переработал. Составлен конечно не совсем коректно зато работает.

    2 RiKaZ78  
    0
    Правда немного не дароботанный. Елси quote=autor то тогда пишет "rikaz писал", а если автора цитаты нет то пишет "quote писал" - исправить надобно. И походу в строках quote ошибки есть. Цитату не выводит как код. Т.Е. не в рамочке а как обычный.

    1 RiKaZ78  
    0
    Отличный скрипт. СПС.

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]