8.18.2017

Печатающийся текст в окне







HTML код печатающегося текста:

<center>
<span style="color: #20ffff;"><h3>
<center>
</center>
</h3>
</span>
<html>
<body alink="#ff0000" bgcolor="#923947" link="#0000ff" onload="textticker()" text="#000000" vlink="#800080">
<script language="JavaScript">
      <!-- begin
      var max=0;
      function textlist()
      {
      max=textlist.arguments.length;
      for (i=0; i<max; i++)
      this[i]=textlist.arguments[i];
      }
      tl=new textlist
      (
       "Четыре копыта, подковы несущие",   
       "Мягкие губы, сахар берущие",
       "Глаза лошадиные в душу заглянут",
       "От глаз лошадиных печали увянут.Вдовина В."
      );
      var x=0; pos=0;
      var l=tl[0].length;
      function textticker()
      {
        document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
        if(pos++==l) { pos=0; setTimeout("textticker()",1000); x++;
        if(x==max) x=0; l=tl[x].length; } else
        setTimeout("textticker()",50);
      }
      // end -->
      </script>
<form name="tickform">
  <input name="tickfield" size="40" /><br />
</form>
</body>
</html>
</center>


 Источник: www.javascriptt.ru


Заменяем в коде текст на свой, имея в виду при этом, что длина окна ограничена, и текст следует заносить построчно.

   

HTML код рамки:

Рамка детская с лягушонком


содержимое рамки 1



HTML код этой рамки:

<table width="600" height="82" style="border:0px none #000000;background-image:url(http://lili-lilya2009.narod.ru/kartinki/zhulan/1/ramka_s_ljagushonkom_verkh.png)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки 1</span></td></tr></table>
<table width="600" style="border:0px none #000000;background-image:url(http://lili-lilya2009.narod.ru/kartinki/zhulan/1/ramka_s_ljagushonkom_seredina.png)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки 2</span></td></tr></table>
<table width="600" height="170" style="border:0px none #000000;background-image:url(http://lili-lilya2009.narod.ru/kartinki/zhulan/1/ramka_s_ljagushonkom_niz.png)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки 3</span></td></tr></table>










содержимое рамки 3



 
.
   Для удобства размещения содержимого в рамке, чтобы текст читался, есть, как минимум, два варианта:
  • вместо слов "содержимое рамки..." первой разместить таблицу в 2 графы, шириной не больше ширины всей этой рамки (в данном случае до 600 px). При создании таблицы ширину правой ячейки, которая будет находится на зеленом фоне) установить не более  ширины зеленого фона (в данном случае до 340 px). И дальше в этой ячейке размещать содержимое (так сделано в этом примере);
  • вместо слов "содержимое рамки..." разместить полупрозрачный фон шириной равной ширине всей этой рамки (600 px).
   Внимание: при размещении содержимого (контента) в любой "сложной" рамке - как в данном примере трехуровневой или, как еще называют, трехслойной - следует следить за соблюдением размеров частей рамки, не допуская искажений. В разных браузерах картина может быть разной.

 

8.16.2017

Онлайн генератор линеек отсчета времени и надписей



ОНЛАЙН ГЕНЕРАТОР  X-Lines.ru




 

   Такие симпатичные линейки отсчета времени до какого-то события или после можно сделать в этом онлайн генераторе.


Кроме того, здесь можно сделать надписи разным шрифтом и глиттер надписи.


 



HTML код рамки:

Рамка розовая с отделкой - браслет


содержимое рамки 1



содержимое рамки 2

Ниже см. HTML код этой рамки. 
Заменив адреса на фоновые картинки, размеры рамок (их 3 для создания этой рамки) и др. значения, получим другого вида рамку.
Размеры верхней и нижней рамок ограничены. При внесении в них содержимого не допускать искажения. 
содержимое рамки 3

8.05.2017

Коллекции фоновых картинок

< ЗДЕСЬ можно скачать яркие фоновые картинки. Слева выбор картинки - обзор на весь экран. Затем подводим курсор вправо вверх, появляется кнопка для скачивания. 
ЗДЕСЬ >
фон меняется при наборе букв на клавиатуре, набираем в продолжение фразы в центре "start typing...". Выбираем понравившийся фон и сохраняем (save pattern... - внизу) на компьютер.
Related Posts Plugin for WordPress, Blogger...