Без заголовка

Вторник, 18 Декабря 2012 г. 14:20 + в цитатник

Цитата сообщения Гриола

Прочитать целиком В свой цитатник или сообщество!

Рамочка? Это просто.

Рамочка.

В расширенном редакторе.

Для этого нужно иметь под рукой всего один код:

Я хочу сделать рамочку из шести слоёв, используя три фона:

фон 1

фон 2

фон 3

Для этого шесть раз записываю приведённый выше код и вставляю URL фонов в background="" между кавычек. Вот так:

background="//s43.radikal.ru/i100/1208/3a/14f52b61348a.jpg".

URL фона 1 вставляю в запись первого, третьего и пятого кода, URL фона 2 - в вторую и четвёртую запись, а URL фонa 3 - в шестую. И получаю вот такую рамочку:

Мне она не очень нравится. Да и для текста места маловато. Надо сделать ширину видимых частей фонов поменьше.

В коде фона есть запись padding:40px. То есть каждый последующий слой отступает от предыдущего на 40 пикселей со всех сторон. Изменю величину отступа, указав 10px, в пяти кодах фонов, оставив в одном 40. Тогда получится вот такая рамочка:

Здесь видно, в каком из слоёв я оставила значение 40px.

Порядок действий.

1. Решаем, сколько слоёв будет в рамочке.

2. Нажимаем кнопку ИСТОЧНИК, копируем код и записываем его столько раз, сколько слоёв (фонов) будет в ней.

Для того, чтобы легче было считать слои, записываем коды через строчку.

3. Изменяем по желанию количество пикселей в padding:10px.

4. Вставляем URL фонов в background="" между кавычек в выбранном порядке.

Последний фон выбираем так, чтобы на нём был хорошо виден текст.

5. Теперь можно посмотреть полученную рамочку.

Для этого отжимаем кнопку ИСТОЧНИК.

6. Если не нравится сочетание фонов, опять нажимаем кнопку ИСТОЧНИК и меняем имеющиеся URL фонов на другие.

7. Помещаем курсор мышки на последний (внутренний) фон и пишем свой пост, вставляем картинки.

Примечание. В коде поста есть ещё border="0", bordercolor="#FF3366", width="100%".

Об этом, а также о том, как вставить картинку между фонами, как подписать рамочку, в других постах.

О фонах: Фон сообщения, О картинках для фонов.

Гриола

Серия сообщений "Новичкам":
Часть 1 - Как начать писать сообщения.
Часть 2 - Отношения на ЛиРу.
...
Часть 43 - Надо ли ставить посты под кат?
Часть 44 - Как перейти в другой дневник.
Часть 45 - Рамочка? Это просто.
Часть 46 - Рамочки с бордюром.
Часть 47 - Ширина рамочки.
Часть 48 - Как сделать подпись к рамочке.
Часть 49 - Подписываем рамочку.