четверг, 10 января 2013 г.

Украшаем блог к Новому году.


Дома все напоминает, что в душе мы все дети и верим в сказку, как бы нам жизнь не доказывала обратное. В интернете тоже все приоделись. В контакте горит свечка (горит-горит, посмотрите внимательнее), Яндекс откуда-то достал облезлую елку, но факт остается фактом, все принаряжаются. Давайте и мы украсим блоги, благо я для Вас припасла чудные еловые ветки с новогодними шарами и колокольчиками. (Если ее сейчас нет, значит упаковала до следующего нового года)


Но сначала поделюсь радостью. У меня понемногу растет число постоянных читателей. Большинство из которых я сама с удовольствием читаю. Но сегодня ночью у меня появился интересный читатель Justus. Что в нем особенного? Во-первых, это мужчина что само по себе удивительно, во-вторых, это человек, которые реально понимает во всех этих крючках и закорючках для кодов наших блогов и пишет статьи на эти темы, стараясь излагать текст в доступной форме. 

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

Ну что, начнем? Открываем уже знакомый ДИЗАЙН, кликаем по ДОБАВИТЬ ГАДЖЕТ, выбираем HTML/JavaScrirt и в открывшееся окно вставляем код, которые у меня напечатан ниже (пусть Вас не пугает его длина, смело копируйте полностью)

<style type="text/css">

 .st2 {

 border:3px solid #BBBBBB;opacity: 2.1;
 -webkit-animation: ring 18s 19s ease-in-out infinite;
 -webkit-transform-origin: 50% 14px;
 -moz-animation: ring 18s 19s ease-in-out infinite;
 -moz-transform-origin: 50% 14px;
 animation: ring 18s 19s ease-in-out infinite;
 transform-origin: 50% 14px;
}
@-webkit-keyframes ring {
 0% { -webkit-transform: rotateZ(0); }
 1%, 9% { -webkit-transform: rotateZ(30deg); }
 3% { -webkit-transform: rotateZ(-28deg); }
 5% { -webkit-transform: rotateZ(34deg); }
 7% { -webkit-transform: rotateZ(-32deg); }
 11% { -webkit-transform: rotateZ(-28deg); }
 13% { -webkit-transform: rotateZ(26deg); }
 15% { -webkit-transform: rotateZ(-24deg); }
 17% { -webkit-transform: rotateZ(22deg); }
 19% { -webkit-transform: rotateZ(-20deg); }
 21% { -webkit-transform: rotateZ(18deg); }
 23% { -webkit-transform: rotateZ(-16deg); }
 25% { -webkit-transform: rotateZ(14deg); }
 27% { -webkit-transform: rotateZ(-12deg); }
 29% { -webkit-transform: rotateZ(10deg); }
 31% { -webkit-transform: rotateZ(-8deg); }
 33% { -webkit-transform: rotateZ(6deg); }
 35% { -webkit-transform: rotateZ(-4deg); }
 37% { -webkit-transform: rotateZ(2deg); }
 39% { -webkit-transform: rotateZ(-1deg); }
 41% { -webkit-transform: rotateZ(1deg); }
 43% { -webkit-transform: rotateZ(0); }
 100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
 0% { -moz-transform: rotate(0); }
 1%, 9% { -moz-transform: rotate(30deg); }
 3% { -moz-transform: rotate(-28deg); }
 5% { -moz-transform: rotate(34deg); }
 7% { -moz-transform: rotate(-32deg); }
 11% { -moz-transform: rotate(-28deg); }
 13% { -moz-transform: rotate(26deg); }
 15% { -moz-transform: rotate(-24deg); }
 17% { -moz-transform: rotate(22deg); }
 19% { -moz-transform: rotate(-20deg); }
 21% { -moz-transform: rotate(18deg); }
 23% { -moz-transform: rotate(-16deg); }
 25% { -moz-transform: rotate(14deg); }
 27% { -moz-transform: rotate(-12deg); }
 29% { -moz-transform: rotate(10deg); }
 31% { -moz-transform: rotate(-8deg); }
 33% { -moz-transform: rotate(6deg); }
 35% { -moz-transform: rotate(-4deg); }
 37% { -moz-transform: rotate(2deg); }
 39% { -moz-transform: rotate(-1deg); }
 41% { -moz-transform: rotate(1deg); }
 43% { -moz-transform: rotate(0); }
 100% { -moz-transform: rotate(0); }
}
@keyframes ring {
 0% { transform: rotate(0); }
 1%, 9% { transform: rotate(30deg); }
 3% { transform: rotate(-28deg); }
 5% { transform: rotate(34deg); }
 7% { transform: rotate(-32deg); }
 9% { transform: rotate(30deg); }
 11% { transform: rotate(-28deg); }
 13% { transform: rotate(26deg); }
 15% { transform: rotate(-24deg); }
 17% { transform: rotate(22deg); }
 19% { transform: rotate(-20deg); }
 21% { transform: rotate(18deg); }
 23% { transform: rotate(-16deg); }
 25% { transform: rotate(14deg); }
 27% { transform: rotate(-12deg); }
 29% { transform: rotate(10deg); }
 31% { transform: rotate(-8deg); }
 33% { transform: rotate(6deg); }
 35% { transform: rotate(-4deg); }
 37% { transform: rotate(2deg); }
 39% { transform: rotate(-1deg); }
 41% { transform: rotate(1deg); }
 43% { transform: rotate(0); }
 100% { transform: rotate(0); }


</style>
<div style="padding: 0px;">
<img class="st2" src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n2.png" style="position:fixed; top: 0px;left:130px;border:none;z-index:9;"/></div><style type="text/css">
 .st1 {
 border:3px solid #BBBBBB;opacity: 2.1;
 -webkit-animation: ring 20s 19s ease-in-out infinite;
 -webkit-transform-origin: 50% 14px;
 -moz-animation: ring 20s 19s ease-in-out infinite;
 -moz-transform-origin: 50% 14px;
 animation: ring 20s 19s ease-in-out infinite;
 transform-origin: 50% 14px;
}
@-webkit-keyframes ring {
 0% { -webkit-transform: rotateZ(0); }
 1%, 9% { -webkit-transform: rotateZ(30deg); }
 3% { -webkit-transform: rotateZ(-28deg); }
 5% { -webkit-transform: rotateZ(34deg); }
 7% { -webkit-transform: rotateZ(-32deg); }
 11% { -webkit-transform: rotateZ(-28deg); }
 13% { -webkit-transform: rotateZ(26deg); }
 15% { -webkit-transform: rotateZ(-24deg); }
 17% { -webkit-transform: rotateZ(22deg); }
 19% { -webkit-transform: rotateZ(-20deg); }
 21% { -webkit-transform: rotateZ(18deg); }
 23% { -webkit-transform: rotateZ(-16deg); }
 25% { -webkit-transform: rotateZ(14deg); }
 27% { -webkit-transform: rotateZ(-12deg); }
 29% { -webkit-transform: rotateZ(10deg); }
 31% { -webkit-transform: rotateZ(-8deg); }
 33% { -webkit-transform: rotateZ(6deg); }
 35% { -webkit-transform: rotateZ(-4deg); }
 37% { -webkit-transform: rotateZ(2deg); }
 39% { -webkit-transform: rotateZ(-1deg); }
 41% { -webkit-transform: rotateZ(1deg); }
 43% { -webkit-transform: rotateZ(0); }
 100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
 0% { -moz-transform: rotate(0); }
 1%, 9% { -moz-transform: rotate(30deg); }
 3% { -moz-transform: rotate(-28deg); }
 5% { -moz-transform: rotate(34deg); }
 7% { -moz-transform: rotate(-32deg); }
 11% { -moz-transform: rotate(-28deg); }
 13% { -moz-transform: rotate(26deg); }
 15% { -moz-transform: rotate(-24deg); }
 17% { -moz-transform: rotate(22deg); }
 19% { -moz-transform: rotate(-20deg); }
 21% { -moz-transform: rotate(18deg); }
 23% { -moz-transform: rotate(-16deg); }
 25% { -moz-transform: rotate(14deg); }
 27% { -moz-transform: rotate(-12deg); }
 29% { -moz-transform: rotate(10deg); }
 31% { -moz-transform: rotate(-8deg); }
 33% { -moz-transform: rotate(6deg); }
 35% { -moz-transform: rotate(-4deg); }
 37% { -moz-transform: rotate(2deg); }
 39% { -moz-transform: rotate(-1deg); }
 41% { -moz-transform: rotate(1deg); }
 43% { -moz-transform: rotate(0); }
 100% { -moz-transform: rotate(0); }
}
@keyframes ring {
 0% { transform: rotate(0); }
 1%, 9% { transform: rotate(30deg); }
 3% { transform: rotate(-28deg); }
 5% { transform: rotate(34deg); }
 7% { transform: rotate(-32deg); }
 9% { transform: rotate(30deg); }
 11% { transform: rotate(-28deg); }
 13% { transform: rotate(26deg); }
 15% { transform: rotate(-24deg); }
 17% { transform: rotate(22deg); }
 19% { transform: rotate(-20deg); }
 21% { transform: rotate(18deg); }
 23% { transform: rotate(-16deg); }
 25% { transform: rotate(14deg); }
 27% { transform: rotate(-12deg); }
 29% { transform: rotate(10deg); }
 31% { transform: rotate(-8deg); }
 33% { transform: rotate(6deg); }
 35% { transform: rotate(-4deg); }
 37% { transform: rotate(2deg); }
 39% { transform: rotate(-1deg); }
 41% { transform: rotate(1deg); }
 43% { transform: rotate(0); }
 100% { transform: rotate(0); }
</style>
<div style="padding: 0px;">
<img class="st1" src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n4.png" style="position:fixed; top: 0px;left:250px;border:none;z-index:6;"/></div><style type="text/css">
 .st {
 border:3px solid #BBBBBB;opacity: 2.1;
 -webkit-animation: ring 19s 19s ease-in-out infinite;
 -webkit-transform-origin: 50% 14px;
 -moz-animation: ring 19s 19s ease-in-out infinite;
 -moz-transform-origin: 50% 14px;
 animation: ring 19s 19s ease-in-out infinite;
 transform-origin: 50% 14px;
}

@-webkit-keyframes ring {
 0% { -webkit-transform: rotateZ(0); }
 1%, 9% { -webkit-transform: rotateZ(30deg); }
 3% { -webkit-transform: rotateZ(-28deg); }
 5% { -webkit-transform: rotateZ(34deg); }
 7% { -webkit-transform: rotateZ(-32deg); }
 11% { -webkit-transform: rotateZ(-28deg); }
 13% { -webkit-transform: rotateZ(26deg); }
 15% { -webkit-transform: rotateZ(-24deg); }
 17% { -webkit-transform: rotateZ(22deg); }
 19% { -webkit-transform: rotateZ(-20deg); }
 21% { -webkit-transform: rotateZ(18deg); }
 23% { -webkit-transform: rotateZ(-16deg); }
 25% { -webkit-transform: rotateZ(14deg); }
 27% { -webkit-transform: rotateZ(-12deg); }
 29% { -webkit-transform: rotateZ(10deg); }
 31% { -webkit-transform: rotateZ(-8deg); }
 33% { -webkit-transform: rotateZ(6deg); }
 35% { -webkit-transform: rotateZ(-4deg); }
 37% { -webkit-transform: rotateZ(2deg); }
 39% { -webkit-transform: rotateZ(-1deg); }
 41% { -webkit-transform: rotateZ(1deg); }
 43% { -webkit-transform: rotateZ(0); }
 100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
 0% { -moz-transform: rotate(0); }
 1%, 9% { -moz-transform: rotate(30deg); }
 3% { -moz-transform: rotate(-28deg); }
 5% { -moz-transform: rotate(34deg); }
 7% { -moz-transform: rotate(-32deg); }
 11% { -moz-transform: rotate(-28deg); }
 13% { -moz-transform: rotate(26deg); }
 15% { -moz-transform: rotate(-24deg); }
 17% { -moz-transform: rotate(22deg); }
 19% { -moz-transform: rotate(-20deg); }
 21% { -moz-transform: rotate(18deg); }
 23% { -moz-transform: rotate(-16deg); }
 25% { -moz-transform: rotate(14deg); }
 27% { -moz-transform: rotate(-12deg); }
 29% { -moz-transform: rotate(10deg); }
 31% { -moz-transform: rotate(-8deg); }
 33% { -moz-transform: rotate(6deg); }
 35% { -moz-transform: rotate(-4deg); }
 37% { -moz-transform: rotate(2deg); }
 39% { -moz-transform: rotate(-1deg); }
 41% { -moz-transform: rotate(1deg); }
 43% { -moz-transform: rotate(0); }
 100% { -moz-transform: rotate(0); }
}
@keyframes ring {
 0% { transform: rotate(0); }
 1%, 9% { transform: rotate(30deg); }
 3% { transform: rotate(-28deg); }
 5% { transform: rotate(34deg); }
 7% { transform: rotate(-32deg); }
 9% { transform: rotate(30deg); }
 11% { transform: rotate(-28deg); }
 13% { transform: rotate(26deg); }
 15% { transform: rotate(-24deg); }
 17% { transform: rotate(22deg); }
 19% { transform: rotate(-20deg); }
 21% { transform: rotate(18deg); }
 23% { transform: rotate(-16deg); }
 25% { transform: rotate(14deg); }
 27% { transform: rotate(-12deg); }
 29% { transform: rotate(10deg); }
 31% { transform: rotate(-8deg); }
 33% { transform: rotate(6deg); }
 35% { transform: rotate(-4deg); }
 37% { transform: rotate(2deg); }
 39% { transform: rotate(-1deg); }
 41% { transform: rotate(1deg); }
 43% { transform: rotate(0); }
 100% { transform: rotate(0); }

</style>
<div style="padding: 0px;">
<img class="st1" src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n4.png" style="position:fixed; top: 0px;right:310px;border:none;z-index:5;"/></div>
<img class="st" src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n3.png" style="position:fixed; top: 0px;right:620px;border:none;z-index:9;"/><img class="st"  src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n2.png" style="position:fixed; top: 0px;right:470px;border:none;z-index:9;"/><img class="st2" src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n3.png" style="position:fixed; top: 0px;right:170px;border:none;z-index:9;"/><img src="https://lh6.googleusercontent.com/-5R7C9LMfqKY/Txo_0iOthMI/AAAAAAAAELw/rzmYWYHYXBs/w189-h197-k/christmas-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:9;"width="140"/><img src="https://lh4.googleusercontent.com/-PbiGUGyANAs/Txo_yfoVXSE/AAAAAAAAELw/cZylwGVCEuw/s145-c/212012" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/><img src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:1;"/><img src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:810px;border:none;z-index:5;"/><img src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:210px;border:none;z-index:5;"/><img src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:510px;border:none;z-index:5;"/>

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

(А я полезла в настройки искать, куда же я засунула этот No Right-Click чтобы отменить его, раз уж начала писать тексты, которые нужно копировать. Для тех, кто попытается ухватить веточки одним из первых и не сможет скопировать, напоминаю, что правую клавишу мышки можно заменить сочетанием 2х клавиш на клавиатуре ctrl+c )

ЗЫ. Не забудьте дать имя новому гаджету, иначе будете с елкой круглый год)))) Удачи! Ну и пишите отзывы, пожалуйста!

6 комментариев:

  1. Бомба!! Даже шары шевелятся)) Спасибо!!!

    ОтветитьУдалить
  2. Обалдеть!!!! Огромно спасибо! спасибо за доступность написания_)!

    ОтветитьУдалить
  3. Спасибо большое!!! Ничего еще толком не умею... но к новому году уже готова!

    ОтветитьУдалить
  4. Спасибо огромное, Энн!!! Вы моя палочка-выручалочка-обучалочка )) Добрых Вам дней и светлых лет ))

    ОтветитьУдалить
  5. Спасибо, все получилось. Удачи и счастья вам а вашей семье !

    ОтветитьУдалить

Дорогой мой читатель, если Вам понравилась статья, то напишите отзыв, мне очень приятно читать комментарии. А если Вы посчитаете, что статья достойна того, чтобы ее порекомендовать остальным, нажмите на +1.

Хотите сохранить полезную информацию в соц.сетях? Выбираем и сохраняем!

LinkWithin

Related Posts Plugin for WordPress, Blogger...