• Страница 1 из 1
  • 1
Вид цитат для uCoz
Дмитрий Дата: Понедельник, 25.03.2013, 14:27 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий



Красивый вид цитат для ucoz, подойдет под любой дизайн.

Установка.
CSS код скопируйте к себе в ПУ / Дизайн / Управление дизайном (CSS), либо в отдельный css файл.



Бежевый

Код
.bbQuoteBlock {    
    display:block;    
    border:1px solid #EEEBDC;    
    margin:10px;    
    padding:0 10px 0 20px;    
    background: #FFFEEE url('http://gigabytes.clan.su/forums-load/drygoe-menu/vid-uitat/noteyellowbg.gif') repeat;    
    -moz-box-shadow: 1px 1px 0 #cfc9b7;    
    -webkit-box-shadow: 1px 1px 0 #CFC9B7;    
    box-shadow: 1px 1px 0 #CFC9B7;    
    font-size:12px;    
    line-height:21px;    
    font-family:arial, helvetica, sans-serif;    
    font-style:italic;    
    color:#696765;    
    position:relative;    
}    
.bbQuoteName {    
    position:absolute;    
    top:1px;    
    left:35px;    
}    
.quoteMessage {    
    border:0 none !important;    
    border-left:4px double #F3B3A9 !important;    
    display:block;    
    padding:23px 10px 9px 15px;    
    word-wrap:break-word;    
}




Синий

Код
.bbQuoteBlock {    
    display:block;    
    border:1px solid #d3eef7;    
    margin:10px;    
    padding:0 10px 0 20px;    
    background: #E7F6FB url('http://gigabytes.clan.su/forums-load/drygoe-menu/vid-uitat/notebluebg.png') repeat;    
    -moz-box-shadow: 1px 1px 0 #d3eef7;    
    -webkit-box-shadow: 1px 1px 0 #d3eef7;    
    box-shadow: 1px 1px 0 #d3eef7;    
    font-size:12px;    
    line-height:21px;    
    font-family:arial, helvetica, sans-serif;    
    font-style:italic;    
    color:#747474;    
    position:relative;    
}    
.bbQuoteName {    
    position:absolute;    
    top:1px;    
    left:35px;    
}    
.quoteMessage {    
    border:0 none !important;    
    border-left:4px double #F3B3A9 !important;    
    display:block;    
    padding:23px 10px 9px 15px;    
    word-wrap:break-word;    
}




Зеленый

Код
.bbQuoteBlock {    
    display:block;    
    border:1px solid #d8f8cd;    
    margin:10px;    
    padding:0 10px 0 20px;    
    background: #fff3d6 url('http://gigabytes.clan.su/forums-load/drygoe-menu/vid-uitat/notegreenbg.png') repeat;    
    -moz-box-shadow: 1px 1px 0 #d8f8cd;    
    -webkit-box-shadow: 1px 1px 0 #d8f8cd;    
    box-shadow: 1px 1px 0 #d8f8cd;    
    font-size:12px;    
    line-height:21px;    
    font-family:arial, helvetica, sans-serif;    
    font-style:italic;    
    color:#747474;    
    position:relative;    
}    
.bbQuoteName {    
    position:absolute;    
    top:1px;    
    left:35px;    
}    
.quoteMessage {    
    border:0 none !important;    
    border-left:4px double #F3B3A9 !important;    
    display:block;    
    padding:23px 10px 9px 15px;    
    word-wrap:break-word;    
}




Оранжевый

Код
.bbQuoteBlock {    
    display:block;    
    border:1px solid #f9e8bf;    
    margin:10px;    
    padding:0 10px 0 20px;    
    background: #fff3d6 url('http://gigabytes.clan.su/forums-load/drygoe-menu/vid-uitat/noteorangebg.png') repeat;    
    -moz-box-shadow: 1px 1px 0 #f9e8bf;    
    -webkit-box-shadow: 1px 1px 0 #f9e8bf;    
    box-shadow: 1px 1px 0 #f9e8bf;    
    font-size:12px;    
    line-height:21px;    
    font-family:arial, helvetica, sans-serif;    
    font-style:italic;    
    color:#747474;    
    position:relative;    
}    
.bbQuoteName {    
    position:absolute;    
    top:1px;    
    left:35px;    
}    
.quoteMessage {    
    border:0 none !important;    
    border-left:4px double #F3B3A9 !important;    
    display:block;    
    padding:23px 10px 9px 15px;    
    word-wrap:break-word;    
}




Красный

Код
.bbQuoteBlock {    
    display:block;    
    border:1px solid #f7d1d1;    
    margin:10px;    
    padding:0 10px 0 20px;    
    background: #ffe6e6 url('http://gigabytes.clan.su/forums-load/drygoe-menu/vid-uitat/noteredbg.png') repeat;    
    -moz-box-shadow: 1px 1px 0 #f7d1d1;    
    -webkit-box-shadow: 1px 1px 0 #f7d1d1;    
    box-shadow: 1px 1px 0 #f7d1d1;    
    font-size:12px;    
    line-height:21px;    
    font-family:arial, helvetica, sans-serif;    
    font-style:italic;    
    color:#747474;    
    position:relative;    
}    
.bbQuoteName {    
    position:absolute;    
    top:1px;    
    left:35px;    
}    
.quoteMessage {    
    border:0 none !important;    
    border-left:4px double #F3B3A9 !important;    
    display:block;    
    padding:23px 10px 9px 15px;    
    word-wrap:break-word;    
}




Белый

Код
.bbQuoteBlock {    
    display:block;    
    border:1px solid #EFEFEF;    
    margin:10px;    
    padding:0 10px 0 20px;    
    background: #FFF url('http://gigabytes.clan.su/forums-load/drygoe-menu/vid-uitat/notewhitebg.png') repeat;    
    -moz-box-shadow: 1px 1px 0 #EFEFEF;    
    -webkit-box-shadow: 1px 1px 0 #EFEFEF;    
    box-shadow: 1px 1px 0 #EFEFEF;    
    font-size:12px;    
    line-height:21px;    
    font-family:arial, helvetica, sans-serif;    
    font-style:italic;    
    color:#747474;    
    position:relative;    
}    
.bbQuoteName {    
    position:absolute;    
    top:1px;    
    left:35px;    
}    
.quoteMessage {    
    border:0 none !important;    
    border-left:4px double #F3B3A9 !important;    
    display:block;    
    padding:23px 10px 9px 15px;    
    word-wrap:break-word;    
}


Осталось только изменить слово Quote на Цитата, для этого в конец страницы вставим данный код.

Код
<script type="text/javascript">    
    jQuery(document).ready(function () {    
    $(".bbQuoteName b").text("Цитата");    
});    
</script>


Готово.
Прикрепления: 7730083.png (36.9 Kb) · 3652570.png (5.3 Kb) · 2279973.png (5.3 Kb) · 9882728.png (5.2 Kb) · 6256308.png (5.2 Kb) · 8663987.png (5.2 Kb) · 5781005.png (4.6 Kb)


From Russia With Love!
  • Страница 1 из 1
  • 1
Поиск: