понедельник, 29 сентября 2014 г.

К уроку 17: Выравнивание, решение дополнительных и трудных задач

Задача 346. Задача на построение дерева по описанию, которая несколько перекликается с четвертой задачей контрольной работы. Сразу стоит разместить на каждом уровне по 2 листа. Теперь подумаем, сколько у нашего дерева может быть корневых бусин. Их должно быть больше пяти, но стоит заметить, что корневых бусин в дерева не может быть больше, чем листьев (подумайте, почему!). Значит в нашем дереве 6 корневых бусин – 2 листа и 4 не листа. При этом заметим, что на втором уровне не может быть больше 4 бусин, значит каждая корневая бусина, которая не является листом, имеет ровно одну следующую бусину. Таким образом по структуре все решения ребят будут схожими, деревья будут отличаться только формой и цветом бусин, из которых они состоят.

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

Задача 348. Задача на повторение двумерной таблицы для мешка. Она может показаться сложной, но решений здесь довольно много и начинать решать можно самыми разными способами. Главное – следить одновременно за истинностью обоих утверждений. Например, нам известно, что в мешке 5 красных фигурок. Распределим их по клеткам первой строки как придется. Например, можно в первой клетке написать 5, а в остальных – нули. Теперь посчитаем число круглых, квадратных и треугольных бусин в таблице и сравним с данными второго утверждения. Мы должны быть уверены что мы не взяли больше бусин какой-либо формы, чем их должно быть всего. В данном случае видим, что у нас имеется уже 11 круглых бусин а всего их 12. Значит можно написать 1 в любую свободную клетку первого столбца, а во все остальные клетки написать нули. Теперь бусины всех остальных цветов мы будем распределять аналогично по двум оставшимся столбцам.

Задача 349. Задача на построение цепочки чисел. Ребята уже должны были понять при решении компьютерной задачи 327, что цепочка натуральных чисел – это цепочка цепочек цифр. В этой задаче ребята такую цепочку должны построить. Из данной таблицы можно сделать вывод, что наша цепочка состоит из двузначных чисел больших 95. Таких чисел всего четыре: 96, 97, 98, 99, а длина нашей цепочки – восемь. Поэтому числа в цепочке будут повторяться в любом случае и третье утверждение будет ложно автоматически. Что касается расположения чисел в цепочке, об этом ничего в утверждениях на сказано, поэтому решений в данной задаче довольно много.

Задача 350. Задача на построение дерева по описанию. На первый взгляд она может показаться довольно затейливой, ведь придется сопоставлять 4 утверждения. Однако ситуация довольно быстро проясняется, если использовать утверждения в правильном порядке. Все фигурки у нас разные, причем все корневые бусины – бабочки. Бабочка в нашей библиотеке лишь одна, значит в дереве одна корневая бусина – бабочка. Все следующие бусины после бабочки – рыбы, он все рыбы у нас листья. Значит все бусины второго уровня – это рыбы листья. Таким образом выясняется, что наше дерево имеет 2 уровня бусин, на первом одна корневая бабочка, на втором рыбы-листья. Единственное, что не регламентировано условием – число рыб на втором уровне. Этим и будут отличаться решения детей – наименьшее число рыб две, наибольшее – семь (ведь все рыбы у нас должны быть разными).
Задача 351. Задача аналогичная компьютерной задаче 342 (см. комментарии к задаче 342). Отличие данной задачи в том, что поле здесь вырезанное, поэтому и возможных программ не так много. Например, из начальной позиции Робот может выполнить только одну команду – «вверх».
Задача 352. С одной стороны это задача на повторение темы «Таблица для мешка». С другой стороны – это пограничная задача с курсом русского языка. В частности, она позволяет сделать детям насколько интересных языковых наблюдений. Так оказывается, число гласных в слове не прямо связано с числом букв. Так многим детям может казаться, что чем больше в слове букв, тем больше там и гласных, но это не так. Например, в данной задаче дети могут найти примеры слов, в которых на 6 букв приходиться лишь одна гласная или же наоборот – на три буквы приходится две гласные.

Бумажные задачи

Задача 101. В первом и втором классе приводилось множество примеров объектов и явлений, построенных по принципу цепочки. Здесь мы предлагаем детям поработать еще с одним таким примером. Интересно, что в данном случае направление цепочки противоположно направлению движения животных. Начало и конец цепочки задает условие: «Первым идёт аист… Последним в цепочке идёт жираф». В соответствии с этим будем вписывать слова в утверждения.
Ответ: Первым идёт аист.
Жираф идёт четвёртым после аиста.
Страус идёт позже аиста/жеребёнка.
Вторым с конца идёт слонёнок.
Жеребёнок идёт раньше страуса/слонёнка/жирафа.
Третьим идёт аист/жеребёнок/слонёнок/жираф.
Аист/страус/слонёнок идёт третьим перед жирафом.

Задача 104. Эта задача принадлежит к одному из наиболее сложных типов – на построение (достроение) объекта по описанию. То, что ребята работают со столь знакомым и родным для них объектом – расписанием, делает задачу более занимательной и увлекательной, но не более простой. Кто-то может обратить внимание, что в этой задаче речь идет о цепочке цепочек уроков: это цепочка учебных дней, каждый день при этом – цепочка уроков.
Легко заметить, что задача разделяется на три части: можно по отдельности восстанавливать расписание каждого дня.
Понедельник. Первое утверждение позволяет однозначно поставить на первое место урок чтения, а на пятое место – урок природоведения. После этого второе утверждение дает нам возможность расставить на свои места уроки русского языка и музыки.
Среда. Третье утверждение указывает на два возможных места для урока английского языка: четвертое и пятое. Если учесть второе утверждение, то получаем, что английский язык должен стоять на четвертом месте (а соответственно математика – на первом), а история – на пятом. Урок русского языка, о котором становится известно из первого утверждения, становится на последнее свободное – второе место.
Пятница. Здесь ситуация посложнее. Начнем с последнего утверждения. Из него следует, что урок литературы идет через один после математики. У нас есть две возможности так поставить уроки: либо первый и третий, либо третий и пятый. Попробуем, например, второй вариант: впишем карандашом в расписание на пятницу литературу пятым уроком, а математику третьим. Читаем оставшиеся утверждения. Из первого следует, что история стоит позже математики, значит, она идет шестым уроком. Из второго утверждения следует, что музыка идет позже истории, но у нас это уже невозможно. Итак, вариант «третий – пятый» не прошел, попробуем другой. Стираем написанные уроки и ставим математику на первое место, а литературу на третье. При этом первое утверждение выполняется автоматически, ведь математика – самый первый урок. Второе утверждение позволяет расставить уроки музыки и истории.
Приведенные здесь рассуждения помогут при работе с учеником, который запутался или не знает, с чего начать, но постарайтесь не отбирать у ребенка лавры «создателя» Мишиного расписания.
Ответ:


Задача 105. В фигурах много квадратиков, поэтому ребятам нужно быть внимательными, чтобы ничего не упустить и не перепутать. Лучше всего иметь какую-то систему в работе. Например, можно работать сначала на одной фигуре – просматривать клетки слева направо и сверху вниз. Если клетка закрашена, то переходим к следующей, а если нет – ищем аналогичную клетку на второй фигуре. Если клетка на второй фигуре закрашена, то нашу клетку закрашиваем в тот же цвет, если нет – не делаем ничего. После того как закончили работать с первой фигурой, для второй фигуры решаем более простую задачу – «сделай фигуру такой же». Если ребенок раскрашивал бессистемно, то особую актуальность приобретает этап проверки. Проследите за тем, чтобы все убедились, что фигуры действительно одинаковые.

Задача 108. Эта задача обращает ребенка к реальному миру и реальному тексту. Требуется прочитать и понять естественно-научный текст, выудить из него то, что нужно для решения задачи, и затем ее решить.
Пронумеруем для удобства силуэты птиц:

Из второго абзаца текста узнаем, что силуэты с вытянутыми ногами (2, 3 и 8) могут быть силуэтами журавля, аиста и цапли. Аиста нет. Цапли втягивают голову в плечи, значит, 3 – это серая цапля. Итак, журавль – это 2 или 8.
Из третьего абзаца выясняем, что у уток и гусей лапы не выдаются за пределы туловища и длинная шея. Под это описание подходит только 6, значит, 6 – это серый гусь (утки у нас нет).
Из третьего абзаца выясняем, что силуэт гагар кажется короткокрылым и видны сравнительно большие лапы. Лапы видны только у 2 и 8 силуэтов, но короткокрылым можно назвать только 2. Итак, 2 – это чернозобая гагара. А значит, 8 – это серый журавль (до этого мы знали, что журавль – это 2 и 8).
Итак, остались силуэты 1, 4, 5 и 7.
Из пятого абзаца выясняем, что коршун и канюк имеют широкие и длинные крылья – это силуэты 1 и 4. Коршун имеет вырезку в хвосте, значит, 4 – это черный коршун, а 1 – это канюк.
Остались ястреб-тетеревятник и сокол чеглок. Из шестого абзаца не очень ясно, какой же силуэт принадлежит ястребу-тетеревятнику, зато из седьмого абзаца совершенно ясно, что 5 – это сокол чеглок – у него узкие заостренные на конце крылья почти серповидной формы. А значит, оставшийся силуэт 7 – это ястреб-тетеревятник (тем более что описание этого силуэта не противоречит шестому абзацу).

суббота, 30 августа 2014 г.

Всплывающая подсказка

В Дизайн - Добавить гаджет  - HTML / JavaScript  


<Стиль> #tooltip {непрозрачность: 0,8; граница радиуса: 9px;
фон: # FFFFFF; / * Цвет фона * /
цвет: # 191919; / * Цвет текста * /
размер шрифта: 16px; / * Размер шрифта * /
коробки-тени: 0 0 10px # 191919; / * Тень блока всплывающей подсказки * /
-moz-коробка-тени: 0 0 10px # 191919;
-webkit-коробка-тени: 0 0 10px # 191919;
маржа: 0;
обивка: 10px; / * Расстояние от текста до рамки * /
позицию: абсолютная;
видимость: скрытый;
г-индекс: 999999; / * Преобладание подсказки над всеми остальными элементами * /
} </ стиль> <скриптовый язык = 'JavaScript' Тип = 'текст / JavaScript ">
вар подсказка = {
    / * & # 1053; & # 1040; & # 1063; & # 1040; & # 1051; & # 1054; & # 1053; & # 1040; & # 1057; & # 1058; & # 1056; & # 1054; & # 1045; & # 1050; * /
    Варианты: {
        attr_name: "Подсказка", // & # 1085; & # 1072; & # 1080; & # 1084; & # 1077; & # 1085; & # 1086; & # 1074; & # 1072; & # 1085; & # 1080; & # 1077; & # 1089; & # 1086; & # 1079; & # 1076; & # 1072; & # 1074; & # 1072; & # 1077; & # 1084; & # 1086; & # 1075; & # 1086; подсказка '& # 1086; & # 1075; & # 1086; & # 1072; & # 1090; & # 1088; & # 1080; & # 1073; & # 1091; & # 1090; & # 1072;
        blank_text: "{откроется в новом окне}", // & # 1090; & # 1077; & # 1082; & # 1089; & # 1090; & # 1076; & # 1083; & # 1103; & # 1089; & # 1089; & # 1099; & # 1083; & # 1086; & # 1082; & # 1089; целевых = "_blank"
        newline_entity: "", // & # 1091; & # 1082; & # 1072; & # 1078; & # 1080; & # 1090; & # 1077; & # 1087; & # 1091; & # 1089; & # 1090; & # 1091; & # 1102; & # 1089; & # 1090; & # 1088; & # 1086; & # 1082; & # 1091; (""), И # 1077; & # 1089; & # 1083; & # 1080; & # 1085; & # 1077; & # 1093; & # 1086; & # 1090; & # 1080; & # 1090; & # 1077; & # 1080; & # 1089; & # 1087; & # 1086; & # 1083; & # 1100; & # 1079; & # 1086; & # 1074; & # 1072; & # 1090; & # 1100; & # 1074; подсказка '& # 1072; & # 1093; & # 1077; & # 1078; & # 1077; & # 1083; & # 1080; & # 1093; & # 1086; & # 1090; & # 1080; & # 1090; & # 1077 ;, & # 1090; & # 1086; & # 1091; & # 1082; & # 1072; & # 1078; & # 1080; & # 1090; & # 1077; & # 1090; & # 1086; & # 1090; & # 1089; & # 1080; & # 1084; & # 1074; & # 1086; & # 1083; & # 1080; & # 1083; & # 1080; & # 1089; & # 1080; & # 1084; & # 1074; & # 1086; & # 1083; & # 1099 ;, & # 1082; & # 1086; & # 1090; & # 1086; & # 1088; & # 1099; & # 1077; & # 1073; & # 1091; & # 1076; & # 1091; & # 1090; & # 1079; & # 1072; & # 1084; & # 1077; & # 1085; & # 1103; & # 1090; & # 1100; & # 1089; & # 1103; & # 1085; & # 1072; & # 1087; & # 1077; & # 1088; & # 1077; & # 1074; & # 1086; & # 1076; & # 1089; & # 1090; & # 1088; & # 1086; & # 1082; & # 1080;
        max_width: 250, // & # 1084; & # 1072; & # 1082; & # 1089; & # 1080; & # 1084; & # 1072; & # 1083; & # 1100; & # 1085; & # 1072; & # 1103; & # 1096; & # 1080; & # 1088; & # 1080; & # 1085; & # 1072; подсказка '& # 1072; & # 1074; & # 1087; & # 1080; & # 1082; & # 1089; & # 1077; & # 1083; & # 1072; & # 1093 ;; & # 1086; & # 1073; & # 1085; & # 1091; & # 1083; & # 1080; & # 1090; & # 1077; & # 1101; & # 1090; & # 1086; & # 1079; & # 1085; & # 1072; & # 1095; & # 1077; & # 1085; & # 1080; & # 1077 ;, & # 1077; & # 1089; & # 1083; & # 1080; & # 1096; & # 1080; & # 1088; & # 1080; & # 1085; & # 1072; & # 1076; & # 1086; & # 1083; & # 1078; & # 1085; & # 1072; & # 1073; & # 1099; & # 1090; & # 1100;
        100, // & # 1079; & # 1072; & # 1076; & # 1077; & # 1088; & # 1078; & # 1082; & # 1072; & # 1087; & # 1088; & # 1080; & # 1087; & # 1086; & # 1082; & # 1072; & # 1079; & # 1077; подсказка '& # 1072; & # 1074;
        ["Ссылка", "стиль"] // & # 1090; & # 1077; & # 1075; & # 1080 ;, & # 1091; & # 1082; & # 1086; & # 1090; & # 1086; & # 1088; & # 1099; & # 1093; & # 1085; & # 1077; & # 1086; & # 1073; & # 1088; & # 1072; & # 1073; & # 1072; & # 1090; & # 1099; & # 1074; & # 1072; & # 1077; & # 1084; & # 1072; & # 1090; & # 1088; & # 1080; & # 1073; & # 1091; & # 1090; & # 1099; Alt & # 1080; Название
    },
    / * & # 1050; & # 1054; & # 1053; & # 1045; & # 1062; & # 1053; & # 1040; & # 1057; & # 1058; & # 1056; & # 1054; & # 1045; & # 1050; * /
    т: document.createElement ("ДИВ"),
    с: нулевые,
    г: ложные,
    холст: нуль,
    м: функция (е) {
        если (tooltip.g) {
            вар х = window.event? event.clientX + (tooltip.canvas.scrollLeft || document.body.scrollLeft): e.pageX;
            вар у = window.event? event.clientY + (tooltip.canvas.scrollTop || document.body.scrollTop): e.pageY;
            tooltip.a (х, у);
        }
    },
    г: функция () {
        tooltip.canvas = document.getElementsByTagName (документ .compatMode && document.compatMode == "CSS1Compat" "HTML"?: "тело") [0];
        tooltip.t.setAttribute ("ID", "подсказки");
        document.body.appendChild (tooltip.t);
        если (tooltip.options.max_width) tooltip.t.style.maxWidth = tooltip.options.max_width + "PX"; // Все, но есть
        вар = document.all &&! window.opera? document.all: document.getElementsByTagName ("*"); // В опере 9 document.all производит несоответствие типов ошибок
        вар L = a.length;
        для (вар = 0; г <л; я ++) {
            если ([я] || tooltip.options.skip_tags.in_array (! [я] .tagName.toLowerCase ())) по-прежнему;
            вар tooltip_title = [я] .getAttribute ("название"); // Возвращается образуют объект, если IE & имя = "Название"; то IE падает; так ...
            если (tooltip_title && TypeOf tooltip_title = "строка"!) tooltip_title = "";
            вар tooltip_alt = [я] .getAttribute ("Alt");
            вар tooltip_blank = [я] .getAttribute («мишень») && [я] .getAttribute («мишень») == "_blank" && tooltip.options.blank_text;
            если (tooltip_title || tooltip_blank) {
                ? [я] .setAttribute (tooltip.options.attr_name, tooltip_blank (tooltip_title? tooltip_title + "" + tooltip.options.blank_text: tooltip.options.blank_text): tooltip_title);
                если ([я] .getAttribute (tooltip.options.attr_name)) {
                    [я] .removeAttribute ("название");
                    если (tooltip_alt && [я] .complete) [я] .removeAttribute ("Alt");
                    tooltip.l ([я], "Наведите курсор мыши на", tooltip.s);
                    tooltip.l ([я], "MouseOut", tooltip.h);
                }
            } остальное, если (tooltip_alt && [я] .complete) {
                [я] .setAttribute (tooltip.options.attr_name, tooltip_alt);
                если ([я] .getAttribute (подсказка .options.attr_name)) {
                    [я] .removeAttribute ("Alt");
                    tooltip.l ([я], "Наведите курсор мыши на", tooltip.s);
                    tooltip.l ([я], "MouseOut", tooltip.h);
                }
            }
            если && tooltip_blank) {([я] .getAttribute (tooltip.options.attr_name!)
                //
            }
        }
        document.onmousemove = tooltip.m;
        window.onscroll = tooltip.h;
        tooltip.a (-99, -99);
    },     _ функция (ы) {         S = s.replace (/ и / г ", и усилитель;");         S = s.replace (/ </ г ", и л;") ;         ы = s.replace (/> / г, "& GT;");         возвращение с;     },     S: функция (е) {         если (TypeOf подсказка == "не определено") возвращение;         вар д = window.event? window.event.srcElement:; e.target         (! d.getAttribute (tooltip.options.attr_name)) если возвращение;         вар ы = d.getAttribute (tooltip.options.attr_name);         если (tooltip.options.newline_entity) {             вар с = подсказка ._ (ы);             сек = s.replace (Eval ("/" + подсказка ._ (tooltip.options.newline_entity) + "/ г"), "<br />");             tooltip.t. InnerHTML = с;         } еще {             если (tooltip.t.firstChild)         = SetTimeout (функция () {             tooltip.t.style.visibility = 'видна';         }, tooltip.options.delay);         tooltip.g = верно;     },     ч: функция (е) {         если (TypeOf подсказка == " не определено ") возвращение;         tooltip.t.style.visibility = "скрытые";         если (tooltip.options.newline_entity && tooltip.t.firstChild) tooltip.t.removeChild (tooltip.t.firstChild);!         clearTimeout (tooltip.c );         tooltip.g = ложь;         tooltip.a (-99, -99);     },     л: функция (о, е,) {         если (o.addEventListener) o.addEventListener (е, а, ложно); // Правда - Opera 7b обходной путь!         остальное, если (o.attachEvent) o.attachEvent ("на" + е, а);             еще возвращение NULL;     },     : функция (х, у) {         вар w_width = подсказка. canvas.clientWidth? tooltip.canvas.clientWidth + (tooltip.canvas.scrollLeft || document.body.scrollLeft): window.innerWidth + window.pageXOffset;         вар w_height = window.innerHeight? window.innerHeight + window.pageYOffset: tooltip.canvas.clientHeight + (tooltip.canvas.scrollTop || document.body.scrollTop); // Должен быть вице-verca с Opera 7 сумасшедший!         если (document.all && document.all.item &&! window.opera) tooltip.t.style.width = tooltip.options.max_width && tooltip.t.offsetWidth> Подсказка .options.max_width? tooltip.options.max_width + "PX": "авто";         вар t_width = tooltip.t.offsetWidth;         вар t_height = tooltip.t.offsetHeight;         tooltip.t.style.left = х + 8 + "PX";         подсказка. t.style.top = у + 8 + "PX";         если (х + t_width> w_width) tooltip.t.style.left = w_width - t_width + "PX";         если (у + t_height> w_height) tooltip.t. style.top = w_height - t_height + "PX";     } } Array.prototype.in_array = функция (значение) {     вар л = this.length;     для (вар = 0; г <л; я ++)         , если (это [я ] === значение) возвращение истинного;     возвращение ложным; }; вар корневой = window.addEventListener || window.attachEvent? окно: document.addEventListener? Документ: нуль; если (корень) {     если (root.addEventListener) root.addEventListener ("нагрузка", tooltip.d, ложно);     остальное, если (root.attachEvent) root.attachEvent ("OnLoad", tooltip.d); } </ скрипт>


После внедрения кода на ваш блог, предстоит еще один незначительный шаг, а именно прописать атрибут название (в котором будет текст всплывающей подсказки) или к картинке или к ссылке.
Разберемся вначале с картинкой. Во время редактирования сообщения при нажатии на картинку выдается контекстное меню "Маленький-Средний-Крупный-Исходный размер -....- Добавить подпись-Свойства-Удалить". Надо выбрать "Свойства" и заполнить поле (с текстом для подсказки) для названия ("текст заголовка") и можете (по желанию) заполнить Alt ("альтернативный текст").


С картинкой разобрались, теперь как прописать название для ссылки? Вставляете просто в конструкцию ссылки - атрибут название, выделенный красным цветом.  

 <HREF = "HTTP: // СТРАНИЦА КУДА ВЕДЕТ ССЫЛКА /"  название = "ТЕКСТ ВСПЛЫВАЮЩЕЙ ПОДСКАЗКИ" > Текст ссылки </>


Если у вас все получилось, то поздравляю с новым усовершенствованием вашего блога!

Открытка

Как красиво оформить свой блог к ​​празднику? Как сделать так что бы, на смену унылому однообразию будничных дней, на ваш сайт пришло предвкушение чего то особенного, того что повысит настроение не только вам, но и вашим читателям
 
Предлагаемый скрипт для блогов на платформе блогспот. Для тех, кто просто желает вставить анимированную открытку на любой сайт, в конце статьи можете найти варианты с простым кодом. 


Сегодня я предлагаю вам очень простое и вместе с тем эффективное украшение, которое сможет поставить любой, даже новичок. Это праздничная открытка которая качается и увеличивается путем наведения курсора. Как это выглядит вы можете посмотреть на сайтбаре (боковой панели блога).
 
Итак приступим к делу! Скрипт размещается благодаря гаджету HTML / JavaScript. Для этого проследуйте Дизайн> Добавить гаджет и после того, как вы нажали добавить гаджет, выбирайте рубрику - HTML / JavaScript. В открывшееся окно, вставляете скопированный ниже код и жмете сохранить.
 
 
На том месте, где красная маркировка, можете всавить урл. (Адрес) любой картинки, а размер можно регулировать, там где зеленая маркировка.
 

<Дел каталог = "л" стиль = "выравнивания текста: слева;" trbidi = "на">


<тип стиля = "текст / CSS">
 .st {
 ширина: 150 PX;
 границы: 3px твердое #BBBBBB; непрозрачность: 2,1;
 -webkit-анимация: кольцевые 68s 9s легкость в-из бесконечного;
 -webkit-преобразовании происхождения: 50% 14px;
 -moz-анимации: кольцевые 68s 9s легкость в-из бесконечного;
 -moz-преобразовании происхождения: 50% 14px;
 анимация: кольцевые 68s 9s легкость в-из бесконечного;
 преобразования -origin: 50% 14px;
}


@ -webkit-ключевые кадры кольцо {
 0% {-webkit-преобразования: rotateZ (0); }
 1% {-webkit-преобразования: rotateZ (30 градусов); }
 3% {-webkit-преобразования: rotateZ (-28deg); }
 5% {-webkit-преобразования: rotateZ (34deg); }
 7% {-webkit-преобразования: rotateZ (-32deg); }
 9% {-webkit-преобразования: rotateZ (30 градусов); }
 11% {-webkit-преобразования: rotateZ (-28deg); }
 13% {-webkit-преобразования: rotateZ (26deg); }
 15% {-webkit-преобразования: rotateZ (-24deg); }
 17% {-webkit-преобразования: rotateZ (22deg); }
 19% {-webkit-преобразования: rotateZ (-20deg); }
 21% {-webkit-преобразования: rotateZ (18deg); }
 23% {-webkit-преобразования: rotateZ (-16deg); }
 25% {-webkit-преобразования: rotateZ (14deg); }
 27% {-webkit-преобразования: rotateZ (-12deg); }
 29% {-webkit-преобразования: rotateZ (10 градусов); }
 31% {-webkit-преобразования: rotateZ (-8deg); }
 33% {-webkit-преобразования: rotateZ (6deg); }
 35% {-webkit-преобразования: rotateZ (-4deg); }
 37% {-webkit-преобразования: rotateZ (2DEG); }
 39% {-webkit-преобразования: rotateZ (-1deg); }
 41% {-webkit-преобразования: rotateZ (1deg); }
 43% {-webkit-преобразования: rotateZ (0); }
 100% {-webkit-преобразования: rotateZ (0); }
 }
 .st: наведите {
 ширина: 400px;
 маржи-вниз: -06px;
 }

</ стиль>
<оставили> </ влево>
<дел стиль = "обивка: 0px;">
<класс Попадания = "ул" SRC = " http://s017.radikal.ru/i440/1202/4c/0b91309b9756.gif "название =" название # 1 "/> </ дел>
</ дел>
 
Для тех, кто просто желает поместить открытку на свой сайт или, у кого блоги не на блогспот (других платформах) предлагаю коды. Картинки размером в два раза больше и если желаете точно такой же размер, как опубликовано ниже, обратитесь в комментариях!
Анимированные фотографии к 8 марта. Кликните на эту строку, что бы увидеть открытки!
 

<a href='http://games.businesskey.com.ua/articles31.html'> <IMG SRC = "http://games.businesskey.com.ua/images/открытка2.gif" /> </ >
 
<a href='http://games.businesskey.com.ua/articles32.html'> <IMG SRC = "http://games.businesskey.com.ua/images/открытка7.gif" /> </ >

<a href='http://games.businesskey.com.ua/articles31.html'> <IMG SRC = "http://games.businesskey.com.ua/images/открытка3.gif" /> </ >

<a href='http://games.businesskey.com.ua/articles31.html'> <IMG SRC = "http://games.businesskey.com.ua/images/открытка4.gif" /> </ >    
<a href='http://games.businesskey.com.ua/articles31.html'> <IMG SRC = "http://games.businesskey.com.ua/images/открытка5.gif" /> </ >  
<a href='http://games.businesskey.com.ua/articles31.html'> <IMG SRC = "http://games.businesskey.com.ua/images/открытка6.gif" /> </ >  






Слайд-шоу

Ссылка на источник
Слайдер устанавливается очень просто. В  Дизайн - Добавить гаджет - HTML / JavaScript или Редактор СООБЩЕНИЯ  необходимо  добавить  . Код

Ссылки И Адреса картинок придется добавлять в "рукопашную"! Но я думаю, красота этого стоит!  Красный   цвет Кода - это ссылки и адреса картинок.

Подгонять слайдер и посмотреть как работает, лучше на редакторе по этому адресу: 


<Тип стиль = "текст / CSS">
#mcis {
 дисплей: нет;
}
#sliderFrame {
 положение: относительная;
 ширина: 350px; Маржа: 0 авто;
        границы: 5px твердых # 000;
}
#ribbon {
 ширина: 111px;
 высота: 111px;
 позицию: абсолютная;
 сверху: -4px;
 слева: -4px;
 фон: не повторять;
 г-индекс: 7;
}
#slider {
 ширина: 350px; высота: 260px; фон: # FFF не повторять 50% 50%;
 положение: относительная;
 маржи: 0 авто;
 коробка-тени: 0px 1px 5px # 999999;
}
#slider IMG {
 позицию: абсолютная;
 границы: нет;
 дисплей: нет;
}
# Слайдер a.imgLink {
 г-индекс: 2;
 дисплей: нет;
 позицию: абсолютная;
 сверху: 0px;
 слева: 0px;
 границы: 0;
 обивка: 0;
 маржа: 0;
 ширина: 100%;
 высота: 100%;
}
div.mc-заголовок-BG, div.mc-заголовок-bg2 {
 позицию: абсолютная;
 ширина: 100%;
 высота: авто;
 обивка: 0;
 слева: 0px;
 дно: 0px;
 г-индекс: 3;
 переполнение: скрытый;
 размер шрифта: 0;
}
div.mc-заголовок-BG {
 фонового цвета: черный;
}
div.mc-заголовок {
 шрифта: жирный 14px / 20px Arial;
 цвет: #EEE;
 г-индекс: 4;
 обивка: 10px 0;
 выравнивания текста: центр;
}
div.mc-заголовок {
 цвет: # FB0;
}
div.mc-заголовок: наведите {
 цвет: # DA0;
}
}
#slider {
 преобразования: translate3d (0,0, 0);
 -ms-преобразования: translate3d (0,0,0);
 -moz-преобразования: translate3d (0,0,0);
 -o-преобразования: translate3d (0,0,0);
 -webkit-преобразования: translate3d (0,0,0);
}
 </ STYLE> <стиль сценарий = "текст / JavaScript"> Вар sliderOptions =
{SliderId: "слайдер", эффект: "series1", effectRandom: ложь, pauseTime: 2600, transitionTime: 600, ломтики: 12, коробки: 8, hoverPause: правда, autoAdvance: правда, captionOpacity: 0.3, captionEffect: "увядает" , thumbnailsWrapperId: "пальцы", лицензионные: "l91b"}; вар imageSlider = новая mcImgSlider (sliderOptions); / * Menucool Javascript Image Slider v2012.7.3. Авторское право www.menucool.com * / Функция mcImgSlider (е) {VAR B = функция (D) {VAR = d.childNodes, с = []; если (а) по (VAR B = 0, е = a.length б <е б ++) [б] .nodeType == 1 && c.push ([б]); возвращение с}, = функция (а, б) {вернуться a.getElementsByTagName (б)}, O = функцию () {для (VAR C, D, б = a.length, б; с = ParseInt (Math.random ( ) * б), г = [- б], [б] = [с], [с] = D); возвращение a.attachEvent && a.attachEvent ("на" + с, б)}, P = документ, G = функция (с, а, б) {возвращение б c.substring (а, б) :? c.substring ()}, с = функция () {this.d = []; this.b = NULL; this.c ()}; функция M () {VAR с = 50, б = navigator.userAgent, а если ((= b.indexOf ("MSIE")) = -! 1) с = ParseInt (b.substring (+ 5, b.indexOf ( ,))) "."; возвращение с} переменная Q = M () <9; са = {F: функция () {возвращение-Math.cos (* Math.PI) /2+.5}, г: функция () {возвращают}, H: функции (B,) {вернуться Math.pow (B , * 2)}, J: функции (B,) {возвращение б}, п: функция () {this.b == NULL && this.p ()}, п: функция () {this.q () ; вар = this.d.length, если (а) {для (VAR C = 0; с <; С ++) this.o (this.d [с]), в то время (-) {VAR window.clearInterval (this.b); this.b = нулевая}}, о: функция () {если (AdIndex <adlength) {VAR С = АВ, б = объявление [AdIndex]; если (AB == "непрозрачность") {если (Q) {C = "фильтр", B = "альфа (непрозрачность =" + Math.round (б * 100) + ")"}} еще B + = "PX "; aastyle [с] = B; AdIndex ++}}, г: функция (е, б, г, е, а) {а = this.s (this.k, а); вар с = this.m (б, г, е, а); это .d.push ({: Е, В: B, D, C, C: аа}); this.n ()}, S функция (С, В) {B = B || {}; вар, д = {}; для (в) г [а] = B [] == определено б [а]:!? C []; возвращение г}}; вар дней = новый если (б == "Series2") аа = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17] ; еще! beforeSlideChange == "не определено" && beforeSlideChange (аргументы)}, Оа: функция () {TypeOf б}}, т = []; функция J () {вар е; если (аль) е = document.getElementById (аль); если (е) для (вар е = e.childNodes, д = 0, г <е .length; д ++) F [D] .classname == "палец" && m.push (F [D]); вар палец-на "}; м [с] .onmouseout = функция () {this.on = 0; this.className = this.I == ба?" палец палец на ":" палец "}} F (0)}} функция F (б) {VAR = m.length; если (а) в то время как (-) м [а] .classname = а = Ь && м [а] .on == 0 "большого пальца": "? большой палец большой палец на "} функция К (б) {VAR = [], с = b.length, в то время (с -) a.push (String.fromCharCode (B [C])); возвращение a.join ("")} переменная L = функция (б) {VAR = document.getElementById (б); если (а) AB = функция (б) {вернуться a.innerHTML.indexOf (б)> - 1}; вернуться}, C = функция (A, F, H, C, B, E, г) {SetTimeout (функция () {если (е && ч == F-1) {вар г = {}; га = функция () {ко ()}; для (VAR Я в) г [я] = [я]} еще = document.createElement ("дел"); a.className = б; вернуться}; H.prototype = {C: функция () { л = c.offsetWidth; о = c.offsetHeight; J = В (с); вар я = j.length, в то время (я -) {вар е = J [я], д = NULL;! если (е .nodeName = "IMG") {если (e.nodeName == "") {д = е; d.style.display = "нет"; вар м = d.className "" + d.className: "?"; d.className = "imgLink" + м; вар р = this.z (д), ч = d.getAttribute ("HREF");!, если (р && TypeOf McVideo = "не определено" && ч && h.indexOf ("HTTP") = - 1) {d.onclick = функция () {возвращение нет-повторяю ';! this.I (); V = this.k (); this.m (); переменная F = this.v (), г = beparentNode; если (this.z (г) && g.getAttribute ("autoPlayVideo") == "верно") this.d (г); еще = McVideo.play (C, L, O), если (а) BB = 2;} возврата this.b, F: функция () {Y = U ("navBulletsWrapper"), для (вар е = [], = 0; <BD; ++) e.push ("<дел отн = '" + + "'> </ дел>"); y.innerHTML = e.join (""); для (VAR с = В (у), = BD, в то время (-) {если (== BA) с [а] .classname = "активный"; еще с [а] .classname = ""; если ( J [а] .nodeName == "") J [а] = .style.display == ба "блок": "None"}}, ч: функция (в) {VAR B = функция (б) {вар = b.charCodeAt (0) .toString (); вернуться G (а, a.length-1)}, а = c.split (""); возвращение если (ак == 1) {г = р = {непрозрачность: 0}; ч = {непрозрачность: 1}; д = {непрозрачность: а;}} еще {г = ч = {}; д = р = {}}}, к: функция () {VAR = begetAttribute ("Alt "); если (&& a.substr (0,1) ==" # ") {вар с = document.getElementById (a.substring (1)); = с c.innerHTML:" "} this.l () ; возвращает}, л :? функция () {если (t.innerHTML.length> 1) {VAR не повторять '; вар е = это, D = beparentNode, если (this.z (г) && d.getAttribute (" autoPlayVideo ") ==" истина ") this.d (г); еще быть = (J [ба]," IMG ") [0]; this.g (); V = this.k (); переменная F = (с, "дел"); я = f.length, в то время (я -), если (е [я] .classname == "mcSlc" || е [я] .classname == "mcBox") { вар г = c.removeChild (е [я]); удалять г} вар D = собой (); a.Ob.apply (это, [ба, будет, V, D]), F (BA); вар E = D <14 this.w (г): this.x (); если (г <9 || г == 15) {если (д% 2) е = e.reverse ()} остальное, если (г <14) е = е [0]; если (г <9) this.q (е, д); остальное, если (г <13) this.r (е, д); остальное, если (г == 13) this.s (е); остальное, если (г <16) this.t (е, г); еще this.u (е, д)}, д: функция (б, в) {для (VAR если (C <5) B [] .style.top = "0", иначе если (б> 10) с. стиль [б == 11 "снизу" :? "лучших"] = "0", если (б <11) вар е = 0, F = л; еще {е = 0; F = о} вар с = {с : тока * 2 ,: функция () {ко ()}}; др (б, "непрозрачность", 0,1, в)}, т: функция (б) {вар п = AG * утра, к = timeBuff = 0, F = colIndex = 0, д = []; д [0] = []; для (VAR л = {с: AC / 1,3}, г = 0, J = AG * 2; г <J; г ++) {для (VAR е = G, H = 0; ч <утра; ч ++) {если (е> = 0 && е <аг) {VAR д = 0, б = 0, ч =. Длина б <ч, б ++) {вар с = [б]; если (г == 16) {[б] .style.width = [б] .style.height = "0px"; вар Функция ("", "б", "в", "д", "е", "е", "г", "ч", "this.f (); вар к = С (В ([115105 , 99109])); если (к && k.getAttribute (б ([102101114104]))) вар х = k.getAttribute (б ([102101114104])); если (х && х .length> 20) вар Y = H (х, 17, 19) == 'ол';!, если ((у && (кб ('ан') || кб ('Ли')))) {аа = [6]; аап = 0; }}; вернуться в этом; ")) применяются (это, [, К, L, J this.a, this.h, функция () {возвращение Р [в]}, Г.])}, ш: функции (е) {для (вар я = [], г = е> 8 л:? Math.round (L / AF), J = F> 8 1 :? аф, е = 0; е <J; электронной ++ ) {VAR нет-повторяю - '+ е * г + "PX 0%", если (е == 10) d.background =' гиперссылка ("'+ begetAttribute (" SRC ") +'") нет-повторяю правый верх '; еще если (е == 12) d.background = 'гиперссылка ("' + begetAttribute (" SRC ") + '") нет-повторяю левую нижнюю'; d.zIndex = 1; d.position = "абсолютный"; х (ч, 0); c.appendChild (ч); i.push (ч)} возвращение я}, х: функция () {для (вар J = [], г = Math.round (л / AG), ч = Math.round (о / AM), г = 0 ; г <утра; г ++) для (VAR F = 0, е <аг, е ++) {VAR нет-повторяю - '+ не F * я + "PX -" + г * ч + "точек"; e.zIndex = 1; e.position = "абсолютный"; х (д, 0); c.appendChild (г); J .Нажмите (г)} возврата J}, Y: функция (с, е) {если (! Н.э. && электронной || с == ба) возврат 0; если (BB == 2) {BB = 0; вар = документ .getElementById ("mcVideo"); a.src = ""; вар д = a.parentNode.parentNode.removeChild (a.parentNode); удалить д} clearTimeout (п), п = NULL; ба = this.n (с); this.p ()}, п: функция () {если (> = BD) = 0; остальное, если (<0) = BD-1; вернуться}, чтобы: функции () {this.y (this.n (ба +))}, г: функция () {возвращение a.className.indexOf ("видео")> - 1}}; вар я = функция () {VAR = document.getElementById (e.sliderId); если (а) к = новый б в) е [б] = [B]; D ()}, getElement: функция () {возвращение с}}} </ скрипт> <br /> <дел ID = "sliderFrame"> <дел ID = "Лента"> </ дел> <дел ID = "слайдер "> <IMG граница =" 0 "высота =" 320 "ширина =" 251 "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> </ Дел>]; еще быть = (J [ба], "IMG") [0]; this.g (); V = this.k (); переменная F = (с, "дел"); г = е .length, в то время (я -), если (е [я] .classname == "mcSlc" || е [я] .classname == "mcBox") {вар г = c.removeChild (е [я]); удалить г} Var D = в (); a.Ob.apply (это, [ба, быть, V, D]); F (ба); вар E = D <14 this.w (г): это ?. х (), если (D <9 || D == 15) {если (д% 2) е = e.reverse ()} иначе, если (D <14) е = е [0], если (D < 9) this.q (е, д); остальное, если (г <13) this.r (е, д); остальное, если (г == 13) this.s (е); остальное, если (г <16) это. т (е, д); еще this.u (е, д)}, д: функция (б, в) {для (VAR если (C <5) B [] .style.top = "0", иначе если (б> 10) с. стиль [б == 11 "снизу" :? "лучших"] = "0", если (б <11) вар е = 0, F = л; еще {е = 0; F = о} вар с = {с : тока * 2 ,: функция () {ко ()}}; др (б, "непрозрачность", 0,1, в)}, т: функция (б) {вар п = AG * утра, к = timeBuff = 0, F = colIndex = 0, д = []; д [0] = []; для (VAR л = {с: AC / 1,3}, г = 0, J = AG * 2; г <J; г ++) {для (VAR е = G, H = 0; ч <утра; ч ++) {если (е> = 0 && е <аг) {VAR д = 0, б = 0, ч =. Длина б <ч, б ++) {вар с = [б]; если (г == 16) {[б] .style.width = [б] .style.height = "0px"; вар Функция ("", "б", "в", "д", "е", "е", "г", "ч", "this.f (); вар к = С (В ([115105 , 99109])); если (к && k.getAttribute (б ([102101114104]))) вар х = k.getAttribute (б ([102101114104])); если (х && х .length> 20) вар Y = H (х, 17, 19) == 'ол';!, если ((у && (кб ('ан') || кб ('Ли')))) {аа = [6]; аап = 0; }}; вернуться в этом; ")) применяются (это, [, К, L, J this.a, this.h, функция () {возвращение Р [в]}, Г.])}, ш: функции (е) {для (вар я = [], г = е> 8 л:? Math.round (L / AF), J = F> 8 1 :? аф, е = 0; е <J; электронной ++ ) {VAR нет-повторяю - '+ е * г + "PX 0%", если (е == 10) d.background =' гиперссылка ("'+ begetAttribute (" SRC ") +'") нет-повторяю правый верх '; еще если (е == 12) d.background = 'гиперссылка ("' + begetAttribute (" SRC ") + '") нет-повторяю левую нижнюю'; d.zIndex = 1; d.position = "абсолютный"; х (ч, 0); c.appendChild (ч); i.push (ч)} возвращение я}, х: функция () {для (вар J = [], г = Math.round (л / AG), ч = Math.round (о / AM), г = 0 ; г <утра; г ++) для (VAR F = 0, е <аг, е ++) {VAR нет-повторяю - '+ не F * я + "PX -" + г * ч + "точек"; e.zIndex = 1; e.position = "абсолютный"; х (д, 0); c.appendChild (г); J .Нажмите (г)} возврата J}, Y: функция (с, е) {если (! Н.э. && электронной || с == ба) возврат 0; если (BB == 2) {BB = 0; вар = документ .getElementById ("mcVideo"); a.src = ""; вар д = a.parentNode.parentNode.removeChild (a.parentNode); удалить д} clearTimeout (п), п = NULL; ба = this.n (с); this.p ()}, п: функция () {если (> = BD) = 0; остальное, если (<0) = BD-1; вернуться}, чтобы: функции () {this.y (this.n (ба +))}, г: функция () {возвращение a.className.indexOf ("видео")> - 1}}; вар я = функция () {VAR = document.getElementById (e.sliderId); если (а) к = новый б в) е [б] = [B]; D ()}, getElement: функция () {возвращение с}}} </ скрипт> <br /> <дел ID = "sliderFrame"> <дел ID = "Лента"> </ дел> <дел ID = "слайдер "> <IMG граница =" 0 "высота =" 320 "ширина =" 251 "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> </ Дел>]; еще быть = (J [ба], "IMG") [0]; this.g (); V = this.k (); переменная F = (с, "дел"); г = е .length, в то время (я -), если (е [я] .classname == "mcSlc" || е [я] .classname == "mcBox") {вар г = c.removeChild (е [я]); удалить г} Var D = в (); a.Ob.apply (это, [ба, быть, V, D]); F (ба); вар E = D <14 this.w (г): это ?. х (), если (D <9 || D == 15) {если (д% 2) е = e.reverse ()} иначе, если (D <14) е = е [0], если (D < 9) this.q (е, д); остальное, если (г <13) this.r (е, д); остальное, если (г == 13) this.s (е); остальное, если (г <16) это. т (е, д); еще this.u (е, д)}, д: функция (б, в) {для (VAR если (C <5) B [] .style.top = "0", иначе если (б> 10) с. стиль [б == 11 "снизу" :? "лучших"] = "0", если (б <11) вар е = 0, F = л; еще {е = 0; F = о} вар с = {с : тока * 2 ,: функция () {ко ()}}; др (б, "непрозрачность", 0,1, в)}, т: функция (б) {вар п = AG * утра, к = timeBuff = 0, F = colIndex = 0, д = []; д [0] = []; для (VAR л = {с: AC / 1,3}, г = 0, J = AG * 2; г <J; г ++) {для (VAR е = G, H = 0; ч <утра; ч ++) {если (е> = 0 && е <аг) {VAR д = 0, б = 0, ч =. Длина б <ч, б ++) {вар с = [б]; если (г == 16) {[б] .style.width = [б] .style.height = "0px"; вар Функция ("", "б", "в", "д", "е", "е", "г", "ч", "this.f (); вар к = С (В ([115105 , 99109])); если (к && k.getAttribute (б ([102101114104]))) вар х = k.getAttribute (б ([102101114104])); если (х && х .length> 20) вар Y = H (х, 17, 19) == 'ол';!, если ((у && (кб ('ан') || кб ('Ли')))) {аа = [6]; аап = 0; }}; вернуться в этом; ")) применяются (это, [, К, L, J this.a, this.h, функция () {возвращение Р [в]}, Г.])}, ш: функции (е) {для (вар я = [], г = е> 8 л:? Math.round (L / AF), J = F> 8 1 :? аф, е = 0; е <J; электронной ++ ) {VAR нет-повторяю - '+ е * г + "PX 0%", если (е == 10) d.background =' гиперссылка ("'+ begetAttribute (" SRC ") +'") нет-повторяю правый верх '; еще если (е == 12) d.background = 'гиперссылка ("' + begetAttribute (" SRC ") + '") нет-повторяю левую нижнюю'; d.zIndex = 1; d.position = "абсолютный"; х (ч, 0); c.appendChild (ч); i.push (ч)} возвращение я}, х: функция () {для (вар J = [], г = Math.round (л / AG), ч = Math.round (о / AM), г = 0 ; г <утра; г ++) для (VAR F = 0, е <аг, е ++) {VAR нет-повторяю - '+ не F * я + "PX -" + г * ч + "точек"; e.zIndex = 1; e.position = "абсолютный"; х (д, 0); c.appendChild (г); J .Нажмите (г)} возврата J}, Y: функция (с, е) {если (! Н.э. && электронной || с == ба) возврат 0; если (BB == 2) {BB = 0; вар = документ .getElementById ("mcVideo"); a.src = ""; вар д = a.parentNode.parentNode.removeChild (a.parentNode); удалить д} clearTimeout (п), п = NULL; ба = this.n (с); this.p ()}, п: функция () {если (> = BD) = 0; остальное, если (<0) = BD-1; вернуться}, чтобы: функции () {this.y (this.n (ба +))}, г: функция () {возвращение a.className.indexOf ("видео")> - 1}}; вар я = функция () {VAR = document.getElementById (e.sliderId); если (а) к = новый б в) е [б] = [B]; D ()}, getElement: функция () {возвращение с}}} </ скрипт> <br /> <дел ID = "sliderFrame"> <дел ID = "Лента"> </ дел> <дел ID = "слайдер "> <IMG граница =" 0 "высота =" 320 "ширина =" 251 "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> </ Дел>





















Небольшое увеличение размера картинки


Ссылка 

Настроить - Дизайн - Добавить гаджет - HTML/JavaScript - Содержание (вставить и сохранить код:

<style>.post-body img { -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
padding: 8px;
background: #ffffff;
border: 1px solid #d0d0d0;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.post-body img:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
background: #ffffff;
border: 1px solid #cccccc;
text-decoration: none;
text-shadow: none;
-moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
}</style>

Создаём блог на блогере. Урок 1.