суббота, 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.