И снова о простых рамочках |
Приведу скелетик еще одной простой рамочки для текста и дам некоторые пояснения. |
|
Снова о простейших рамочках. |
|
Продолжим тему о простейших рамочках. |
А как будет выглядеть рамочка, если мы уберем код c3e6f5, задающий цвет наших фонов? Вид у рамочки будет нормальный, только вот на разных схемах в дневниках пользователей она будет смотреться по-разному. Если схема в дневнике отсутствует, то две рамочки (одна без кода, а вторая с кодом ffffff), будут смотреться одинаково. А вот при наличии схемки вид будет разный. |
|
По просьбе "скелетик" кода такой рамки |
| Код "скелетик" такой рамки. |
Серия сообщений "МОИ УРОКИ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.
|
Комментарий к встретившемуся коду рамочки |
|
Урок от Beauti_Flash, как пользоваться рамочками. |
|
|
Моя рамочка |
|
|
|
Код общей рамки внутри которой будет еще 3 (Текст1,Текст2,Текст 3)
padding: 12px 12px; — расстояние от края рамки (бордюра) до текста.
При необходимости меняем "12" на другую цифру.
background: #EFDBB8; — фон для записи. Можно вместо #FE9980 подставить другой цвет. width: 720px; — ширина рамки. Вместо "720" указываем своё значение. font-size: 20px; — размер шрифта. font-family: PT Serif; — вид шрифта. Можно поменять на Monotype Corsiva, Georgia. color: #8B795E; — цвет шрифта. border: 2px dashed #8B795E; — это пунктирная обводка. Можно вместо "2" указать другой размер, а вместо "8B795E" подставить другой цвет. border-radius: 15px; — скругление углов в рамке. box-shadow: 0 0 0 5px #EFDBB8, 3px 2px 7px 4px rgba(10,10,0,.5); — Внимание! В этой строке меняем обязательно только цвет #EFDBB8. Он должен быть идентичен с фоном для записи. Это будет продолжением нашего фона над пунктирной обводкой. text-shadow: 1px 1px 1px #000000; — возвращаемся к шрифту... Это его тень, то есть величина "1" и цвет тени "#000000".
|
||||||
Серия сообщений "***РАМКИ для текста":
Часть 1 - Рамочки для постов от "Arnusha"
Часть 2 - Однотонные рамочки для записей
...
Часть 21 - Рамочки для записей от "Arnusha"
Часть 22 - Рамочки для записей от "Arnusha"
Часть 23 - Моя рамочка
Часть 24 - Рамочки простые от "woman_by"
Часть 25 - Рамочки "Ribbon"
...
Часть 39 - Простые рамочки для текста (альбомные и обводка, тетрадный лист)
Часть 40 - Прозрачные рамочки с золотой обводкой 0006
Часть 41 - Прозрачные разрезные рамочки
|
Рамочка для записей. |
Дневник |
|
|
Изучаю тени... |
Серия сообщений "*** уроки":
Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 15 - Делаем круглые картинки без ФШ
Часть 16 - Внутренние тени изображений и текста
Часть 17 - Изучаю тени...
Часть 18 - Как сделать тени в рамочке и на картинках
Часть 19 - мастерская ZOMKI -рамочка
...
Часть 34 - ВАРИАНТЫ РАМОЧЕК
Часть 35 - ХРОНИКА вставки РАМКИ через "ИСТОЧНИК" РАСШИРЕННОГО РЕДАКТОРА ЛИру
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
|
набор альбомных рамочек |
|
рамочка |
**********тут ваш текст*********** тут только высоту прокрутки менять надо  а так то я всегда пользуюсь Генератором промотки для текста это удобнее. вставил туда готовый текст или картинки, а потом скопировала во втором окошечке - и вставляй в свою рамочку.... оптимальный размер картинки по ширине 570рх |
|
Фоновое изображение в рамке. |
|
ФОРМУЛА РАМКИ |
|
Рамочка по формуле |
|
|
рамочки голубые + формула |
|
|
рамочки простые фон прозрачный с прокруткой +формула |
|
|
Рамочки простые для заметок +формула |
|
|
Рамочки - линии для выделения текста |
  В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе.. Там где написано ВАШ ТЕКСТ- Вставляете свой текст.  |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
...
Часть 11 - Все о бегущем тексте. Примеры и коды.
Часть 12 - Все о ссылках, оформление и коды.
Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста
|
ФОРМУЛЫ от мадам Ольги |
|
|
ФОРМУЛЫ от мадам Ольги |
|
|
ФОРМУЛЫ от мадам Ольги |
|
|
ФОРМУЛЫ от мадам Ольги |
|
|
|
ФОРМУЛЫ от мадам Ольги |
|
|
Без заголовка |
|
|
рамочка (+формула) |
рамочка ситцевая (+формула)
|
|
рамочки +формула |
|
| Страницы: | [2] 1 |
