как сделать такую сноску? - Joomla 2.5: Общие вопросы

Привет всем! извините может за тупой вопрос, но подскажите как сделать такую сноску в тексте как на фото?

Возьми ее из сайта на котором нашел или дай ссылку...

<div class="newclass">текст</div>

.newclasss {
padding:20px; /*примерно*/
background:#DEF8DB;
border-color:#BADCB7;
}

<div class="newclass">текст</div>

.newclasss {
padding:20px; /*примерно*/
background:#DEF8DB;
border-color:#BADCB7;
}

А новый класс в какой файл добавить? можете пожалуйста по подробнее, шаблон beez_20 в файл personal.css?

Я не знаю, какой у вас исполняющий CSS, попробуйте туда.

Я не знаю, какой у вас исполняющий CSS, попробуйте туда.

вот в этой статье есть такая сноска http://hqsignal.ru/sredstva/net/wi-fi-antenna.html , скажи как она правильно называется?

<div class="newclass">текст</div>

.newclasss {
padding:20px; /*примерно*/
background:#DEF8DB;
border-color:#BADCB7;
}

меняю на точное, т.к. ссылку дали:

.newclasss {
    color: #3F5C3D;
    background: #dff7dd;
    padding: 17px 27px 17px 25px;
    border: 1px solid #b9dbb6;
    line-height: 1.5em;
    margin: 20px 30px 20px 30px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

А лучше так) проще пользоваться будет в редакторе
естественно в конец файла CSS
blockquote {
    color: #3F5C3D;
    background: #dff7dd;
    padding: 17px 27px 17px 25px;
    border: 1px solid #b9dbb6;
    line-height: 1.5em;
    margin: 20px 30px 20px 30px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

Затем в редакторе (в JCE точно) выделяете текст и жмете кнопку цитата

Просто про цитаты речи не было. Тогда можно уже и иными способами:

http://editlw.ru/articles.php?article_id=288

Но ведь это не обязательно цитата. Просто акцидентный текст. На скрине, кстати, ни разу не цитата.

Но ведь это не обязательно цитата. Просто акцидентный текст. На скрине, кстати, ни разу не цитата.

Думаю, имелось в виду, что так будет проще назначать класс DIV'у, не залезая в HTML-разметку статьи. Лайфхак, так сказать.

Думаю, имелось в виду, что так будет проще назначать класс DIV'у, не залезая в HTML-разметку статьи. Лайфхак, так сказать.

Это не лайфхак, т.к. страдает семантика документа. Тэги следует использовать по-назначению. Использование blockquote вместо p, использование h* для увеличения размера шрифта, «вёрстка» таблицами… Это всё традиционные ошибки новичков.