Entry tags:

lj

Желтенькое
Число людей, которые спрашивали меня, как ставить желтый фон на цитаты, приближается уже к десятку, поэтому решил написать пост, чтобы не повторять каждый раз. Сразу скажу, что это не какой-то "скрытый жж-тэг", это чистый HTML, цвета фона/рамки можно менять соответственно оформлению ваших журналов.

1. Текст цитаты заключается в html-тэг blockquote: <blockquote> ... текст цитаты... </blockquote> Первый "blockquote" это как бы открывающая скобка цитаты, а второй, с косой чертой — закрывающая.

2. Чтобы указать броузеру, что содержимое тэга blockquote нужно отражать каким-то специальным цветом и т.д., используем так называемые стили. Ниже ставлю примеры разных стилей, с объяснениями.

2.A. Это мой "фирменный" стиль:

<blockquote style="border-left: 2px solid #FFCC00; padding: 10pt; margin-left: 30pt; background-color: #FFFCEC;">Пример фирменной цитаты a la groul</blockquote>

Так это будет выглядеть в журнале:

Пример фирменной цитаты a la groul

2.B. Чтобы поменять фон, например, на сочно-зеленый, надо вместо background-color: #FFFCEC; написать background-color: #e9f6dc;. Точно так же можно поменять, например, цвет левой рамки: border-left: 2px solid #7fc33b;

Получится что-то такое:

Сочно-зеленная цитата. Приятного аппетита, друзья!

2.C. Розовая цитата с рамкой вокруг, а не только слева (вместо border-left я использую просто border, и ширина задается в 1px):

Ах, мечты, мечты...

Вот коды нескольких основных цветов:
1. белый - #FFFFFF;
2. черный - #000000;
3. светло-серый - #f0f0f0;
4. темно-сервый - #666666;
5. красный - #ff0000;
6. темно-красный - #cc0000;
7. зеленый - #00ff00;
8. синий - #0000ff;

+ Большой список цветовых кодов для HTML