Всем, доброго времени суток. Сегодня шпаргалка, как сделать в сообщении блога самопечатающийся текст. Таким образом можно оформить участок в сообщении или применить в гаджете, в качестве приветствия. Варианты есть. Вот как это будет в итоге выглядеть.
Код самопечатающегося текста.
<script type="text/javascript">
var content = " Здесь любой текст ";
function twDisplayTW() {twDisplay('tw',content,0);}
loaded('tw',twDisplayTW);
var brk = '~'; // character to use for line break
var resetTime = 0; // set to 0 to not reset or seconds to delay before reset
function twDisplay(id,content,num) {var delay = 140; if (num <= content.length) {var lt = content.substr(0,num); document.getElementById(id).innerHTML = lt.replace(RegExp(brk,'g'),'<br \/>'); num++; if (num > content.length) delay = resetTime * 1000;} else {document.getElementById(id).innerHTML = ''; num = 0;} if (delay > 0) setTimeout('twDisplay("'+id+'","'+content+'","'+num+'")',delay);} var pageLoaded = 0; window.onload = function() {pageLoaded = 1;}; function loaded(i,f) {if (document.getElementById && document.getElementById(i) != null) f(); else if (!pageLoaded) setTimeout('loaded(\''+i+'\','+f+')',100);}
</script>
<style type="text/css">
#tw {width:500px; height:260px; border: 1px solid #000; padding:5px;font-family: "courier new",courier,monospace; font-size:18px;}
</style> <div class="compute" id="tt0">
<div id="main">
<div id="tw">
</div>
</div>
</div>
var content = " Здесь любой текст ";
function twDisplayTW() {twDisplay('tw',content,0);}
loaded('tw',twDisplayTW);
var brk = '~'; // character to use for line break
var resetTime = 0; // set to 0 to not reset or seconds to delay before reset
function twDisplay(id,content,num) {var delay = 140; if (num <= content.length) {var lt = content.substr(0,num); document.getElementById(id).innerHTML = lt.replace(RegExp(brk,'g'),'<br \/>'); num++; if (num > content.length) delay = resetTime * 1000;} else {document.getElementById(id).innerHTML = ''; num = 0;} if (delay > 0) setTimeout('twDisplay("'+id+'","'+content+'","'+num+'")',delay);} var pageLoaded = 0; window.onload = function() {pageLoaded = 1;}; function loaded(i,f) {if (document.getElementById && document.getElementById(i) != null) f(); else if (!pageLoaded) setTimeout('loaded(\''+i+'\','+f+')',100);}
</script>
<style type="text/css">
#tw {width:500px; height:260px; border: 1px solid #000; padding:5px;font-family: "courier new",courier,monospace; font-size:18px;}
</style> <div class="compute" id="tt0">
<div id="main">
<div id="tw">
</div>
</div>
</div>
Текст в примере заключён в рамку. При необходимости уберите значение border: 1px solid #000; или измените. Также, размеры ширины и высоты участка текста на желаемые. И сами стили шрифта.
Устанавливается кодв режиме HTML/JavaScript в редакторе сообщений. В то место, где текст будет отображаться. Если захотите что-то сделать в таком варианте в качестве приветствия или объявления, то добавляем, как всегда гаджет HTML/JavaScript, вставляем код самопечатающегося текста, сохраняем и перетаскиваем его в нужное место блога.
Спасибо всем за внимание. Удачи и до новых встреч.
здесь можно оформить подписку на новые шпаргалки
Когда то нашел подобный код, но он не работал с длинными текстами, но этот отличается, и длина текста не имеет значения. Если понадобится, то приду за этим кодом в ваш блог)
ОтветитьУдалитьРамазан, да есть и такие коды. Они вообще не очень сложные. этот в принципе самый простой.
ОтветитьУдалитьЗдравствуйте! Во-первых, большое вам спасибо за ваши публикации) А во-вторых, позвольте вопрос не в тему. Вот у вас в сайдбаре виджеты находятся точно друг под другом. Я верно понимаю, что им задан какой-то единый размер/процент в коде? У меня проблема - не могу выровнять в своих сайдбарах содержимое по центру и уж тем более задать единый размер. Не дадите подсказку? Буду очень-очень благодарна!
ОтветитьУдалитьhttp://opuscirculare.blogspot.ru/
Sol, посмотрела Ваш блог, вроде всё нормально с гаджетами. Чтобы код выровнять по центру надо заключить в открывающийся и закрывающийся тег center здесь код /center А сам размер гаджета-от его содержимого. Ни каких процентных отношений в коде.
УдалитьУ меня по-моему только в комментариях подогнан.
Спасибо большое!) Попробую загнать гаджеты в center.
УдалитьОказалось, что все и так выравнено. Просто картинки слишком велики для заданного размера сайдбаров)
ОтветитьУдалитьДа, те же баннеры адсенс и партнёрок надо подбирать соответственно ширине сайдбара. И распологать по центру.
Удалитьспасибо
ОтветитьУдалитьздравствуйте,вставляю код,видна только рамка,текста не видно
ОтветитьУдалитьГде он у Вас. дайте ссылку на страницу. Работает код на всех блогах.
ОтветитьУдалитькод не работает уже? всё было нормально,а сейчас перестало показываться и в онлайн-редакторе тоже
ОтветитьУдалитьНу у меня же он здесь работает и в редакторе тоже.
УдалитьВика,представляешь в чём дело было,случайно нюанс обнаружила,в тексте слово было одно,заключенное в кавычки,как кавычки убрала,сразу всё нормализовалось.
УдалитьВот они и лишние символы или недастающие в коде. Здесь работа ювелирная.
ОтветитьУдалитьбольшое спасибо за шпаргалочки,на многие вопросы нахожу ответы,не всё пока получается,но учучь
Удалитьможно ли как-то увеличить скорость набора текста?
ОтветитьУдалитьИзменение resetTime * 1000
ОтветитьУдалитьспасибо большое
ОтветитьУдалитьМонетка, напишу - ка я ещё потом другой, персонально. Следи за обновлениями.
ОтветитьУдалитьобязательно слежу,спасибо большое,у меня если что и получается,то только благодаря твоим шпаргалочкам
ОтветитьУдалить