Перейдите в администраторский раздел и войдите там в HTML-вставки.

Прочитете внимательно то, что там написано наверху:

Собственные HTML-коды в теле страниц

Набор настроек, включающий расширенные возможности по управлению внешним видом форума, позволяющий вставлять собственные HTML-коды в тело страниц форумов. ВНИМАНИЕ! Данной возможностями следует пользоваться только в том случае, если вы понимаете, для чего это нужно и как оно работает. При неправильном использовании возможно нарушение работы форума. ЗАПРЕЩЕНО размещение рекламы в любых ее проявлениях (см. условия использования), включая коды любых баннерных и/или рекламных сетей, партнерских программ, поисковых форм и т.п., ЕСЛИ это НЕ ОДОБРЕНО администрацией. Верхний заголовок предназначен ТОЛЬКО для интеграции форума с сайтом, изменения оформления, доп. меню. В нижнем заголовке разрешены только некоммерческие ссылки на дружественные сайты, кнопки счетчиков и т.п.. За баннеры и рекламные ссылки форумы будут удаляться.


Все скрипты, фоновую музыку, обои, курсоры и прочие украшательства следует размещать здесь.

В верхнем и в нижнем заголовке выберите радиокнопочку "Включено".

А теперь начинаем их наполнять.

Верхняя вставка.


1. Вставляем фоновую картинку.


Для начала разместите картинку в сети и получите ее сетевой адрес.
Это можно сделать на одном из бесплатных сервисов http://imageshack.us , http://www.radikal.ru и т.п.

Далее вставляем в верхнюю вставку:

Код: Выделить всё
<style type="text/css">
body { background-image: url('http://адрес картинки.gif'); }
.bodyline { background-image: url('http://адрес картинки.gif'); }
</style>


2. Вставляем фоновую музыку.

Для начала разместите мелодию в сети и получите ее сетевой адрес.
Это можно сделать на одном из бесплатных сервисов хранения файлов, например, http://Box.net

Далее вставляем в верхнюю вставку:

Код: Выделить всё
<embed src="http://адрес мелодии" width=77 height=27 loop=-1 autostart=false border=0>


Насотятельно рекомендую поставить autostart=false

Тогда музыка будет запускаться только по нажатии кнопки "пуск", когда пользователь этого сам захочет, а не при каждом обновлении страницы сайта.

  • Хотя в Опере музыка все равно сама играть будет и остановить ее нельзя...

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

3. Меняем стандартный курсор на свой.


Код: Выделить всё
<STYLE>
BODY { cursor:url('http://адрес кусора.cur');}</style>


Курсоры можно взять, например на http://fantasyflash.ru/cursor

4. Фокусы со ссылками

Там же можно найти различные эффекты для ссылок. Вот пример превращения ссылок в пунктирные прямоугольные рамки:

Код: Выделить всё
<style  type="text/css">
a:hover{BORDER-RIGHT: red 1px dashed; BORDER-TOP: red 1px dashed; RIGHT: 0px; BORDER-LEFT: red 1px dashed;  COLOR: red; BOTTOM: 0px; BORDER-BOTTOM: red 1px dashed; POSITION: relative; TEXT-DECORATION: none; }
a{color:#FF00CC; text-decoration:none; }
</style>


Нижняя вставка.

5. Организуем мини-чат.

Зайдите на сайт, предлагающий сервис "мини-чат", например, http://www.cbox.ws

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

Теперь вставьте его либо отдельно, либо в эту конструкцию:

Код: Выделить всё
<TABLE class=forumline cellSpacing=1 cellPadding=3 width="100%"
border=0><TBODY>
<TR>
<TD class=catHead colSpan=2 height=28><SPAN class=cattitle><A class=cattitle>Мини-чат</A></SPAN></TD>
</TR>
<TR>
<TD class=row1 vAlign=center align=middle rowSpan=2>
<!-- BEGIN CBOX - http://www.cbox.ws -->

(сюда вставьте код, который вам будет выдан на сайте)

<!-- END CBOX -->
</TD></TR></TBODY></TABLE>


Во втором случае вы получите чат в таком же стиле, как и остальные разделы форума.

Отредактируйте размеры окна чата, чтобы он органично вписался в дизайн форума. Можно его растянуть на всю ширину страницы, можно "присоседить" к другим элементам форума, можно даже вписать код в описание пустого раздела форума, хотя это, на мой взгляд, не самое лучшее решение.


6. Уголок именинников.

Приятно, когда форум поздравляет тебя с днем рождения.
Вот скрипт для организации "Уголка именинника":

Код: Выделить всё
<script language=javascript type=text/javascript>
var dr=new Array();

dr[0]="Именинник1,день1.месяц1,номер1";
dr[1]="Именинник2,день2.месяц2,номер2";

...

(здесь день1 - число от 1 до 31 - дата рождения,
месяц1 - число от 1 до 12 - месяц рождения, номер1 - номер первого именинника в базе (определяется ссылкой на профиль user=)


var date=new Date();
var month=date.getMonth()+1;
var day=date.getDate();
var today=new String(day+'.'+month);
var drmsg="<b>";

for (var mdr=0;mdr<dr.length;mdr++){
udr=dr[mdr].split(',');
if(today==udr[1]){drmsg+="<a href="+'"'+"http:"+'/'+'/'+"твой форум.flyboard.ru"+'/'+"profile.php?mode=viewprofile&u="+udr[2]+'"'+'>'+udr[0]+'<'+'/'+"a><br>";}
}

вместо "твой форум" подставь адрес.

if(drmsg!="<b>"){
drmsg+="</b>";
document.write("<b>Сегодня День Рождения отмечают:</b><br>");
document.write(drmsg);
document.write("<br><b>От души поздравляем!</b><br><img src=http://tmagency.ru/Smiles/zzz_018.gif>");

}
else{
document.write("<b>Сегодня именинников нет.</b>");
}
</script>


Массив dr надо заполнить самому, т.к. в данной версии поле "дата рождения" в профиле не предусмотрено. Я сделал так: открыл в админке список пользователей, прошелся по е-мэйлам через поисковик аськи. Кое-кого нашел, а в аське даты рождения иногда указывают. Некоторых своих пользователей я знаю по другим форумам, где указывается дата рождения. И, наконец, можно просто спросить в теме, кто хочет, чтобы его поздравил форум - укажет свой д/р. А для кого-то это будет приятным сюрпризом.

Можно этот скрипт вставить в "самодельный раздел", рядом с мини-чатом, или содать для него свой "самодельный раздел":

Код: Выделить всё
<TABLE class=forumline cellSpacing=1 cellPadding=3 width="100%"
border=0><TBODY>
<TR>
<TD class=catHead colSpan=2 height=28><SPAN class=cattitle><A class=cattitle>Уголок именинников</A></SPAN></TD>
</TR>
<TR>
<TD class=row1 vAlign=center align=middle rowSpan=2>


(сюда вставьте код скрипта)


</TD></TR></TBODY></TABLE>


7. Календарь и часы

Выберите себе календарь или часы по вкусу. Например, на http://fantasyflash.ru или http://lines.net.ua

Вставьте полученый на сайте код в нужное место в верхней или нижней вставке.

8. Доброго времени суток!

Вот код, который позволяет обойтись без этой изумительной интернетовской фразы:

Код: Выделить всё
<font color="#000000"         face="Verdana"><strong><script
        language="JavaScript">
<!--begin fantasyflash.ru
var h=(new Date()).getHours();
if (h > 23 || h <7) document.write('Доброй ночи! Не спится?') ;
if (h > 6 && h < 12) document.write('Доброе утро!');
if (h > 11 && h < 19) document.write('Добрый день!');
if (h > 18 && h < 24) document. write('Добрый вечер!');
//-->
</script></strong></font>


9. Возраст форума.

Сколько дней существует ваш форум? Не пора ли его поздравить с днем рождения?

Код: Выделить всё
<script language="JavaScript"><!--
function cntdown1(){
today = new Date()

nextEVENT = new Date("June 6, 2007") <--- Укажите здесь свою дату создания форума

msPerDay = 24 * 60 * 60 * 1000 ;
daysLeft = (-nextEVENT.getTime() + today.getTime()) / msPerDay;
daysLeft = Math.round(daysLeft);
var sDaysLeft = String(daysLeft);
var sDaysText = "дней";
var nDaysLeftLength = sDaysLeft.length;
if (sDaysLeft.charAt(nDaysLeftLength - 2) != "1"){
if (sDaysLeft.charAt(nDaysLeftLength - 1) == "2" || sDaysLeft.charAt(nDaysLeftLength - 1) == "3" || sDaysLeft.charAt(nDaysLeftLength - 1) == "4"){
sDaysText = "дня";
} else if (sDaysLeft.charAt(nDaysLeftLength - 1) == "1"){
sDaysText = "день";
}
}
document.write("<b>Наш форум был создан "+ daysLeft + " " + sDaysText + " назад.</b>") ;
}
//--></script><br>
<script>cntdown1()</script>


10. Счетчик посещений.

Зарегистрируйтесь в системах учет посещаемости ресурсов. Например, SpyLog. Там вам будет выдан код, который вы можете вставить в нижнюю вставку. Обычно отображается количество уникальных посетителей всего, за текущий день и находящихся в данный момент на сайте. Эти параметры можно изменить.

11. Индекс цитируемости.

Этот сервис предоставляют поисковые системы. Например, Яндекс:

Код: Выделить всё
<a href='http://www.yandex.ru/cy?base=0&host=ваш-форум' target=_blank><img src='http://www.yandex.ru/cycounter?ваш-форум ' width=88 height=31 alt='ИЦ'></a


12. Погода

Этот сервис предоставляют метеослужбы, например GisMeteo (код 27612 соответствует городу Москва, коды других городов ищите на сайте gismeteo.ru)

Код: Выделить всё
<object><EMBED src='http://img.gismeteo.ru/flash/fw88x31.swf?index=27612' menu='false' quality='high' bgcolor='#FFFFFF'  WIDTH='88' HEIGHT='31' TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></EMBED></OBJECT>


13. Бегущая строка

Код: Выделить всё
<script language="JavaScript">
<!--
var scrollCounter = 0;
var scrollText = "Ваш текст.";
var scrollDelay = 70;
var i = 0;
while (i ++ <140)
scrollText = " " + scrollText;
function Scroller()
{
window.status = scrollText.substring(scrollCounter++,
scrollText.length);
if (scrollCounter == scrollText.length)
scrollCounter = 0;
setTimeout("Scroller()",
scrollDelay);}Scroller();
//-->
</script>


Работает только в IE-совместимых браузерах.

14. Мини-банерная сеть

Зарегистрируйтесь в сети обмена банеров МБС и получите свой номер yy.

Код: Выделить всё
<script language=javascript>
// <!--
var vbn="601";
var account = "yy";
var rnd = Math.round(Math.random() * 100000);
document.write('<iframe src="http://ad.bannerhost.ru/cgi-bin/iframe?'+vbn+
','+account+','+rnd +
'" width=88 height=31 marginwidth=0 marginheight=0 scrolling=no frameborder=0></iframe>');
// -->
</script><noscript><iframe src="http://ad.bannerhost.ru/cgi-bin/iframe?601,yy,740" width=88 height=31 marginwidth=0 marginheight=0 scrolling=no frameborder=0></iframe></noscript>
</td></tr></table></td><td>