тест

вторник, 11 февраля 2014 г.

Маленькому пианисту

Б.Милич Маленькому пианисту. Делала более удобными для распечатки сканы книги, которая в свободном доступе в инете. Кому надо, берите.

Дальше »

понедельник, 10 февраля 2014 г.

Как сделать кнопку вверх-вниз в блоггере

Вот увидела красивую кнопочку, а главное - функциональную! Пишу тут в основном для себя, чтоб не забыть, но если кому пригодится, то еще лучше!

Для ее установки нужно нажать на кнопку в правом углу экрана Настроить. Далее выбираем шаблон. Делаем резервное копирование (вдруг что-то удалим или неправильно поставим, сможем все исправить). Затем нажимаем на Изменить шаблон. Далее ставим курсор в поле кода и нажимаем комбинацию клавишь контр+F. В правом уголке фомы кода выходит меню поиска. Нужно ввести

]]></b:skin>

Затем нажимаем энтр.

Находим в коде выделение и ПЕРЕД ним вставляем этот код:

/* Up and Down Buttons with jQuery

----------------------------------------------- */

.button_up{

padding:7px; /* Distance between the border and the icon */

background-color:white;

border:1px solid #CCC; /* Border Color */

position:fixed;

background: whiteurl(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhHluuCus7HFSjn-RIeDyUAoq59dSyxnci2yKJHR22O7SDnpjTNlId8n9vJY7CVQbVXsINJyMkzGL4Z1Kb33WZJEnb1Zq7v1TE9WZw3I0emvWL2JM4L9jVDnLaMnISQaU2Q07nfTmZ10I/s16/arrow_up.png) no-repeat top left;

background-position:50% 50%;

width:20px; /* Button's width */

height:20px; /* Button's height */

bottom:280px; /* Distance from the bottom */

right:5px; /* Change right to left if you want the buttons on the left */

white-space:nowrap;

cursor: pointer;

border-radius: 3px 3px 3px 3px;

opacity:0.7;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

.button_down{

padding:7px; /* Distance between the border and the icon */

background-color:white;

border:1px solid #CCC; /* Border Color */

position:fixed;

background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii65BPavXowUGJI8DqLa8cGPBOYxmV6F_Uio4lwXGxiO0KJLLB__wFH5HwnpL75PXFb6La9BAqdPsxENqx7KJHaW-vx4yQNc6QVXiw7YCY6RV_Y7jI9Yby9k7cnhUTy24BDi1XTNo2WJY/s16/arrow_down.png) no-repeat top left;

background-position:50% 50%;

width:20px; /* Button's width */

height:20px; /* Button's height */

bottom:242px; /* Distance from the bottom */

right:5px; /* Change right to left if you want the buttons on the left */

white-space:nowrap;

cursor: pointer;

border-radius: 3px 3px 3px 3px;

opacity:0.7;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

Затем тем же способом ищем в коде

</body>

и ПЕРЕД ним вставим

//<![CDATA[

$(function() {

var $elem = $('body');

$('#button_up').fadeIn('slow');

$('#button_down').fadeIn('slow');

$(window).bind('scrollstart', function(){

$('#button_up,#button_down').stop().animate({'opacity':'0.2'});

});

$(window).bind('scrollstop', function(){

$('#button_up,#button_down').stop().animate({'opacity':'1'});

});

$('#button_down').click(

function (e) {

$('html, body').animate({scrollTop: $elem.height()}, 800);

} );

$('#button_up').click(

function (e) {

$('html, body').animate({scrollTop: '0px'}, 800);

} );});

//]]>

</script>

Потом нажимаем на Сохранить шаблон и Просмотреть блог.

Вот и все!

Комментарии для блога

Вот узнала, что мои читатели, чтобы оставить комментарий должны вводить коды и тд. Поменяла на другую форму, но теперь мне не удобно, тк надо кроме того, чтобы зайти в блог еще и регистрироваться на дополнительной службе, фу! Да еще и мыло от комментаторов требуется. Может просто я так установила, хотя хотела все по простому.

Вот хочу поэксперементировать с этим видом. Пишу себе как памятка.

Нужно сделать резервную копию шаблона (здесь уже писала подробней

http://www65.jimdo.com/app/sce6d9e7b64fe730d/p29c97d68c74a8828/ )

Заходим и регистрируемся на сайте http://disqus.com/ .Выбираем русский язык, выбираем блоггер. Можно зайти в параметры, блог, настройки, комментарии и посмотреть стоит ли там галочка комментировать всем. Заходим обратно на сайт и нажимаем

Add site "твой блог" to Blogger. Добавить гаджет.

Виджеты на определенной странице

отображать виджеты в Blogger на определённой странице. Я не совсем еще поняла, не получается. Вот на будущее, разберусь.

Только на внутренних страницах:

<b:if cond='data:blog.pageType == "item"'>

содержимое виджета/код

</b:if>

Только на статических страницах:

<b:if cond='data:blog.pageType == "static_page"'>

содержимое виджета/код

</b:if>

Только на архивных страницах:

<b:if cond='data:blog.pageType == "archive"'>

содержимое виджета/код

</b:if>

Только на главной (домашней) странице:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

содержимое виджета/код

</b:if>

Только на страницах ярлыков/тегов (labels):

<b:if cond='data:blog.searchLabel'>

содержимое вижета/код

</b:if>

На определённой странице:

<b:if cond='data:blog.url == "url_страницы"'>

содержимое виджета/код

</b:if>

Дополнительное условие:

"!=" - означающее кроме.

Например, показывать на всех страницах, кроме указанной:

<b:if cond='data:blog.url != "url_страницы"'>

содержимое виджета/код

</b:if>

Или показывать виджет везде, кроме главной:

<b:if cond='data:blog.url != data:blog.homepageUrl'>

содержимое виджета/код

</b:if>

сделать так, чтобы виджет отображался на странице с определенным ярлыком

код html/javascript виджета (HTML7)

<b:widget id='HTML7' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.searchLabel == "сервисы"'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

</b:if>

</b:includable>

</b:widget>

Где в строке:

<b:if cond='data:blog.searchLabel == "сервисы"'> сервисы - это ярлык в вашем блоге.

Результат - данный виджет отображается только на страницах, принадлежащих тегу(ярлыку)сервисы.

Следовательно:

<b:if cond='data:blog.searchLabel == "название_ярлыка"'>содержимое виджета/код</b:if> позволяет отображать виджет на заданном ярлыке.

b:if cond='data:blog.searchLabel == "сервисы"' - это к сожалению не подходит. тут показывается виджет на странице ярлыка а не на странице самого поста. (взято здесь - http://blogger.omg-linux.ru/2011/11/widgets-in-custom-place-of-blogger.html )

Код для галереи

/*!

* jQuery Cycle Lite Plugin

* http://malsup.com/jquery/cycle/lite/

* Version: 1.7 (20-FEB-2013)

* Dual licensed under the MIT and GPL licenses:

* http://www.opensource.org/licenses/mit-license.php

* http://www.gnu.org/licenses/gpl.html

* Requires: jQuery v1.3.2 or later

;(function($) {

"use strict";

var ver = 'Lite-1.7';

var msie = /MSIE/.test(navigator.userAgent);

$.fn.cycle = function(options) {

return this.each(function() {

options = options || {};

if (this.cycleTimeout)

clearTimeout(this.cycleTimeout);

this.cycleTimeout = 0;

this.cyclePause = 0;

var $cont = $(this);

var $slides = options.slideExpr ? $(options.slideExpr, this) : $cont.children();

var els = $slides.get();

if (els.length < 2) {

if (window.console)

console.log('terminating; too few slides: ' + els.length);

return; // don't bother

}

// support metadata plugin (v1.0 and v2.0)

var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});

var meta = $.isFunction($cont.data) ? $cont.data(opts.metaAttr) : null;

if (meta)

opts = $.extend(opts, meta);

opts.before = opts.before ? [opts.before] : [];

opts.after = opts.after ? [opts.after] : [];

opts.after.unshift(function(){ opts.busy=0; });

// allow shorthand overrides of width, height and timeout

var cls = this.className;

opts.width = parseInt((cls.match(/w:(\d+)/)||[])[1], 10) || opts.width;

opts.height = parseInt((cls.match(/h:(\d+)/)||[])[1], 10) || opts.height;

opts.timeout = parseInt((cls.match(/t:(\d+)/)||[])[1], 10) || opts.timeout;

if ($cont.css('position') == 'static')

$cont.css('position', 'relative');

if (opts.width)

$cont.width(opts.width);

if (opts.height && opts.height != 'auto')

$cont.height(opts.height);

var first = 0;

$slides.css({position: 'absolute', top:0}).each(function(i) {

$(this).css('z-index', els.length-i);

});

$(els[first]).css('opacity',1).show(); // opacity bit needed to handle reinit case

if (msie)

els[first].style.removeAttribute('filter');

if (opts.fit && opts.width)

$slides.width(opts.width);

if (opts.fit && opts.height && opts.height != 'auto')

$slides.height(opts.height);

if (opts.pause)

$cont.hover(function(){this.cyclePause=1;}, function(){this.cyclePause=0;});

var txFn = $.fn.cycle.transitions[opts.fx];

if (txFn)

txFn($cont, $slides, opts);

$slides.each(function() {

var $el = $(this);

this.cycleH = (opts.fit && opts.height) ? opts.height : $el.height();

this.cycleW = (opts.fit && opts.width) ? opts.width : $el.width();

});

if (opts.cssFirst)

$($slides[first]).css(opts.cssFirst);

if (opts.timeout) {

// ensure that timeout and speed settings are sane

if (opts.speed.constructor == String)

opts.speed = {slow: 600, fast: 200}[opts.speed] || 400;

if (!opts.sync)

opts.speed = opts.speed / 2;

while((opts.timeout - opts.speed) < 250)

opts.timeout += opts.speed;

}

opts.speedIn = opts.speed;

opts.speedOut = opts.speed;

opts.slideCount = els.length;

opts.currSlide = first;

opts.nextSlide = 1;

// fire artificial events

var e0 = $slides[first];

if (opts.before.length)

opts.before[0].apply(e0, [e0, e0, opts, true]);

if (opts.after.length > 1)

opts.after[1].apply(e0, [e0, e0, opts, true]);

if (opts.click && !opts.next)

opts.next = opts.click;

if (opts.next)

$(opts.next).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?-1:1);});

if (opts.prev)

$(opts.prev).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?1:-1);});

if (opts.timeout)

this.cycleTimeout = setTimeout(function() {

go(els,opts,0,!opts.rev);

}, opts.timeout + (opts.delay||0));

});

};

function go(els, opts, manual, fwd) {

if (opts.busy)

return;

var p = els[0].parentNode, curr = els[opts.currSlide], next = els[opts.nextSlide];

if (p.cycleTimeout === 0 && !manual)

return;

if (manual || !p.cyclePause) {

if (opts.before.length)

$.each(opts.before, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });

var after = function() {

if (msie)

this.style.removeAttribute('filter');

$.each(opts.after, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });

queueNext(opts);

};

if (opts.nextSlide != opts.currSlide) {

opts.busy = 1;

$.fn.cycle.custom(curr, next, opts, after);

}

var roll = (opts.nextSlide + 1) == els.length;

opts.nextSlide = roll ? 0 : opts.nextSlide+1;

opts.currSlide = roll ? els.length-1 : opts.nextSlide-1;

} else {

queueNext(opts);

}

function queueNext(opts) {

if (opts.timeout)

p.cycleTimeout = setTimeout(function() { go(els,opts,0,!opts.rev); }, opts.timeout);

}

// advance slide forward or back

function advance(els, opts, val) {

var p = els[0].parentNode, timeout = p.cycleTimeout;

if (timeout) {

clearTimeout(timeout);

p.cycleTimeout = 0;

}

opts.nextSlide = opts.currSlide + val;

if (opts.nextSlide < 0) {

opts.nextSlide = els.length - 1;

}

else if (opts.nextSlide >= els.length) {

opts.nextSlide = 0;

}

go(els, opts, 1, val>=0);

return false;

}

$.fn.cycle.custom = function(curr, next, opts, cb) {

var $l = $(curr), $n = $(next);

$n.css(opts.cssBefore);

var fn = function() {$n.animate(opts.animIn, opts.speedIn, opts.easeIn, cb);};

$l.animate(opts.animOut, opts.speedOut, opts.easeOut, function() {

$l.css(opts.cssAfter);

if (!opts.sync)

fn();

});

if (opts.sync)

fn();

};

$.fn.cycle.transitions = {

fade: function($cont, $slides, opts) {

$slides.not(':eq(0)').hide();

opts.cssBefore = { opacity: 0, display: 'block' };

opts.cssAfter = { display: 'none' };

opts.animOut = { opacity: 0 };

opts.animIn = { opacity: 1 };

fadeout: function($cont, $slides, opts) {

opts.before.push(function(curr,next,opts,fwd) {

$(curr).css('zIndex',opts.slideCount + (fwd === true ? 1 : 0));

$(next).css('zIndex',opts.slideCount + (fwd === true ? 0 : 1));

});

$slides.not(':eq(0)').hide();

opts.cssBefore = { opacity: 1, display: 'block', zIndex: 1 };

opts.cssAfter = { display: 'none', zIndex: 0 };

opts.animOut = { opacity: 0 };

opts.animIn = { opacity: 1 };

}

};

$.fn.cycle.ver = function() { return ver; };

// @see: http://malsup.com/jquery/cycle/lite/

$.fn.cycle.defaults = {

animIn: {},

animOut: {},

fx: 'fade',

after: null,

before: null,

cssBefore: {},

cssAfter: {},

delay: 0,

fit: 0,

height: 'auto',

metaAttr: 'cycle',

next: null,

pause: false,

prev: null,

speed: 1000,

slideExpr: null,

sync: true,

timeout: 4000

};

})(jQuery);

тест

Страницы

вторник, 11 февраля 2014 г.

Маленькому пианисту

понедельник, 10 февраля 2014 г.

Как сделать кнопку вверх-вниз в блоггере

Комментарии для блога

Похожие статьи для блога

Виджеты на определенной странице

Код для галереи

Форма для связи

Страницы

вторник, 11 февраля 2014 г.

Маленькому пианисту

понедельник, 10 февраля 2014 г.

Как сделать кнопку вверх-вниз в блоггере

Комментарии для блога

Похожие статьи для блога

Виджеты на определенной странице

Код для галереи

Форма для связи

вторник, 11 февраля 2014 г.

понедельник, 10 февраля 2014 г.