WEB лаборатория DLE » Дополнения uCoz » uCoz хаки » Новые виды цитат для ucoz
Навигация
Популярное
    Статистика

    Материалов: 1789 [+0]
    Пользователей: 685 [+0]

    Всего онлайн : 3
    Пользователей: 0
    Гостей: 3


    Последние комментарии
    ...
    HI-tech:
    0

    Новые виды цитат для ucoz

    Автор: Robot_DLElabкатегория: Дополнения uCoz » uCoz хакидата: 27-01-2013, 23:36
    Новые виды цитат для ucoz


    Новые виды цитат для ucoz. Всего 6 цветовых вариантов, и скорей всего вы найдется цвет подходящий под ваш сайт. Установка не составит труда, все что будет необходимо сделать так это скопировать css код подходящей цитаты и вставить в самый низ таблицы стилей(CSS).

    Голубой вид
    .bbQuoteName {  
    background:#6cadcd;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(http://site/img/blue_arrow.png) no-repeat 90% top;
    font-style:italic;
    }

    Зеленый вид
    .bbQuoteName {  
    background:#AABC38;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(http://site/img/green_arrow.png) no-repeat 90% top;
    font-style:italic;
    }

    Серый вид
    .bbQuoteName {  
    background:#c7c8c8;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(http://site/img/gray_arrow.png) no-repeat 90% top;
    font-style:italic;
    }

    Розовый вид
    .bbQuoteName {  
    background:#ff6cb2;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(http://kinobp.ru/img/pink_arrow.png) no-repeat 90% top;
    font-style:italic;
    }

    Оранжевый вид
    .bbQuoteName {  
    background:#ff6e44;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(http://site/img/orange_arrow.png) no-repeat 90% top;
    font-style:italic;
    }

    Черный вид
    .bbQuoteName {  
    background:#646464;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(http://site/img/black_arrow.png) no-repeat 90% top;
    font-style:italic;
    }

    И последний штрих, изменим стандартную надпись Quote на свою Цитата установим JS код.
    <script type="text/javascript">  
    jQuery(document).ready(function () {
    $(".bbQuoteName b").text("Цитата");
    });
    </script>



    Теги: ucoz, хак

    Другие новости по теме:


    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.