Поздравление с днём ангела - Вера, Надежда, Любовь.

Чтобы отправить поздравление другу,

 нажмите на конвертик, возле имени автора.

==========================
Понравилась статья? Поделитесь с друзьями

Поздравление с днём ангела - Вера, Надежда, Любовь.

Чтобы отправить поздравление другу,

 нажмите на конвертик, возле имени автора.

==========================
Понравилась статья? Поделитесь с друзьями

Вера, Надежда, Любовь - Поздравление.

Чтобы отправить поздравление другу,
 нажмите на конвертик, возле имени автора. 

==========================
Понравилась статья? Поделитесь с друзьями

Вера, Надежда, Любовь - Поздравление.

Чтобы отправить поздравление другу,
 нажмите на конвертик, возле имени автора. 

==========================
Понравилась статья? Поделитесь с друзьями

С ПРАЗДНИКОМ СВЯТОЙ СОФИИ, ВЕРЫ, НАДЕЖДЫ И ЛЮБОВИ

 

==========================
Понравилась статья? Поделитесь с друзьями

С ПРАЗДНИКОМ СВЯТОЙ СОФИИ, ВЕРЫ, НАДЕЖДЫ И ЛЮБОВИ

 

==========================
Понравилась статья? Поделитесь с друзьями

Быстрый способ поменять цвет волос. Видео урок Photoshop.

==========================
Понравилась статья? Поделитесь с друзьями

Быстрый способ поменять цвет волос. Видео урок Photoshop.

==========================
Понравилась статья? Поделитесь с друзьями

Ангел - флеш приветствие для дневника с часами.

 

Красивое приветствие с часами на прозрачном фоне. Подойдёт к любому дизайну и украсит ваш Блог. Флеш часы с красивым эффектом,  можно использовать как эпиграф для блога. Приветствие меняется в зависимости от времени суток, часы показывают точное время.

ХТМЛ код для Блога

<embed src="http://img0.liveinternet.ru/images/attach/c/8//4944/4944097_angel_chasuy.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="600" height="678" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always"></embed>

==========================

Понравилась статья? Поделитесь с друзьями

Ангел - флеш приветствие для дневника с часами.

 

Красивое приветствие с часами на прозрачном фоне. Подойдёт к любому дизайну и украсит ваш Блог. Флеш часы с красивым эффектом,  можно использовать как эпиграф для блога. Приветствие меняется в зависимости от времени суток, часы показывают точное время.

ХТМЛ код для Блога

<embed src="http://img0.liveinternet.ru/images/attach/c/8//4944/4944097_angel_chasuy.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="600" height="678" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always"></embed>

==========================

Понравилась статья? Поделитесь с друзьями

Применение футажа в анимаций.

==========================
Понравилась статья? Поделитесь с друзьями

Применение футажа в анимаций.

==========================
Понравилась статья? Поделитесь с друзьями

Горизонтальное 3D меню с эффектом вращения

Горизонтальное  3D меню с эффектом вращения эффектно смотрится при наведение курсором мыши на пункт меню. Кнопка меню вращается, как бы переворачивается. Такой вид меню очень легко установить у себя на блоге. Не надо заходить в шаблон, надо просто в поле гаджета установить Html/JavaScript  код, который предложен ниже.

 

КОПИРУЕМ ЭТОТ КОД

<style type="text/css">.block-menu { display: block; background: #000; } .block-menu li { display: inline-block; } .block-menu li a { color: #fff; display: block; text-decoration: none; font-family: 'Passion One',Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; text-transform: uppercase; overflow: visible; line-height: 20px; font-size: 24px; padding: 15px 10px; } /* animation domination */ .three-d { -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; -webkit-transition: all .07s linear; -moz-transition: all .07s linear; transition: all .07s linear; position: relative; } .three-d:not(.active):hover { cursor: pointer; } .three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box { -moz-transform: translateZ(-25px) rotateX(90deg); -webkit-transform: translateZ(-25px) rotateX(90deg); -o-transform: translateZ(-25px) rotateX(90deg); transform: translateZ(-25px) rotateX(90deg); } .three-d-box { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transform: translatez(-25px); -moz-transform: translatez(-25px); -o-transform: translatez(-25px); transform: translatez(-25px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .front { -webkit-transform: rotatex(0deg) translatez(25px); -moz-transform: rotatex(0deg) translatez(25px); -o-transform: rotatex(0deg) translatez(25px); transform: rotatex(0deg) translatez(25px); } .back { -webkit-transform: rotatex(-90deg) translatez(25px); -moz-transform: rotatex(-90deg) translatez(25px); -o-transform: rotatex(-90deg) translatez(25px); transform: rotatex(-90deg) translatez(25px); color: #FFE7C4; } .front, .back { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: black; padding: 15px 10px; color: white; pointer-events: none; -moz-box-sizing: border-box; box-sizing: border-box; } </style><br /><ul class="block-menu"><li><a href="###" class="three-d"><br />Главная<br /><span class="three-d-box"><span class="front">Главная</span><span class="back">Главная</span></span><br /></a></li><li><a href="###" class="three-d"><br />О блоге<span class="three-d-box"><span class="front">О блоге</span><span class="back">О блоге</span></span><br /></a></li><li><a href="###" class="three-d"><br />Услуги<br /><span class="three-d-box"><span class="front">Услуги</span><span class="back">Услуги</span></span><br /></a></li><li><a href="###" class="three-d"><br />Карта<br /><span class="three-d-box"><span class="front">Карта</span><span class="back">Карта</span></span><br /></a></li><li><a href="###" class="three-d"><br />Архив<br /><span class="three-d-box"><span class="front">Архив</span><span class="back">Архив</span></span><br /></a></li></ul>

Но прежде чем вставлять код в гаджет, придётся с ним немного поработать.
Замените пункты меню на свои, если вас не устраивают эти
 и вставляйте вместо решеток "###" ссылки на что  угодно.

==========================
Понравилась статья? Поделитесь с друзьями

Горизонтальное 3D меню с эффектом вращения

Горизонтальное  3D меню с эффектом вращения эффектно смотрится при наведение курсором мыши на пункт меню. Кнопка меню вращается, как бы переворачивается. Такой вид меню очень легко установить у себя на блоге. Не надо заходить в шаблон, надо просто в поле гаджета установить Html/JavaScript  код, который предложен ниже.

 

КОПИРУЕМ ЭТОТ КОД

<style type="text/css">.block-menu { display: block; background: #000; } .block-menu li { display: inline-block; } .block-menu li a { color: #fff; display: block; text-decoration: none; font-family: 'Passion One',Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; text-transform: uppercase; overflow: visible; line-height: 20px; font-size: 24px; padding: 15px 10px; } /* animation domination */ .three-d { -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; -webkit-transition: all .07s linear; -moz-transition: all .07s linear; transition: all .07s linear; position: relative; } .three-d:not(.active):hover { cursor: pointer; } .three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box { -moz-transform: translateZ(-25px) rotateX(90deg); -webkit-transform: translateZ(-25px) rotateX(90deg); -o-transform: translateZ(-25px) rotateX(90deg); transform: translateZ(-25px) rotateX(90deg); } .three-d-box { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transform: translatez(-25px); -moz-transform: translatez(-25px); -o-transform: translatez(-25px); transform: translatez(-25px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .front { -webkit-transform: rotatex(0deg) translatez(25px); -moz-transform: rotatex(0deg) translatez(25px); -o-transform: rotatex(0deg) translatez(25px); transform: rotatex(0deg) translatez(25px); } .back { -webkit-transform: rotatex(-90deg) translatez(25px); -moz-transform: rotatex(-90deg) translatez(25px); -o-transform: rotatex(-90deg) translatez(25px); transform: rotatex(-90deg) translatez(25px); color: #FFE7C4; } .front, .back { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: black; padding: 15px 10px; color: white; pointer-events: none; -moz-box-sizing: border-box; box-sizing: border-box; } </style><br /><ul class="block-menu"><li><a href="###" class="three-d"><br />Главная<br /><span class="three-d-box"><span class="front">Главная</span><span class="back">Главная</span></span><br /></a></li><li><a href="###" class="three-d"><br />О блоге<span class="three-d-box"><span class="front">О блоге</span><span class="back">О блоге</span></span><br /></a></li><li><a href="###" class="three-d"><br />Услуги<br /><span class="three-d-box"><span class="front">Услуги</span><span class="back">Услуги</span></span><br /></a></li><li><a href="###" class="three-d"><br />Карта<br /><span class="three-d-box"><span class="front">Карта</span><span class="back">Карта</span></span><br /></a></li><li><a href="###" class="three-d"><br />Архив<br /><span class="three-d-box"><span class="front">Архив</span><span class="back">Архив</span></span><br /></a></li></ul>

Но прежде чем вставлять код в гаджет, придётся с ним немного поработать.
Замените пункты меню на свои, если вас не устраивают эти
 и вставляйте вместо решеток "###" ссылки на что  угодно.

==========================
Понравилась статья? Поделитесь с друзьями

Горизонтальное меню c красивым эффектом

Горизонтальное  меню с анимированным эффектом, так смотрится при
наведении курсора мыши на пункт меню. Такой вид меню легко установить у себя на блоге. Давайте разберёмся, как это сделать с помощью простого Java Scriptа.

Заходим в НАСТРОЙКИ = выбираем ДИЗАЙН = ДОБАВИТЬ ГАДЖЕТ
В открывшемся окне выбираем HTML/JavaScript Добавить

 Вставляем свой код и жмём СОХРАНИТЬ .

КОПИРУЕМ ЭТОТ КОД 

<style type="text/css">.block-menu { display: block; background: #000; } .block-menu li { display: inline-block; } .block-menu li a { color: #fff; display: block; text-decoration: none; font-family: 'Passion One',Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; text-transform: uppercase; overflow: visible; line-height: 20px; font-size: 24px; padding: 15px 10px; } /* animation domination */ .three-d { -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; -webkit-transition: all .07s linear; -moz-transition: all .07s linear; transition: all .07s linear; position: relative; } .three-d:not(.active):hover { cursor: pointer; } .three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box { -moz-transform: translateZ(-25px) rotateX(90deg); -webkit-transform: translateZ(-25px) rotateX(90deg); -o-transform: translateZ(-25px) rotateX(90deg); transform: translateZ(-25px) rotateX(90deg); } .three-d-box { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transform: translatez(-25px); -moz-transform: translatez(-25px); -o-transform: translatez(-25px); transform: translatez(-25px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .front { -webkit-transform: rotatex(0deg) translatez(25px); -moz-transform: rotatex(0deg) translatez(25px); -o-transform: rotatex(0deg) translatez(25px); transform: rotatex(0deg) translatez(25px); } .back { -webkit-transform: rotatex(-90deg) translatez(25px); -moz-transform: rotatex(-90deg) translatez(25px); -o-transform: rotatex(-90deg) translatez(25px); transform: rotatex(-90deg) translatez(25px); color: #FFE7C4; } .front, .back { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: black; padding: 15px 10px; color: white; pointer-events: none; -moz-box-sizing: border-box; box-sizing: border-box; } </style><br /><ul class="block-menu"><li><a href="###" class="three-d"><br />Главная<br /><span class="three-d-box"><span class="front">Главная</span><span class="back">Главная</span></span><br /></a></li><li><a href="###" class="three-d"><br />О блоге<span class="three-d-box"><span class="front">О блоге</span><span class="back">О блоге</span></span><br /></a></li><li><a href="###" class="three-d"><br />Услуги<br /><span class="three-d-box"><span class="front">Услуги</span><span class="back">Услуги</span></span><br /></a></li><li><a href="###" class="three-d"><br />Карта<br /><span class="three-d-box"><span class="front">Карта</span><span class="back">Карта</span></span><br /></a></li><li><a href="###" class="three-d"><br />Архив<br /><span class="three-d-box"><span class="front">Архив</span><span class="back">Архив</span></span><br /></a></li></ul>

Прежде чем вставлять код в гаджет, скопируйте код и вставьте его в блокнот, замените пункты меню на свои, если вас не устраивают прописанные и вставляйте вместо решеток "###" свои ссылки.

==========================
Понравилась статья? Поделитесь с друзьями

Горизонтальное меню c красивым эффектом

Горизонтальное  меню с анимированным эффектом, так смотрится при наведении курсора мыши на пункт меню. Такой вид меню легко установить у себя на блоге. Давайте разберёмся, как это сделать с помощью простого Java Scriptа.

Горизонтальное 3D меню с эффектом вращения

Горизонтальное  3D меню с эффектом вращения эффектно смотрится при наведение курсором мыши на пункт меню. Кнопка меню вращается, как бы переворачивается. Такой вид меню очень легко установить у себя на блоге. Не надо заходить в шаблон, надо просто в поле гаджета установить Html/JavaScript  код, который предложен ниже.

Поздравление С днём Ангела - стихи.

Ангел небесный хранит нас на свете. Ангел-хранитель у каждого свой. Он за тебя в этой жизни в ответе, Он охраняет и жизнь, и покой. Может, ему не всегда удаётся Беды людские рукой отвести. Знай, что сегодня твой праздник начнётся, Значит, сегодня должно повезти. День именин – это день персональный. Лишь для тебя нынче солнечный свет. Имя твоё – это образ реальный, В мире подобного образа нет. Праздничный день в каждом доме – событие. Новое утро приносит рассвет, Радость познания, мира открытие, Ярких цветов ароматный букет. Пусть поздравления тёплым потоком В душу твою принесут благодать. С неба взирая недремлющим оком, Ангел твой будет всегда помогать.

Чтобы отправить поздравление другу, нажмите на конвертик, возле имени автора.

==========================
Понравилась статья? Поделитесь с друзьями

Поздравление С днём Ангела - стихи.

Ангел небесный хранит нас на свете. Ангел-хранитель у каждого свой. Он за тебя в этой жизни в ответе, Он охраняет и жизнь, и покой. Может, ему не всегда удаётся Беды людские рукой отвести. Знай, что сегодня твой праздник начнётся, Значит, сегодня должно повезти. День именин – это день персональный. Лишь для тебя нынче солнечный свет. Имя твоё – это образ реальный, В мире подобного образа нет. Праздничный день в каждом доме – событие. Новое утро приносит рассвет, Радость познания, мира открытие, Ярких цветов ароматный букет. Пусть поздравления тёплым потоком В душу твою принесут благодать. С неба взирая недремлющим оком, Ангел твой будет всегда помогать.

Чтобы отправить поздравление другу, нажмите на конвертик, возле имени автора.

==========================
Понравилась статья? Поделитесь с друзьями

Молитва "Я помолюсь за всех, кто сердцу мил"

Чтобы отправить поздравление другу,
 нажмите на конвертик, возле имени автора.

==========================

Понравилась статья? Поделитесь с друзьями

Молитва "Я помолюсь за всех, кто сердцу мил"

Чтобы отправить поздравление другу,
 нажмите на конвертик, возле имени автора.

==========================

Понравилась статья? Поделитесь с друзьями

Красивое выпадающее 3D меню для Blogger.

 - Если вам такое выпадающее 3D меню понравилось, давайте тогда установим его на ваш блог, для этого вам придется проделать пару шагов и внести изменения в HTML шаблон блога. Не забудьте перед этим сохранить шаблон в файл, на тот случай если Вы сделаете что то не так и захотите все вернуть обратно.

Красивое оформление ярлыков для Blogspot.

В этом уроке мы рассмотрим как можно красиво оформить раздел ЯРЛЫКИ.

Мне такой эффект понравился, во всяком случае смотрится на много красивее, чем родной гаджет ЯРЛЫКИ. Вот так выглядят  РАЗДЕЛЫ БЛОГА у меня. Если навести курсор на  раздел, то ярлычок будет двигаться и менять цвет.

 Цвет ярлычков можно менять под свой дизайн.

Если вам понравился такой вариант гаджета ЯРЛЫКИ, тогда приступим к установке. Наверняка у вас уже установлен такой гаджет.
Для новичков скажу, как это сделать.
*****

 Заходим в НАСТРОЙКИ = выбираем ДИЗАЙН = ДОБАВИТЬ ГАДЖЕТ
и из предложенных вариантов выбираем -ярлыки.

  Добавленный гаджет перемещайте в нужное место и нажмите на ПРОСМОТР.
Если вас всё устраивает, жмите на СОХРАНИТЬ РАСПОЛОЖЕНИЕ.

*****

 Сразу заострю ваше внимание, что предложенный код,
 работает если выбран стиль ОБЛАКО.
 При варианте СПИСОК этот код не подходит.

 

 КОПИРУЕМ ЭТОТ КОД

 В коде меняйте цветовые значения на свои, они  выделены  разным цветом.

Зайдите на Блоге в раздел  Онлайн Генератор цвета  и подберите нужный цвет.

.label-size a { margin:0 4px 6px 0; padding: 5px; text-transform: uppercase; border: solid 1px #3E496B; box-shadow: 1px 1px 2px #333 inset; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#990000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #0F1650; } .label-size a:hover { border:1px solid #DCE5F4; text-decoration: none; -moz-transition: all 0.7s ease-out;  -moz-transform: rotate(7deg); color: #333; background-color: #3957A1; box-shadow: 1px 1px 2px #333; }

После всех изменений заходим во вкладку шаблон-изменить HTML. и перед строкой ]]></b:skin> вставляем скопированный код.

КАК НАЙТИ НУЖНУЮ СТРОКУ В ШАБЛОНЕ

Кликаем мышкой в любом месте шаблона и жмём на клавиатуре  CTRL+F

Появится окошко (смотрите скриншот) в это окошко вставляем скопированный участок кода который выделен у нас красным цветом и жмём Enter

таким образом, с помощью клавиш CTRL+F мы находим нужный нам участок кода.

В данном случае у нас это  ]]></b:skin>

После установки кода, непосредственно в шаблон, обязательно нажмите просмотреть шаблон и убедитесь, что всё получилось. Не забудьте сохранить. Остаётся только зайти посмотреть блог и порадоваться новому дизайну гаджета ярлыки.

Всегда перед тем как что-то менять в шаблоне не забывайте
делать резервное копирование!

==========================
Понравилась статья? Поделитесь с друзьями

Красивое оформление ярлыков для Blogspot.

В этом уроке мы рассмотрим как можно красиво оформить раздел ЯРЛЫКИ.

Мне такой эффект понравился, во всяком случае смотрится на много красивее, чем родной гаджет ЯРЛЫКИ. Вот так выглядят  РАЗДЕЛЫ БЛОГА у меня. Если навести курсор на  раздел, то ярлычок будет двигаться и менять цвет.

 Цвет ярлычков можно менять под свой дизайн.

Если вам понравился такой вариант гаджета ЯРЛЫКИ, тогда приступим к установке. Наверняка у вас уже установлен такой гаджет.
Для новичков скажу, как это сделать.
*****

 Заходим в НАСТРОЙКИ = выбираем ДИЗАЙН = ДОБАВИТЬ ГАДЖЕТ
и из предложенных вариантов выбираем -ярлыки.

  Добавленный гаджет перемещайте в нужное место и нажмите на ПРОСМОТР.
Если вас всё устраивает, жмите на СОХРАНИТЬ РАСПОЛОЖЕНИЕ.

*****

 Сразу заострю ваше внимание, что предложенный код,
 работает если выбран стиль ОБЛАКО.
 При варианте СПИСОК этот код не подходит.

 

 КОПИРУЕМ ЭТОТ КОД

 В коде меняйте цветовые значения на свои, они  выделены  разным цветом.

Зайдите на Блоге в раздел  Онлайн Генератор цвета  и подберите нужный цвет.

.label-size a { margin:0 4px 6px 0; padding: 5px; text-transform: uppercase; border: solid 1px #3E496B; box-shadow: 1px 1px 2px #333 inset; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#990000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #0F1650; } .label-size a:hover { border:1px solid #DCE5F4; text-decoration: none; -moz-transition: all 0.7s ease-out;  -moz-transform: rotate(7deg); color: #333; background-color: #3957A1; box-shadow: 1px 1px 2px #333; }

После всех изменений заходим во вкладку шаблон-изменить HTML. и перед строкой ]]></b:skin> вставляем скопированный код.

КАК НАЙТИ НУЖНУЮ СТРОКУ В ШАБЛОНЕ

Кликаем мышкой в любом месте шаблона и жмём на клавиатуре  CTRL+F

Появится окошко (смотрите скриншот) в это окошко вставляем скопированный участок кода который выделен у нас красным цветом и жмём Enter

таким образом, с помощью клавиш CTRL+F мы находим нужный нам участок кода.

В данном случае у нас это  ]]></b:skin>

После установки кода, непосредственно в шаблон, обязательно нажмите просмотреть шаблон и убедитесь, что всё получилось. Не забудьте сохранить. Остаётся только зайти посмотреть блог и порадоваться новому дизайну гаджета ярлыки.

Всегда перед тем как что-то менять в шаблоне не забывайте
делать резервное копирование!

==========================
Понравилась статья? Поделитесь с друзьями