<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

<center><table style="width: 90%">
<tr>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Четвёртый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>

</tr>
</table></center>

{{Hider|Мини Меню группы
{|
|+
|-
| [[photo-4489985_129437759|club4183489]][[New|Новости]] || [[photo-4489985_129437761|club4183489]][[Правила группы|Правила]]||[[photo-4489985_129438034|club4183489]][[Помощь]]
|-
| [[photo-4489985_129438045|club4183489]][[Реклама|]] || [[photo-4489985_129438239|club4183489]][[Акции|Конкурсы]] || [[photo-4489985_129438327|club4183489]][[Интересно|Интересное]]
|-
| || [[photo-4489985_129438315|club4183489]][[Полное меню]] ||
|}
}}

{|
|+
|-
! !!
|-
| ||
|-
|
{{Hider|Название
[[Страница1]]
}}
|
{{Hider|Название
[[Страница2]]
}}
|-
|
{{Hider|Название
[[Страница3]]
}}
|
{{Hider|Название
[[Страница4]]
}}
|-
|
{{Hider|Название
[[Страница5]]
}}
|
{{Hider|Название
[[Страница6]]
}}
|}

{{Hider|Menu
{|
|+
|-
!Раздел!! Ссылка
|-
|
{{Hider|Наименование
Описание
}}
{{Hider|Наименование
Описание
}}
{{Hider|Наименование
Описание
}}
}}
|
<br/>[[»]]<br/><br/>
[[»»]]<br/><br/>
[[»»»]]<br/><br/>
|}

{|
|-
!
! <center>[[Правила]]</center>
!
! <center>[[Новости]]</center>
!
! <center>[[Музыка]]</center>
!
! <center>[[Видео]]</center>
!
! <center>[[Фото]]</center>
!
|-
!
! <center>[[photo-4489985_128647621]]</center>
!
! <center>[[photo-4489985_128647622]]</center>
!
! <center>[[photo-4489985_128647623]]</center>
!
! <center>[[photo-4489985_128647624]]</center>
!
! <center>[[photo-4489985_128647625]]</center>
!
|}

{|
|-
|
|-
! [[Музыка]]
|-
| <center>[[Видео]] </center>
|-
! [[Фото]]
|-
{|
|-
!<center>[[photo-4489985_128643566|520x20px|Текст]]</center>
{|
|+
|-
![[Новости]]!! !! !! [[Правила]]
|}
<center>[[photo-4489985_128643566|520x20px|Текст]]</center>
|-
! [[Обсуждение]]
|-
| <center>[[Флуд]] </center>
|-
! [[Связь с Администратором]]

|}
|}

{|
|-
|
{|
|-
|
{|
|-
! [[Фото|Фото]] !! [[Видео|Видео]] !! [[Аудио|Аудио]] !! [[Игры|Игры]] !! [[Общение|Общение]] !! [[Новости|Новости]]
|-
|}
|-
|}
{|
|-
! [[ПРАВИЛА|Правила]]
|-
|}
{|
|-
! [[О группе#|О группе]]
|-
|}
{|
|-
! [[Пригласить#|Пригласить]]
|-
|}
{|
|-
! [[Мультимедиа|Добавить]]
|-
|}
{|
|-
! [[Вопросы по меню|Вопросы по меню]]
|-
|}
{|
|-
! [[Это интересно|Это интересно]]
|-
|}
|
{|
|-
|<blockquote> Эта группа посвящена любимой мне. Я такая-то такая-то, всем привет.</blockquote>
|-
|
{|
|-
|Фотография<br/>или видео компромат<br/>на лучшего в мире<br/>администратора в группе<br/>обязательно эротического плана))
|}
|}

Поскольку многие просили такое - выкладываю в паблик.

Для большинства стилей МайББ:

Код:

<style>
#pun {
  margin: auto 175px 0 175px;
  width : 700px;}
.sidbar1 {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000;  top: 0px; right: 310px; left: 5px;}
.sidbar2 {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000;  top: 0px; right: 5px; left: 895px;}
.sidbar1 h1 , .sidbar1 h2 , .sidbar1 h3, .sidbar2 h1 , .sidbar2 h2 , .sidbar2 h3 {
background:  transparent url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar1 p, .sidbar2 p{padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
</style>
<div class="sidbar1">...</div>

<div class="sidbar2">...</div>

Для стилей линейки "Классик" и стилей из генератора:

Код:

<style>
#pun {
  margin: auto 155px 0 195px;
  width : 700px;}
.sidbar1 {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000;  top: 0px; right: 310px; left: -190px;}
.sidbar2 {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000;  top: 0px; right: 5px; left: 700px;}
.sidbar1 h1 , .sidbar1 h2 , .sidbar1 h3, .sidbar2 h1 , .sidbar2 h2 , .sidbar2 h3 {
background:  transparent url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar1 p, .sidbar2 p{padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
</style>

<div class="sidbar1">...</div>

<div class="sidbar2">...</div>

Основы для начинающих
С помощью этих азов можно оформить таблицу

Картинка.

Код:

<img src="адрес картинки">

Ссылка.

Код:

<a href="ссылка">Текст</a>

e-mail
(tut@pochta.ru - меняем на своё)

Код:

<a href="mailto:tut@pochta.ru">tut@pochta.ru</a>

Размер текста 1 - 100. Чаще используется 3 и 4.

Код:

<font size="?">Размер текста</font>

Цвет текста. Обычный - red; Веб - #FF0000

Код:

<font color="?">Цвет текста</font>

Шрифт. Например: Comic Sans Ms.

Код:

<font face="?">Шрифт</font>

Три предыдущих параметра вместе.

Код:

<font color="?" size="?" face="?">Текст</font>

Текст по центру.

Код:

<center>Текст по центру</center>

Жирный текст

Код:

<b>Жирный текст</b>

Курсив

Код:

<i>Курсив </i>

Подчеркнутый текст

Код:

<u>Подчеркнутый текст</u>

Зачеркнутый текст

Код:

<s>Зачеркнутый текст</s>

Абзац или с новой строки.

Код:

<br>

Линия.

Код:

<hr>

Ширина линии. Может быть и в %

Код:

<hr width="500px">

Высота линии. Может быть и в %

Код:

<hr height="10px">

Цвет линии. Обычный - red; Веб - #FF0000.
(Работает только в ИЕ)

Код:

<hr color="?">

мини-конейнеры
Мини Контейнер.

Код:

<textarea readonly rows="3" cols="10">Мини Контейнер, например для баннера...</textarea>

Мини Контейнер 2.

Код:

<div style="OVERFLOW: auto; WIDTH: 100px; HEIGHT: 100px;">
Тут обычно находится текст.
Не забывайте переносить,
иначе форма просто растянется. можно использовать теги.
<br><br></div>

WIDTH: 100px; - Ширина
HEIGHT: 100px; - Высота
Регулируйте под себя.

CSS в объявлении

Убрать слово Объявление

Код:

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

Сделать объявление прозрачным.
(например будет виден внутренний фон, если у Вас нет внутреннего, значит задний)

Код:

<style type="text/css">
#pun-announcement .container {background-color: transparent;}
</style>

Сменить фон.

Код:

<style type="text/css">
#pun-announcement .container {background-image: url("Ссылка на картинку");}
</style>

Закрасить цветом.

Код:

<style type="text/css">
#pun-announcement .container {background-color: #000000;}
</style>

Курсив во всей таблице.

Код:

<style type="text/css">
#pun-announcement .container {font-style: italic;}
</style>

Сменить шрифт.

Код:

<style type="text/css">
#pun-announcement .container {font-family: Comic Sans Ms;}
</style>

Размер шрифта.
(размеры: xx-small, x-small, small, medium, large, x-large, xx-large)

Код:

<style type="text/css">
#pun-announcement .container {font-size: medium;}
</style>

Подчеркнутый текст.
(overline - верхнее подчеркивание)

Код:

<style type="text/css">
#pun-announcement .container {text-decoration: underline;}
</style>

Цвет шрифта.

Код:

<style type="text/css">
#pun-announcement .container {color: #FF0000;}
</style>

Самостоятельно собираем код
Например, нам нужно поменять в объявлении не только цвет шрифта, но и сам шрифт сделать курсивом, а само объявление прозрачным
Как это сделать?
Начинаем с самого главного..
1.

Код:

<style type="text/css">
.....тут содержимое.....
</style>

2. И пустую внутренность:

Код:

#pun-announcement .container {...}

3. Теперь нам нужен код цвета шрифта:

Код:

color: #FF0000;

4. Дальше код курсива:

Код:

font-style: italic;

5. И последнее прозрачность:

Код:

background-color: transparent;

Всё собрано. Теперь нужно это как-то соеденить. 
Делаем всё по очереди, проще говоря, вставляем всё внутрь.
2 в 1, 3, 4 и 5 в 2
Получаем:

Код:

<style type="text/css">
#pun-announcement .container {color: #FF0000; font-style: italic; background-color: transparent;}
</style>

Содержимое ставим в хтмл-верх.

P.S.  По такому же принципу оформляются и остальные коды, так что не стесняйтесь эксперементировать

Бегущая строка. Часть первая

Можно ставить везде, где поддерживается хтмл, а именно, начиная с хтмл низ/верх, описания раздела, объявления и правил, и быстрого ответа.

Для того, чтобы отобразить некий текст, баннеры и другие элементы в форме бегущей строки, помещаем свой текст (или html элементы) в теги:

Код:

<marquee>...</marquee>

(обычная бегущая строка)

Для этого тега можно опциально задать следующие атрибуты, или свойства бегущей строки:
Aling   - выравнивание текста.

Возможные значения:
LEFT - по левому краю
RIGHT - по правому
MIDDLE - по центру
BOTTOM - по нижнему

Behavior - поведение текста (Способ движения).

Возможные значения:
SCROLL - движется в одном направлении, постепенно исчезая из поля зрения.
SLIDE - доезжает до края и останавливается.
ALTERNATE - ездит от края к краю.

Scrolldelay - задержка смещения (интервал в миллисекундах между показами текста на разных позициях, создающими эффект анимации).

Возможные значения: любое числовое.

Loop  - число проигрываний.

Возможные значения:
Число.
INFINITE - бесконечное проигрывание.

Widht - ширина поля.
Height  - высота поля.

Direction  - направление движения.

Возможные значения:
LEFT
RIGHT
UP

Bgcolor - фон поля бегущей строки.
Vspace - отступ сверху и снизу поля.
Hspace - отступ слева и справа.

Пример горизонтальной бегущей строки:

Код:

<marquee behavior="scroll" direction="left" bgcolor="#FF0000" width="200" height="25" scrolldelay="10" loop="infinite">Ваш текст </marquee>

Пример вертикальной бегущей строки:

Код:

<marquee behavior="scroll" direction="up" bgcolor="#FFFF00" width="400" height="400" scrolldelay="100" loop="20">Ваш текст</marquee>

Чтобы строка останавливала движение при наведении мыши в тег надо добавить:

Код:

onMouseOver="this.stop()" 
onMouseOut="this.start()"

Пример:

Код:

<marquee onMouseOver="this.stop()"  onMouseOut="this.start()"> Ваш текст </marquee>

Бегущая строка. Часть вторая
Чаще всего используются:
Обычная, горизонтальная бегущая строка.
Направление: <--

Код:

<marquee>Ваш текст </marquee>

Или:

Код:

<marquee direction="left">Ваш текст</marquee>

Обычная, горизонтальная бегущая строка.
Направление: -->

Код:

<marquee direction="right">Ваш текст</marquee>

Обычная, вертикальная бегущая строка.
Направление: вверх;

Код:

<marquee direction="up">Ваш текст</marquee>

Обычная, вертикальная бегущая строка.
Направление: в низ;

Код:

<marquee direction="down">Ваш текст</marquee>

Обычная, горизонтальная бегущая строка.
Направление: С права налево и обратно;

Код:

<marquee behavior="alternate">Ваш текст</marquee>

Обычная, вертикальная бегущая строка.
Направление: С верху в низ и обратно;

Код:

<marquee behavior="alternate" direction="down">Ваш текст</marquee>

C помощью представленного скрипта, категории форума делаются скрывающимися

Код:

<script type="text/javascript">

str_hide = "ваша ссылка на картинку"
str_show = "ваша ссылка на картинку" 
tit_hide = "Скрыть категорию"
tit_show = "Показать категорию"
offset=0
tableOffset=0
catCount=0

str=document.URL
page=str.substring(str.lastIndexOf('/')+1)

if( true/*page=="" || page=="index.php"*/ ) {
  findT();
  findO();

  //Добавляйте категории здесь
  hideCat("ИМЯ_КАТЕГОРИИ_1")
  hideCat("ИМЯ_КАТЕГОРИИ_1","close")

  window.onunload = saveCookie
}

function checkCookie(name,index) {
if(window.navigator.appName!="Microsoft Internet Explorer")
  return false
cook = unescape(document.cookie)
         if( (pos=cook.indexOf(name))!=-1 )
{
    state=cook.substring(pos-2,pos)
    if(state=="op")
    showCat(index)
    else if(state=="cl") closeCat(index)
    
    return true
}
return false
}

function saveCookie() {
if(window.navigator.appName!="Microsoft Internet Explorer")
  return
s=""
for(i=0;i<20;i++)
{
    elem=document.getElementById("inp"+i)
    if(elem)
    {
    if(document.getElementById("tab"+i).style.display=="none") state="cl"
    else state="op"
    name = document.getElementById("tab"+i).name
    s+=escape(state+name+'\n');
    
    catCount--
    }
    
    if(catCount==0)
    break;
}
document.cookie=s+'; expires=Fri, 01-Jan-2010 00:00:01 GMT';
}

function hideCat(name, state){
  index = findCat(name)

  if(index==-1) return -1
  catCount++

  str  = "<div class=\"catleft\"><!-- --></div>"
  str += "<img title=\"" + tit_show + "\" align=\"right\" style=\"cursor: hand;\" src=" + str_show + " id=inp"+index+" onclick='changeCat("+index+")'>"    
  str += name
  str += "<div class=\"catright\"><!-- --></div>"
  document.getElementsByTagName ("h2") [index+offset] .innerHTML = str
  
  document.getElementsByTagName ("table") [index+tableOffset] .id = "tab"+index
  document.getElementById("tab"+index).name = name

  cl=checkCookie(name,index)
  if(state=="close" && !cl)
  closeCat(index)  
}

function findT() 
{
  i=0
  arr=document.getElementsByTagName ("table")
  
  while(arr[i].summary.toLowerCase().substring(0,27)!="список форумов в категории:")
    i++

  tableOffset = i
}
function findO() 
{
  arr = document.getElementsByTagName ("h2")
  i=0
  while(arr[i].innerHTML.substring(0,2)!="<D")
    i++
  
  offset=i
}

function findCat(name)
{
  arr = document.getElementsByTagName ("h2")
  i=offset

  while(arr[i].innerHTML.substring(0,2)=="<D")
  {
if(arr[i].innerHTML.toLowerCase().indexOf(name.toLowerCase())!=-1)
    return (i-offset)
i++
  }
  
  return -1
}

function changeCat(index){
  if(index==-1) return

  if(  document.getElementById("tab"+index).style.display!="none") closeCat(index)
  else showCat(index)
}

function closeCat(index){
  document.getElementById("tab"+index).style.display="none"
  document.getElementById("inp"+index).src = str_show
  document.getElementById("inp"+index).title = tit_show + " " + document.getElementById("tab"+index).name
}

function showCat(index){
    document.getElementById("tab"+index).style.display="block"
document.getElementById("inp"+index).src = str_hide
document.getElementById("inp"+index).title = tit_hide + " " + document.getElementById("tab"+index).name
}
</script>

<script type="text/javascript">

function findCat()
{
var ni=1
for (ni=1; ni<=5; ni++)
{var idx="pun-category"+ni
var im="image"+ni
if (!document.getElementById(idx))
{break}
if (document.cookie.indexOf("category")!=-1)
{var cook1=document.cookie.substr(document.cookie.indexOf("category"))
var cook=cook1.substr((cook1.indexOf(ni)+String(ni).length), 2)
if (cook=="op")
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="block"
var pic="http://uploads.ru/images/k/karpoff/up.gif"
var tit="Скрыть"
}
else if (cook=="cl")
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="none"
var pic="http://uploads.ru/images/k/karpoff/down.gif"
var tit="Показать"
}}
else if (document.cookie.indexOf("category")==-1)
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="block"
var pic="http://uploads.ru/images/k/karpoff/up.gif"
var tit="Скрыть"
}
document.getElementById(idx).getElementsByTagName("h2")[0].innerHTML="<div class=\"catleft\"><!-- --></div>"+"<img src='"+pic+"' "+"id='"+im+"' "+"style='cursor: hand;'"+"title='"+tit+"' "+"onclick='changeCat("+ni+")'"+" align='right' /><span>"+document.getElementById(idx).getElementsByTagName("span")[0].innerHTML+"</span><div class=\"catright\"><!-- --></div>"}
}
if (document.title.indexOf(" - Форум")!=-1)
{findCat()
window.onunload=saveCooks}

function changeCat(ru)
{var tb="pun-category"+ru
var img="image"+ru
if (document.getElementById(tb).getElementsByTagName("table")[0].style.display!="none")
{document.getElementById(tb).getElementsByTagName("table")[0].style.display="none"
document.getElementById(img).src="http://uploads.ru/images/k/karpoff/down.gif"
document.getElementById(img).title="Показать"}
else
{document.getElementById(tb).getElementsByTagName("table")[0].style.display="block"
document.getElementById(img).src="http://uploads.ru/images/k/karpoff/up.gif"
document.getElementById(img).title="Скрыть"}
}

function saveCooks()
{
var sample="category="
var vi=1
for (vi=1; vi<=5; vi++)
{var ct="pun-category"+vi
if (!document.getElementById(ct))
{break}
if (document.getElementById(ct).getElementsByTagName("table")[0].style.display!="none")
{sample+=vi+"op"}
else if (document.getElementById(ct).getElementsByTagName("table")[0].style.display=="none")
{sample+=vi+"cl"}}
var day=new Date()
day.setDate(day.getDate()+365)
sample+=";expires="+day.toGMTString()
document.cookie=sample}

</script>

Код:

<script>
  var fs = 1;
  var direction = "right";

  function rollertext(whichone)
  {
    var thetext = whichone;
    for (i = 0; i < thetext.length; i++)
    {
      document.write(thetext.charAt(i).fontsize(fs));

      if (fs < 7 && direction == "right") fs++;
      else if (fs == 7)
    {
        direction = "left";
        fs--;
      }
      else if (fs == 1)
      {
        direction = "right";
        fs++;
      }
      else if (fs > 1 && direction == "left") fs--;
    }
  }
  rollertext("Пример вашего текста");
</script>

Код:

<script><!--
  var message1 = "Пример вашего текста";
  var message2 = "Пример вашего текста";
  for (count = message1.length; count >= 0; count--)
    message2 += message1.substring(count, count - 1);
  document.write (message2);
--></script>

Код:

<script>
  var message = "Пример вашего текста";
  var neonbasecolor = "black";
  var neontextcolor = "green";
  var flashspeed = 100;
  var n = 0;

  if (document.all)
  {
    document.write('<font color="' + neonbasecolor + '">');
    for (m = 0; m < message.length; m++)
      document.write('<span id="neonlight">' + message.charAt(m) + '</span>');
    document.write('</font>');
    var tempref = document.all.neonlight;
  }
  else document.write(message);

  function neon()
  {
    if (n == 0)
    {
      for (m = 0; m < message.length; m++)
        tempref[m].style.color=neonbasecolor;
    }

    tempref[n].style.color = neontextcolor;

    if (n < tempref.length - 1) n++;
    else
    {
      n = 0;
      clearInterval(flashing);
      setTimeout("beginneon()",1500);
      return;
    }
  }

  function beginneon()
  {
    if (document.all)
      flashing = setInterval("neon()", flashspeed);
  }
  beginneon();
</script>

Код:

<small><span id="typing" style="visibility:hidden" align="left">Здесь должен быть ваш текст</span></small>
<script>
  var it = 0;

  function initialize()
  {
    mytext = typing.innerText;
    var myheight = typing.offsetHeight;
    typing.innerText = '';
    document.all.typing.style.height = myheight;
    document.all.typing.style.visibility = "visible";
    typeit();
  }

  function typeit()
  {
    typing.insertAdjacentText("beforeEnd", mytext.charAt(it));

    if (it < mytext.length - 1)
    {
      it++;
      setTimeout("typeit()", 100);
    }
    else return;
  }

  if (document.all) document.body.onload = initialize;
</script>

Код:

<span id="glowtext">Здесь должен быть ваш текст</span>
<style><!--
  #glowtext
  {
    filter: glow(color=#FFFF00,strength=3);
    width: 100%;
  }
--></style>
<script language="JavaScript1.2">
  function glowit(which)
  {
    if (document.all.glowtext[which].filters[0].strength == 3)
    {
      document.all.glowtext[which].filters[0].strength = 2;
    }
    else document.all.glowtext[which].filters[0].strength = 3;
  }

  function glowit2(which)
  {
    if (document.all.glowtext.filters[0].strength == 3)
    {
      document.all.glowtext.filters[0].strength = 2;
    }
    else document.all.glowtext.filters[0].strength = 3;
  }

  function startglowing()
  {
    if (document.all.glowtext&&glowtext.length)
    {
      for (i = 0; i < glowtext.length;i++)
        eval('setInterval("glowit('+i+')",150)');
    }
    else if (glowtext) setInterval("glowit2(0)", 150);
  }
  if (document.all) window.onload = startglowing;
</script>

Код:

<div id="Zittertext" style="width:100%; font-size:20pt; font-weight:bold; color:#0080FF; filter:Wave(freq=2, light=1, phase=20, strength=1);">Здесь должен быть ваш текст</div>
<script language="JavaScript">
  function DynWave()
  {
    if(document.all.Zittertext.filters[0].freq > 100)
      document.all.Zittertext.filters[0].freq = 5;
    document.all.Zittertext.filters[0].freq += 10;
    if(document.all.Zittertext.filters[0].phase > 30)
      document.all.Zittertext.filters[0].phase = 2;
    document.all.Zittertext.filters[0].phase += 3;
    if(document.all.Zittertext.filters[0].strength > 3)
      document.all.Zittertext.filters[0].strength = 1;
    document.all.Zittertext.filters[0].strength += 1;
    window.setTimeout("DynWave()",100);
  }
  DynWave();
</script>

Код:

<div id="Zittertext" style="width:100%; font-size:20pt; font-weight:bold; color:#0080FF; filter:Wave(freq=2, light=1, phase=20, strength=1);">Здесь должен быть ваш текст</div>
<script language="JavaScript">
  function DynWave()
  {
    if(document.all.Zittertext.filters[0].freq > 100)
      document.all.Zittertext.filters[0].freq = 5;
    document.all.Zittertext.filters[0].freq += 10;
    if(document.all.Zittertext.filters[0].phase > 30)
      document.all.Zittertext.filters[0].phase = 2;
    document.all.Zittertext.filters[0].phase += 3;
    if(document.all.Zittertext.filters[0].strength > 3)
      document.all.Zittertext.filters[0].strength = 1;
    document.all.Zittertext.filters[0].strength += 1;
    window.setTimeout("DynWave()",100);
  }
  DynWave();
</script>

Код:

<script LANGUAGE="JavaScript">
  var sizes = new Array("0px", "1px", "2px", "4px", "8px");
  sizes.pos = 0;

  function elasticf()
  {
    var el = document.all.elastic;
    if (null == el.direction)
      el.direction = 1;
    else if ((sizes.pos > sizes.length - 2) || (0 == sizes.pos))
      el.direction *= -1;
    el.style.letterSpacing = sizes[sizes.pos += el.direction];
  }
</script>
<body onload="window.tm = setInterval('elasticf()', 100);" onunload="clearInterval(window.tm);">
<h1 ID="elastic" align=center>Здесь должен быть ваш текст</h1>
</body>

Код:

<script language="JavaScript">
<!--
  var rad  = 100;
  var xoff = 100;
  var yoff = 120;
  var pi   = Math.PI;
  var inc  = pi/40;
  var pos  = 0;

  function move()
  {
    pos += inc;
    if (pos >= pi ) pos = 0;
    obj.left = xoff;
    obj.top = -(rad * Math.sin(pos)) + yoff;
    setTimeout("move()", 50);
  }
-->
</script>

<div id="obj" style="position:absolute">Здесь должен быть ваш текст</div>

<script language="JavaScript">
<!--
  var NN = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
  var obj = (NN) ? document.obj : document.all.obj.style;
  move();
-->
</script>

Код:

<input type="button" value="Подсказка" onclick="insert_text('< spoiler>', '< endspoiler>')" />
<script type="text/javascript">
var latin=("q-w-e-r-t-y-u-i-o-p-]-a-s-d-f-g-h-j-k-l-;-'-z-x-c-v-b-n-m-,-Q-W-E-R-T-Y-U-I-O-P-]-A-S-D-F-G-H-J-K-L-;-'-Z-X-C-V-B-N-M-,").split("-")
var ciril=("й-ц-у-к-е-н-г-ш-щ-з-ъ-ф-ы-в-а-п-р-о-л-д-ж-э-я-ч-с-м-и-т-ь-б-Й-Ц-У-К-Е-Н-Г-Ш-Щ-З-Ъ-Ф-Ы-В-А-П-Р-О-Л-Д-Ж-Э-Я-Ч-С-М-И-Т-Ь-Б").split("-")
function advert()
{
var val=document.selection.createRange()
var val1=val.text
var qw=0
for(qw=0; qw<=(latin.length-1); qw++)
{var latin1="/"+latin[qw]+"/g"
val1=val1.replace(eval(latin1), ciril[qw])}
val.text=val1}
function advert1()
{
var val=document.selection.createRange()
var val1=val.text
var qw=0
for(qw=0; qw<=(latin.length-1); qw++)
{var ciril1="/"+ciril[qw]+"/g"
val1=val1.replace(eval(ciril1), latin[qw])}
val.text=val1}
</script>
<input type="button" value="В кириллицу" onclick="advert()" />
<input type="button" value="В латиницу" onclick="advert1()" />

ВАРИАНТ 1

ВАРИАНТ 2
http://i031.radikal.ru/0804/6a/2507087f8335.bmp