Рамочка? Это просто. |
Рамочка.
Для этого нужно иметь под рукой всего один код:
Я хочу сделать рамочку из шести слоёв, используя три фона:
|
фон 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 - Отношения на ЛиРу.
...
Часть 37 - Надо ли ставить посты под кат?
Часть 38 - Как перейти в другой дневник.
Часть 39 - Рамочка? Это просто.
Часть 40 - Рамочки с бордюром.
Часть 41 - Ширина рамочки.
...
Часть 44 - О комментариях.
Часть 45 - Как поставить гиперссылку.
Часть 46 - Гиперссылки.
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
TGerashenko обратиться по имени
Вторник, 13 Ноября 2012 г. 16:21 (ссылка)
olechka48 обратиться по имени
Рамочка- это просто, когда ты сам сделал хотя бы однослойную для начала!!!!!! Вторник, 13 Ноября 2012 г. 21:49 (ссылка)
Гриола, Олюшка, я ни на что не намекаю, да и старше ты меня всего на годик. Я то "Новичок-Нулевичок" в инете, а ты - корифей. Огромное спасибо тебе за практические советы! 
пижма123 обратиться по имени
Среда, 14 Ноября 2012 г. 17:11 (ссылка)
Liousy обратиться по имени
Пятница, 30 Ноября 2012 г. 00:09 (ссылка)
AGAPILAV обратиться по имени
Понедельник, 10 Декабря 2012 г. 00:28 (ссылка)
Монтале обратиться по имени
Понедельник, 10 Декабря 2012 г. 17:03 (ссылка)
Галина_Кирсанова обратиться по имени
Понедельник, 10 Декабря 2012 г. 22:44 (ссылка)
Sobirayu_vinograd обратиться по имени
Вторник, 11 Декабря 2012 г. 12:28 (ссылка)
Владиславна обратиться по имени
Среда, 20 Февраля 2013 г. 15:42 (ссылка)
August-31 обратиться по имени
Четверг, 11 Сентября 2014 г. 21:24 (ссылка)
tanya1961 обратиться по имени
Пятница, 28 Сентября 2018 г. 00:35 (ссылка)
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
