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

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

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

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

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

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

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

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

 

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

Быстрый способ поменять цвет волос. Видео урок 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>

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

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

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

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

*****

Горизонтальное 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>

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

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

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

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

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

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

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

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

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

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

Красивое оформление ярлыков для 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,

Всем доброе время суток.
В этом уроке мы рассмотрим как можно красиво оформить заголовок сообщения.
Такой эффект обязательно привлечёт внимание ваших посетителей.

  На блоге такая фишка смотрится очень эффектно. Если навести курсор на  заголовок сообщения, получим такую красивую подсветку.

 

Цвета можно поменять под свой дизайн.
То, что выделено синим цветом, а именно, значение #00BFFF- отвечает за цвет фона.

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

h3{

font-family: Times New Roman !important;

font-style:italic !important;

}

.post h3 {

color:#666;

border-left:10px solid #666;

border-right:10px solid #666;

padding:3px 5px 3px  20px;

border-radius:15px;

-moz-border-radius:15px;

box-shadow:0px 0px 13px #666;

-webkit-box-shadow:0px 0px 13px #666;

-moz-box-shadow:0px 0px 13px #666;

}

.post h3:hover {

color: #00BFFF;

border-left:10px solid#75A6CB ;

border-right:10px solid#75A6CB ;

box-shadow:0px 0px 13px#75A6CB;

-webkit-box-shadow:0px 0px 13px #75A6CB;

-moz-box-shadow:0px 0px 13px#75A6CB;

}

blockquote {

background: #4159A6 url() no-repeat right bottom ;

margin: 0 20px;

padding: 20px 70px 20px 20px;

color:#595959;

font: bold 0.9em "comic sans ms", "GEORGIA", Times, serif;

border:1px solid #DCDCDC;

}

blockquote:hover {

background: #4159A6 url() no-repeat right bottom ;

color:#0CADF1;

}

blockquote p {

margin: 0;

padding-top:10px;

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

 

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

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

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

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

  Жмём ПРОСМОТР, и если  всё нормально, сохраняем, возвращаемся и видим, что все заголовки постов в красивом оформлении.

Зайдите на Блоге в раздел  Онлайн Генератор цвета  и подберите нужный цвет.
Всегда перед тем как что-то менять в шаблоне не забывайте делать резервное копирование!

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

Генератор для подборки цвета.

Простой и удобный генератор для подборки цвета.

<embed allowscriptaccess="always" height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://img1.liveinternet.ru/images/attach/c/11//4131/4131979__yapfiles.swf" type="application/x-shockwave-flash" width="500" wmode="transparent"></embed>

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

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

Из жизни коренных американцев в живописи Maija.

 Maija... Скандинавская женщина, которая создает картины коренных американских индейцев, горцев, животных и многое другое! Родилась в семье, которая увлекалась искусством. Специализировалась в Университете Арканзаса в начале 70-х годов.. Maija создает свои картины уже более 30 лет.

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

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