Узнайте Как Сделать Свой блог Посещаемым и Денежным!


') var scrollerinstance=this if (window.addEventListener) //run onload in DOM2 browsers window.addEventListener("load", function(){scrollerinstance.initialize()}, false) else if (window.attachEvent) //run onload in IE5.5+ window.attachEvent("onload", function(){scrollerinstance.initialize()}) else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec setTimeout(function(){scrollerinstance.initialize()}, 500) } // ------------------------------------------------------------------- // initialize()- Initialize scroller method. // -Get div objects, set initial positions, start up down animation // ------------------------------------------------------------------- pausescroller.prototype.initialize=function(){ this.tickerdiv=document.getElementById(this.tickerid) this.visiblediv=document.getElementById(this.tickerid+"1") this.hiddendiv=document.getElementById(this.tickerid+"2") this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv)) //set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2) this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px" this.getinline(this.visiblediv, this.hiddendiv) this.hiddendiv.style.visibility="visible" var scrollerinstance=this document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1} document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0} if (window.attachEvent) //Clean up loose references in IE window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null}) setTimeout(function(){scrollerinstance.animateup()}, this.delay) } // ------------------------------------------------------------------- // animateup()- Move the two inner divs of the scroller up and in sync // ------------------------------------------------------------------- pausescroller.prototype.animateup=function(){ var scrollerinstance=this if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){ this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px" this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px" setTimeout(function(){scrollerinstance.animateup()}, 50) } else{ this.getinline(this.hiddendiv, this.visiblediv) this.swapdivs() setTimeout(function(){scrollerinstance.setmessage()}, this.delay) } } // ------------------------------------------------------------------- // swapdivs()- Swap between which is the visible and which is the hidden div // ------------------------------------------------------------------- pausescroller.prototype.swapdivs=function(){ var tempcontainer=this.visiblediv this.visiblediv=this.hiddendiv this.hiddendiv=tempcontainer } pausescroller.prototype.getinline=function(div1, div2){ div1.style.top=this.visibledivtop+"px" div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px" } // ------------------------------------------------------------------- // setmessage()- Populate the hidden div with the next message before it's visible // ------------------------------------------------------------------- pausescroller.prototype.setmessage=function(){ var scrollerinstance=this if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it) setTimeout(function(){scrollerinstance.setmessage()}, 100) else{ var i=this.hiddendivpointer var ceiling=this.content.length this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1 this.hiddendiv.innerHTML=this.content[this.hiddendivpointer] this.animateup() } } pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any if (tickerobj.currentStyle) return tickerobj.currentStyle["paddingTop"] else if (window.getComputedStyle) //if DOM2 return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top") else return 0 }

понедельник, 12 декабря 2011 г.

Как спрятать длинный текст в прокрутку на Blogspot

Как спрятать длинный текст в прокрутку на BlogspotПриветствую вас друзья. Сегодня я хочу написать пост о том как можно спрятать длинный текст в прокрутку на Blogspot, так назывемый скроллинг. Это очень удобно, если у вас получился очень длинный текст, но вы хотите поместить его в рамках одного поста. Или же как делаю я, когда публикую длинный код какого-нибудь виджета. Согласитесь, не очень красиво получается, когда на всю страницу растягивается код. Да и вообще, вы можете использовать скролинг на своё усмотрение так, как считаете нужным.

И так приступим. На самом деле всё делается очень просто. Ту часть текста, которую вы хотите поместить в прокрутку вставляете в этот код:

auto; height: 100px;">
ВАШ ТЕКСТ

Выглядеть эта прокрутка будет так:
-------------------------------------------------------------------------------------------------------------
Чтобы изменить жизнь к лучшему, нужна какая-то точка отсчёта.
Пункт, из которого начинается путешествие к счастью. И этот
пункт - вы сами. А согласитесь, как можно куда-то отправиться,
если мы даже не знаем, откуда, собственно ехать надо?!
Если из детской задачки про пункты А и В убрать А, то не
решить её никакими силами.
-------------------------------------------------------------------------------------------------------------
Теперь поговорим о значениях, что можно поменять в коде:

height: 100px  это высота вашей прокрутки, её вы можете изменить на своё усмотрение.
auto  это означает, что ширина скроллинга будет выставляться автоматически под ширину вашей страници блога. Если же вы хотите сделать фиксированную ширину скроллинга, то замените это значение на width: 200px, где 200 это ширина вашего скролла (размер выставляете на своё усмотрение). И теперь наша прокрутка будет выглядеть так:
Как спрятать длинный текст в прокрутку на Blogspot
Чтобы изменить жизнь к лучшему, нужна какая-то точка отсчёта.
Пункт, из которого начинается путешествие к счастью. И этот
пункт - вы сами. А согласитесь, как можно куда-то отправиться,
если мы даже не знаем, откуда, собственно ехать надо?!
Если из детской задачки про пункты А и В убрать А, то не
решить её никакими силами.

Ну и ещё, можете выделить текст в прокрутке, нажав в редакторе Blogspota на кнопку "цитата", теперь наш скроллинг имеет такой вид:
Чтобы изменить жизнь к лучшему, нужна какая-то точка отсчёта.
Пункт, из которого начинается путешествие к счастью. И этот
пункт - вы сами. А согласитесь, как можно куда-то отправиться,
если мы даже не знаем, откуда, собственно ехать надо?!
Если из детской задачки про пункты А и В убрать А, то не
решить её никакими силами.
Ну вот друзья на сегодня и всё. Надеюсь данный пост как спрятать длинный текст в прокрутку на Blogspot, пригодится пользовтелям данной площадки. Хочу вам так же предложить почитать статью как сделать выделение цитаты в тексте на Blogspot. А я с вами прощаюсь, и как всегда желаю удачи.

Хотите получать свежие статьи?

0 коммент.:

Отправить комментарий

Как раскрутить блог
Создание эффективной страницы

Посещаемость сайта