1

Topic: Оформление блока цитаты - blockquote

Оформить блок цитаты на punbb можно по разному, вот пару способов как это можно сдать в CSS
Для тега

<blockquote>текст</blockquote>

в css можно применить такой стиль (в файл стилей добавить след параметры CSS blockquote)

blockquote {
    display: block; 
    padding: 0 45px; /* Делаем отступы для кавычек */
    border: 10px solid #EFEFEF; /* Делаем рамку */
    border-width: 0 10px 0 10px; /* по бокам */
    margin: 10px 0; 
    color: #505050;
}
blockquote:before {
    content: "“"; /* Левая кавычка */
    font: 6em/66px Times, serif;  /* Указываем размер и высоту строки (уменьшенная, чтобы кавычка была приподнята) */
    color: #CFCFCF;
    float: left; /* Для обтекания текстом */
    margin-left: -45px; /* Углубляем кавычку в отступ блока */
    padding: 0 2px;
}
blockquote:after {
    content: "”"; /* Правая кавычка */
    font: 6em/36px Times, serif; /* Указываем размер и высоту строки (еще более уменьшенная, чтобы кавычка была сильнее приподнята) */
    color: #CFCFCF;
    float: right; /* Для обтекания текстом */
    margin-right: -45px; /* Углубляем кавычку в отступ блока */
}

На PunBB использовал такой

.entry-content blockquote{
    display: block; 
    border-width: 0 10px 0 0; /* по бокам */
    overflow:hidden;
    width:100%;
    font-style:italic;
    background:#D5E6F0;
    border-radius: 10px;
}
blockquote:before {
    content: "“"; /* Левая кавычка */
    font: 6em/50px Times, serif;  /* Указываем размер и высоту строки (уменьшенная, чтобы кавычка была приподнята) */
    color: #160F80;
    float: left; /* Для обтекания текстом */
    padding: 0 10px;
}

и

.codebox{
     background:#E6EEFA;
     border-color:#ddd;
     border-radius: 10px;
}
Если вам долго не отвечают, пишите автору темы в личку или на Email.

2

Re: Оформление блока цитаты - blockquote

А где примеры?