Главная Возможности Форум поддержки Каталог Условия использования Связь
Список форумов Сервис бесплатных форумов Организуем HTML-вставки — Сервис бесплатных форумов
форум взаимопомощи
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РегистрацияРегистрация 
 ПрофильПрофиль   Личные сообщенияЛичные сообщения   ВходВход 

Внимание! Форум поддержки переехал на следующую версию движка для тестирования новых возможностей на практике. Ищите нас по адресу: beta.flybb.ru
Организуем HTML-вставки

 
Этот форум закрыт, вы не можете писать новые сообщения и редактировать старые.   Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.    Список форумов Сервис бесплатных форумов -> ЧаВо (FAQ)
# :: #  
Автор Сообщение
Губернатор
Модератор
Репутация: 0

Зарегистрирован: 23.04.2007
Сообщения: 188
Сообщение: 15-Авг, 17:57    Тема: Организуем HTML-вставки
Перейдите в администраторский раздел и войдите там в 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>


Последний раз редактировалось: Губернатор (16-Авг, 14:57), всего редактировалось 2 раз(а)
Вернуться к началу
Показать сообщения:   
Этот форум закрыт, вы не можете писать новые сообщения и редактировать старые.   Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.    Список форумов Сервис бесплатных форумов -> ЧаВо (FAQ) Часовой пояс: GMT + 4
Страница 1 из 1

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах



Ни одно из сообщений на данном форуме нe является публичной офертой. Все сообщения принадлежат их авторам, а также ожидается, что они выражают личную точку зрения.