-Рубрики

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в Шадрина_Галина

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 22.09.2013
Записей: 1405
Комментариев: 51750
Написано: 53768


Рамочки с флагом своей страны.

Вторник, 02 Февраля 2016 г. 12:08 + в цитатник
0_9349f_824aa83f_L.png
Предлагаю вам вот такие простые, но оригинальные рамочки, для постов посвященных тематике своей страны, или поздравлений с 23 февраля, Днем Победы и прочих праздников.
Код такой рамочки внутри рамки.


<div style="padding-left: 10px; padding-right: 10px;"><div style="width: auto; background-repeat: repeat; height: 100%; background-color: white; box-shadow: 0px 0px 10px black; padding: 0px 0px 0px 50px;"><div style="height: 100%; background-color:blue; padding: 0px 0px 0px 50px; box-shadow: 0px 0px 1px black;"><div style="height: 100%; background-color: red; box-shadow: 0px 0px 0px black; padding: 0px 0px 0px 50px;"><div style="height: 100%; background-color: #FFEBCD; box-shadow: 0px 0px 0px black;">
ВАШ ТЕКСТ, Картинки и прочее
</div></div></div></div></div></div>



Где цвета , и размеры полосок можно заменять на свои. ШИРИНА полосок (цветов флага) в пикселях. Можно их менять. Посмотрите на картинке.

В высоту рамка растянется сама, по вашему посту.

1 (700x257, 91Kb)

Голубым цветом выделена ширина полосок флага. В первом случае ( рамочка вверху) она у меня стояла 50px, сейчас я ее заменила на 20px Рамочка уже выглядит вот так. (код ее внутри рамки)


<div style="padding-left: 10px; padding-right: 10px;"><div style="width: auto; background-repeat: repeat; height: 100%; background-color:White; box-shadow: 0px 0px 10px black; padding: 0px 0px 0px 20px;"><div style="height: 100%; background-color:blue; padding: 0px 0px 0px 20px; box-shadow: 0px 0px 1px black;"><div style="height: 100%; background-color: red; box-shadow: 0px 0px 0px black; padding: 0px 0px 0px 20px;"><div style="height: 100%; background-color: #FFFACD; box-shadow: 0px 0px 0px black;">
ВАШ ТЕКСТ и картинки
</div></div></div></div></div></div>


Цвета полосок флага, так же можно заменять. Открываем таблицу цветов, которая находится здесь УНИКАЛЬНАЯ ТАБЛИЦА HTML цветов, находим нужные цвета и заменяем
смотрим на картинке.

2 (700x234, 86Kb)

Голубым выделены цвета полосок флага, а красным, это цвет самой рамки, где будет расположен пост.

ВНИМАНИЕ из ТАБЛИЦЫ HTML цветов, можно брать как HTML Имя Цвета (это показано в полосках цвета флага и выделено ГОЛУБЫМ), так и его код (HEX), который показан в цвете самой таблицы (и выделено на рисунке КРАСНЫМ). Работает и так и так.

Если в вашей стране флаг двух цветный, то один блок с полоской можно выбросить. Вот код таблицы с двухцветным флагом.




И еще одна рамочка с флагом. Но полоски флага располагаются не сбоку, а сверху. Код такой рамочки внутри ее.




<div style="padding-left: 10px; padding-right: 10px;"><div style="width: auto; background-repeat: repeat; height: 100%; background-color:White; box-shadow: 0px 0px 10px black; padding: 20px 0px 0px 0px;"><div style="height: 100%; background-color: blue; padding: 20px 0px 0px 0px; box-shadow: 0px 0px 1px black;"><div style="height: 100%; background-color: red; padding: 20px 0px 0px 0px; box-shadow: 0px 0px 1px black;"><div style="height: 100%; background-color:#F5DEB3; box-shadow: 0px 0px 0px black;">
ВАШ ПОСТ
</div></div></div></div></div></div>


Ширину полосок, их количество и цвета менять аналогично. Как и цвет самой рамки, где будет располагаться ваш пост.

Рамка, где ширина полосок увеличена до 50px . Код тоже внутри рамки.


<div style="padding-left: 10px; padding-right: 10px;"><div style="width: auto; background-repeat: repeat; height: 100%; background-color:White; box-shadow: 0px 0px 10px black; padding: 50px 0px 0px 0px;"><div style="height: 100%; background-color: blue; padding: 50px 0px 0px 0px; box-shadow: 0px 0px 1px black;"><div style="height: 100%; background-color: red; padding: 50px 0px 0px 0px; box-shadow: 0px 0px 1px black;"><div style="height: 100%; background-color:#B0E0E6; box-shadow: 0px 0px 0px black;">
ВАШ ПОСТ
</div></div></div></div></div></div>

0_9349f_824aa83f_L.png

Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 17 - 100 самых полезных сайтов Интернета
Часть 18 - Как правильно вставлять код в окошко для кодов.
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.
Часть 21 - Создание рамочек без знаний html всего за пару минут
...
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям
Часть 30 - Как сохранить гифку из Одноклассников

Метки:  

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



Марина_55   обратиться по имени Вторник, 02 Февраля 2016 г. 12:38 (ссылка)
Спасибо, Галочка!
Ответить С цитатой В цитатник
ЛОИНА   обратиться по имени Вторник, 02 Февраля 2016 г. 12:46 (ссылка)
Здорово!!!! Спасибо!!!!!!
Ответить С цитатой В цитатник
Нинуля_Смолина   обратиться по имени Вторник, 02 Февраля 2016 г. 12:47 (ссылка)
Спасибо,Галочка !
Ответить С цитатой В цитатник
Перейти к дневнику
Моисеева_Надежда   обратиться по имени Вторник, 02 Февраля 2016 г. 13:24 (ссылка)
Интересная рамочка! Спасибо, Галочка1
Ответить С цитатой В цитатник
Перейти к дневнику
IrinaUl   обратиться по имени Вторник, 02 Февраля 2016 г. 13:30 (ссылка)
Спасибо, Галочка!
Ответить С цитатой В цитатник
Перейти к дневнику
Супер_Гарнюня   обратиться по имени Вторник, 02 Февраля 2016 г. 13:35 (ссылка)
Шадрина_Галина, Спасибо. Оригинально.
Ответить С цитатой В цитатник
Перейти к дневнику
Назарова_Галина   обратиться по имени Вторник, 02 Февраля 2016 г. 13:42 (ссылка)
Очень даже хороший урок. Иногда нужно сделать патриотическую рамочку, а фон нужный трудно подобрать. А тут как раз, то, что и требуется, наш Российский флаг. Спасибо, Галочка.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 03 Февраля 2016 г. 12:06ссылка
Да, рамка патриотичная. Но иногда она действительно очень нужна!
Галатия   обратиться по имени Вторник, 02 Февраля 2016 г. 13:47 (ссылка)
Галочка, благодарю! Так хочется выставить такую рамочку у себя в дневничке, но для меня это темный лес.....
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 03 Февраля 2016 г. 12:11ссылка
А чего там сложного! Скопируй код, что стоит внутри рамочки. И вместо моих слов ВАШ ПОСТ поставь свой текст, картинки и прочее. Все то, что пишешь в посте. Нажми предпросмотр, и увидишишь, что рамочка встала в дневнике. Только копируй все, от первого до последнего знака.Для начала просто скопируй коды, что находятся внутри рамки. вставь их у себя в новое сообшение. В ПРОСТОМ РЕДАКТОРЕ. И просто нажми предпросмотр. Увидишь, рамочка встала. Потом добавляй текст.
Галина_Бухарина   обратиться по имени Вторник, 02 Февраля 2016 г. 13:56 (ссылка)
Спасибо большое, Галина!!!!!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Эльвира_Павлова   обратиться по имени Вторник, 02 Февраля 2016 г. 15:31 (ссылка)
Спасибо, Галочка!!!
Ответить С цитатой В цитатник
Перейти к дневнику
TAISA_ANDRYEYEVA   обратиться по имени Вторник, 02 Февраля 2016 г. 16:41 (ссылка)
Благодарю Вас,Галина,за пост!!!

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику
Алло_чка44   обратиться по имени Вторник, 02 Февраля 2016 г. 17:29 (ссылка)
Спасибо большое, Галина!
Ответить С цитатой В цитатник
Перейти к дневнику
эжейни   обратиться по имени Вторник, 02 Февраля 2016 г. 17:50 (ссылка)
Галя, спасибо за оригинальные рамочки !
Ответить С цитатой В цитатник
Перейти к дневнику
vdovuska2013   обратиться по имени Вторник, 02 Февраля 2016 г. 18:31 (ссылка)
Спасибо Галиночка. Цитирую с благодарностью
Ответить С цитатой В цитатник
Перейти к дневнику
Failik   обратиться по имени Вторник, 02 Февраля 2016 г. 19:15 (ссылка)
Спасибо, скоро применим!)))
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 03 Февраля 2016 г. 12:22ссылка
Да, впереди праздник ЗАЩИТНИКА ОТЕЧЕСТВА
Sveta_Savyhska   обратиться по имени Вторник, 02 Февраля 2016 г. 21:03 (ссылка)
Галя спасибо вам большое за такие рамочки!!
Ответить С цитатой В цитатник
Перейти к дневнику
дедушка-разбойник   обратиться по имени Среда, 03 Февраля 2016 г. 04:58 (ссылка)
Цитирую с Вашего позволения, спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
v-zaryuta   обратиться по имени Среда, 03 Февраля 2016 г. 07:21 (ссылка)
Интересно очень! Хороши рамочки, обязательно пригодятся! Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 03 Февраля 2016 г. 12:23ссылка
Да, впереди праздник ЗАЩИТНИКА ОТЕЧЕСТВА
Цветок_грез_Танюша   обратиться по имени Среда, 03 Февраля 2016 г. 08:05 (ссылка)
Спасибо, Галина. Кажется, таких рамочек очень много понадобится.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 03 Февраля 2016 г. 12:23ссылка
Да, впереди праздник ЗАЩИТНИКА ОТЕЧЕСТВА
Лека8   обратиться по имени Среда, 03 Февраля 2016 г. 10:31 (ссылка)
Спасибо Галочка !!
Ответить С цитатой В цитатник
Перейти к дневнику
МосквичкаЛ_-_Марта   обратиться по имени Среда, 03 Февраля 2016 г. 12:25 (ссылка)
Спасибо,Галина!!
Ответить С цитатой В цитатник
Maksimych   обратиться по имени Среда, 03 Февраля 2016 г. 15:19 (ссылка)
Спасибо, Галина! Рамочка отличная и Россиянам необходима! У меня вопрос, как регулировать ширину рамочки?!
Ответить С цитатой В цитатник
Дневник_Девы   обратиться по имени Среда, 03 Февраля 2016 г. 20:51 (ссылка)
...такие рамки редко найдёшь!)))СПАСИБО ВАМ .ГАЛИНА!
Ответить С цитатой В цитатник
AGATA2013   обратиться по имени Суббота, 06 Февраля 2016 г. 20:17 (ссылка)
Спасибо, Галина, а как быть с американским? Там не просто поперечные полосочки, но и звёздочки... Идеи нет?
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 07 Февраля 2016 г. 21:31ссылка
Есть и с солнцем, и полумесяцем, и еще много всяких флагов. Сделать можно и со звездочками. Такой фон сделать несложно. Только для этого и рамочка нужна другая. Я же такой цели просто не ставила.Делала к 23 февраля со своим русским флагом. У кого подобные флаги, но с другими полосками, я показала как их заменить. И все. Все флаги мира в один урок не впихнешь. А вообще они у меня есть. Посмотрите вот здесь http://www.liveinternet.ru/users/5397786/post315663569 . Тут есть и американский. Можете его использовать.
Prirodnay   обратиться по имени Воскресенье, 14 Февраля 2016 г. 22:50 (ссылка)
Большое спасибо!!!
Ответить С цитатой В цитатник
klimur   обратиться по имени Среда, 17 Февраля 2016 г. 17:29 (ссылка)
И от меня БОЛЬШОЕ СПАСИБО!Очень интересно,всему хочется научиться.Как мне у вас нравится,жить интересней стало.
Ответить С цитатой В цитатник
Lysy1010   обратиться по имени Четверг, 25 Февраля 2016 г. 14:08 (ссылка)
Благодарю Галина от души!!!
Так вы объясняете всё доступно и понятно.

e9563aa958f59b38c5cb06e6362daa8c (113x96, 42Kb)
Ответить С цитатой В цитатник
Kantemirova_Irina   обратиться по имени Вторник, 07 Июня 2016 г. 13:58 (ссылка)
Спасибо,интересное решение!
Ответить С цитатой В цитатник
Hatshepsoot   обратиться по имени Среда, 08 Июня 2016 г. 13:03 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку