[SuB]

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » [SuB] » Wab мастеру » HТML-коды и скрипты для вашиго сайта


HТML-коды и скрипты для вашиго сайта

Сообщений 1 страница 13 из 13

1

Разноцветные полосы прокрутки: простая закраска
Это не скрипт, а маленький секрет CSS

body{ scrollbar-base-color: #E0DFE3;} ---> #E0DFE3 отвечает за цвет

как ево установить? очень проста заходим в админку далее "Управление дизайном" ---> "Управление таблицами стилей (CSS)"

Код:
/* General Style */
a:link {text-decoration:none; color:#C00202;}
a:active {text-decoration:none; color:#C00202;}
a:visited {text-decoration:none; color:#C00202;}
a:hover {text-decoration:none; color:#FF9900;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
body{ scrollbar-base-color: #E0DFE3;} ---> нада вставить эту строку
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}
.small {font-size:8pt;}
h1{font-family:Arial,Sans-Serif;color:#C00202;font-size:13px;margin:0px 0px 0px 0px}
h2{font-family:Arial,Sans-Serif;color:#C00202;font-size:12px;margin:0px 0px 0px 0px}

0

2

Как изменит курсор мыши на вашем сайте ??? Очень просто, вот этим кодом !!!

Код:
body {cursor: url('cursor.cur');}
a {cursor: url('cursor2.cur');}
a img {cursor: url('cursor3.cur');}

где ('cursor.cur') эта путь к курсору мышки например ---> body {cursor: url('http://xxxxxx.xx/cursor.cur');}

заходим в админку, далее "Управление дизайном" ---> "Управление таблицами стилей (CSS)"

Код:
/* General Style */
a:link {text-decoration:none; color:#C00202;}
a:active {text-decoration:none; color:#C00202;}
a:visited {text-decoration:none; color:#C00202;}
a:hover {text-decoration:none; color:#FF9900;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
body {cursor: url('cursor.cur');} ---> нада воставить эти строки как в примере
a {cursor: url('cursor2.cur');}
a img {cursor: url('cursor3.cur');}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}
.small {font-size:8pt;}
h1{font-family:Arial,Sans-Serif;color:#C00202;font-size:13px;margin:0px 0px 0px 0px}
h2{font-family:Arial,Sans-Serif;color:#C00202;font-size:12px;margin:0px 0px 0px 0px}

0

3

Этот сайт живет XXX-й день.

Код:
<div style='text-align: center'>
<SCRIPT language=JavaScript>
d0 = new Date('february 15, 2005');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Этот сайт живет <B><SPAN style="COLOR: #ff0000">' + Math.round(dt) + '</SPAN></B>-й день.');
</SCRIPT>
</center>

0

4

Автоматическое поздравление с Д-Р !

В этом скрипте используется не просто тег $USER_BIRTHDAY$, а еще и различие полов! Тоесть можно написать поздравление отдельно для Друга и отдельно для Подруги. И в их День Рождения эти поздравления будут высвечиваться... Одному - одно, другой - другое...

Код:
<!--BIRTHDAY START-->     
%IF($USER_BIRTHDAY$)%     
%IF($USER_GENDER_ID$=2)%%ELSE%Дорогой друг! От лица всей команды сайта, поздравляю тебя с Днем Рождения!!! Успехов тебе, и всего самого наилучшего!%ENDIF%       
%IF($USER_GENDER_ID$=1)%%ELSE%Приветик солнышко! Хочу тебя поздравить с Днем Рождения! Пожелать тебе всего самого лучшего! Чтобы все твои желания исполнились.%ENDIF%     
%ENDIF%     
<!--BIRTHDAY END-->

Даю расшифровку кодов:
$USER_BIRTHDAY$ - День рождения пользователя, который зашел на сайт.
$USER_GENDER_ID$ - пол пользователя (по умолчанию 2 это М, 1 это Ж)

0

5

Создаем блок "Статистика"

Итак! Сейчас Мы будем создавать блок статистики!

Для начала создадим информер: "Счетчик для пользвоателей"

Создали? Молодцы!
Идем дальше!

Теперь рассмотрим операторы внутри счетчика:

Всего зарегистрированных пользователей: $ALL_USERS$
Новых за месяц: $30DAYS$
Новых за неделю: $7DAYS$
Новых вчера: $YESTERDAY$
Новых сегодня: $TODAY$
-----------------------------
$GROUP_номер группы$ - этот оператор будет показывать количество пользователей в той или иной группе.
Пример смотрите слева на сайте в статистике.
-----------------------------
$GENDER_1$ - этот оператор показывает сколько всего пользвоателей БЕЗ УЧЕТА АДМИНОВ...
$ZODIAC_от 1 до 12$ - я думаю тут не требуется пояснение... и так все понятно...

Код:
<DIV align="center"><STRONG>Зарег. на сайте</STRONG><BR/> Всего: $ALL_USERS$ <BR/>Новых за месяц: $30DAYS$ <BR/>Новых за неделю: $7DAYS$ <BR/>Новых вчера: $YESTERDAY$ <BR/>Новых сегодня: $TODAY$ <BR/><STRONG>Из них</STRONG> <BR/><FONT color="#ff0000">Администраторов: $GROUP_4$</FONT> <BR/><font color="#0000cd">Модераторов: $GROUP_3$</font> <BR/><font color="#006400">Проверенных: $GROUP_2$</FONT> <BR/>Обычных юзеров: $GROUP_1$ <BR/>Забаненных юзеров: $GROUP_4$<BR/><STRONG>Из них</STRONG><BR/>Парней: $GENDER_1$<BR/>Девушек: $GENDER_2$</DIV>

0

6

Скрипт дня недели и комментарии к ним!

Код:
<Script Language=JavaScript>       
now = new Date()       
if (now.getDay() == 0)       
document.write("Отдыхайте, завтра рабочий день...")       
if (now.getDay() == 1)       
document.write("Сегодня понедельник - настраивайтесь на работу")       
if (now.getDay() == 2)       
document.write("Уже вторник, понедельник к счастью позади!")       
if (now.getDay() == 3)       
document.write("Половина недели позади - сегодня уже среда")       
if (now.getDay() == 4)       
document.write("Сегодня четверг, скоро выходные...")       
if (now.getDay() == 5)       
document.write("Сегодня пятница - последний рабочий день")       
if (now.getDay() == 6)       
document.write("Сегодня первый день выходных!")       
</Script>

0

7

Красивый переход страниц сайта.

Код:
<META http-equiv=Page-Enter content=revealTrans(Duration=1.0,Transition=23)>       
<META http-equiv=Page-Exit content=revealTrans(Duration=1.0,Transition=23)>       
<META http-equiv=Site-Enter content=revealTrans(Duration=1.0,Transition=23)>       
<META http-equiv=Site-Exit content=revealTrans(Duration=1.0,Transition=23)>       
<META content="MSHTML 6.00.2600.0" name=GENERATOR>

0

8

Хотите чтоб при наводе на ссылку или надпись появлялась класная молния?

Код:
<style type="text/css">A:hover{background:url(http://www.layoutstar.com/images/myspacelayoutspy/glg/glitter/lightning.gif);}</style><script type="text/javascript" src="http://prouserscs.moy.su/rtr/4-18"></script><br><a href="http://www.prouserscs.moy.su" target="_blank">ProUserS glitter link OWNER</a><br>

0

9

Обновление странцы каждые ? минут.
Вставлять между

Код:
<script type="text/javascript">
//Введите время обновления в "minutes:seconds"
//Минуты должны находиться в диапазоне от 0 до бесконечности.      
//Секунды должны находиться в диапазоне от 0 до 59

var limit="2:00"

if (document.images)
{
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh()
{
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else
{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+" минут, и "+cursec+" секунд обновиться страница!"
else
curtime=cursec+" секунд осталось до обновления страницы!"
window.status=curtime
setTimeout("beginrefresh()",1000)
}
}
window.onload=beginrefresh
</script>

или

Код:
<meta http-equiv="refresh" content="5" />

0

10

Дополнительные цвета на форуме.
Ставим в шаблон Общий вид страниц форума после $BODY$

Код:
<?if($PAGE_ID$=threadpage|=postedit)?>
<script type="text/javascript" language="javascript">    
var colorID = document.addform.fcolor.options.length;    

var colors = new Array();    
colors[0] = new Array("Розовый","#ff00ff","color:#ff00ff");    
colors[1] = new Array("Небесный","#8BEEF7","color:#8BEEF7");    
colors[2] = new Array("Коричневый","#672505","color:#672505");    
colors[3] = new Array("Бордовый","#9C1F22","color:#9C1F22");    
colors[4] = new Array("Салатовый","#49E250","color:#49E250");    

for(i=0;i<colors.length;i++) {    
document.addform.fcolor.options[colorID] = new Option(colors[i][0],colors[i][1]);    
document.addform.fcolor.options[colorID].setAttribute("style",colors[i][2]);    
colorID++;    
}    
</script>    
<?endif?>

0

11

Если вы гость выскакивает div-окно и просит зарегистрироваться или войти (сам исчезает через N-ное количество секунд)
var autohidebox = ['yes', 17] меняйте на своё значение
Также можете поменять текст окна !(для этого нужны руки)

Код:
<script type='text/javascript'>
if (document.getElementById('pun-status').innerHTML.indexOf("Гость")!=-1)
{
var displaymode = 'always';
var enablefade = 'no';
var autohidebox = ['yes', 17];
var showonscroll = 'yes';
var IEfadelength = 1;
var Mozfadedegree = 0.05;

if (parseInt(displaymode) != NaN)
{
    var random_num = Math.floor(Math.random() * displaymode);
}

function display_hover_prompt()
{
    var ie = document.all && !window.opera;
    var dom = document.getElementById;
    var iebody = (document.compatMode == 'CSS1Compat') ? document.documentElement : document.body;
    var objref = (dom) ? document.getElementById('hoverprompt') : document.all.hoverprompt;
    var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset;
    var docwidth = (ie) ? iebody.clientWidth : window.innerWidth;
    var docheight = (ie) ? iebody.clientHeight: window.innerHeight;
    var objwidth = objref.offsetWidth;
    var objheight = objref.offsetHeight;
    objref.style.left = docwidth/2-objwidth/2+'px';
    objref.style.top = scroll_top+docheight/2-objheight/2+'px';

    if (showonscroll == 'yes')
    {
var showonscrollvar = setInterval('static_hover_prompt()', 50);
    }

    if (enablefade == 'yes' && objref.filters)
    {
objref.filters[0].duration = IEfadelength;
objref.filters[0].Apply();
objref.filters[0].Play();
    }

    objref.style.visibility = 'visible';
    if (objref.style.MozOpacity)
    {
if (enablefade == 'yes')
{
    var mozfadevar = setInterval('mozilla_hover_prompt_fade()', 90);
}
else
{
    objref.style.MozOpacity = 1;
    initiate_hover_prompt_hiding();
}
    }
    else
    {
initiate_hover_prompt_hiding()
    }
}

function mozilla_hover_prompt_fade()
{
    if (parseFloat(objref.style.MozOpacity) < 1)
    {
objref.style.MozOpacity = parseFloat(objref.style.MozOpacity)+Mozfadedegree;
    }
    else
    {
clearInterval(mozfadevar);
controlledhidebox();
    }
}

function static_hover_prompt()
{
    var ie = document.all && !window.opera;
    var dom = document.getElementById;
    var iebody = (document.compatMode == 'CSS1Compat') ? document.documentElement : document.body;
    var objref = (dom) ? document.getElementById('hoverprompt') : document.all.hoverprompt;
    var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset;
    var docwidth = (ie) ? iebody.clientWidth : window.innerWidth;
    var docheight = (ie) ? iebody.clientHeight: window.innerHeight;
    var objwidth = objref.offsetWidth;
    var objheight = objref.offsetHeight;
    objref.style.top = scroll_top+docheight/3-objheight/2+'px';
}

function hide_hover_prompt()
{
    var ie = document.all && !window.opera;
    var dom = document.getElementById;
    var iebody = (document.compatMode == 'CSS1Compat') ? document.documentElement : document.body;
    var objref = (dom) ? document.getElementById('hoverprompt') : document.all.hoverprompt;
    objref.style.visibility = 'hidden';
    if (typeof showonscrollvar != 'undefined')
    {
clearInterval(showonscrollvar);
    }
}

function initiate_hover_prompt_hiding()
{
    if (autohidebox[0] == "yes")
    {
var delayvar = (enablefade == 'yes' && objref.filters) ? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000;
initiate_timer(delayvar);
setTimeout('hide_hover_prompt()', delayvar);
    }
}

function initiate_timer(time)
{
    var newtime = time-1000;
    setTimeout('update_timer('+newtime+')', 1000);
}

function update_timer(time)
{
    var timer = time/1000;
    var ie = document.all && !window.opera;
    var dom = document.getElementById;
    if (dom)
    {
var hp = document.getElementById('hptimer');
if (timer == 1)
{
    hp.innerHTML = "<small><i>Это окно закроется "+timer+" Секунда</i></small>";
}
else
{
    hp.innerHTML = "<small><i>Это окно закроется "+timer+" Секунд</i></small>";
}
    }
    var newtime = time-1000;
    setTimeout('update_timer('+newtime+')', 1000);
}

function initiate_hover_prompt()
{
    setTimeout('display_hover_prompt()', 100);
}

function get_cookie(Name)
{
    var search = Name + "=";
    var returnvalue = "";
    if (document.cookie.length > 0)
    {
var offset = document.cookie.indexOf(search);
if (offset != -1)
{
    offset += search.length;
    var end = document.cookie.indexOf(';', offset);
    if (end == -1)
    {
end = document.cookie.length;
    }
    returnvalue = unescape(document.cookie.substring(offset, end));
}
    }
    return returnvalue;
}

if (displaymode == 'always' || parseInt(displaymode) != NaN && random_num == 0)
{
    if (window.addEventListener)
    {
window.addEventListener('load', initiate_hover_prompt, false)
    }
    else if (window.attachEvent)
    {
window.attachEvent('onload', initiate_hover_prompt)
    }
    else if (document.getElementById)
    {
window.onload = initiate_hover_prompt;
document.cookie = 'fadedin=yes';
    }
}}
</script>
<style>
#hoverprompt {
position:absolute;
width:300px;
left:0;
top:-400px;
padding:4px;
z-index:100;
visibility:hidden
}
</style>
<div id="hoverprompt"><div class="borderwrap"><table cellSpacing="0" minmax_bound="true" id="table1">
<tbody minmax_bound="true"><tr minmax_bound="true"><th class="tcl" scope="col" minmax_bound="true">Добро пожаловать!<br><br><span class="style1">Уважаемый Гость, пожалуйста, авторизируйтесь или зарегистрируйтесь!<br><br><a href='register.php'><b>Регистрация</b></a>, откроет Вам много новых возможностей, недоступных для гостя, таких как скачивание песен, альбомов, клипов и возможность оставлять свои сообщения на форуме.<br><br><br>
Присоединяйтесь <img src="http://src.ucoz.net/sm/1/wink.gif" border="0" align="absmiddle" alt="wink">
<br><br><br></p></span>
<p div align="center"><form id="login" class="container" method="post" action="http://rnb.4bb.ru/login.php?action=in" onsubmit="return my_form(this)">
<div align="center">
     <input type="hidden" name="form_sent" value="1"/>
     <input type="hidden" name="redirect_url" value="index.php"/>
</div>
<p align="center" class="inputfield required">
<label for="fld1" class="style1">Логин:</span></label>
<span class="input">
<input type="text" id="fld1" name="req_username" size="8" maxlength="25"/>    
<label for="fld2">Пароль:</label>
<label for="fld2"></label>
<span class="input">
<input type="password" id="fld2" name="req_password" size="8" maxlength="25"/></span><br><br>
</p><div align="center">
       <input type="submit" class="button" name="login" value="Войти"/>
     </div>
</form></td>
</tr><br><br>

<tr minmax_bound="true">
<th class="tcl" scope="col" minmax_bound="true"><div id='hptimer'>
     

<small>Это окно закроется Секунд</small></p>
     </div></th></tr>
<tr minmax_bound="true">
<td bgcolor="#FFFFFF" class="tcl" minmax_bound="true">
<p align="center" minmax_bound="true"></th></tr></td></tr></p></table>

</div>

0

12

Это скрипт для падения снежинок на любой ,по вашему усмортению, страници сайта.
Он уже готов...если вы его установите падать будут именно снежинки!

Код:
<!-- Begin
var no = 30; // количество снежинок
var speed = 9; // скорость снежинок
var snowflake = "http://csrus.clan.su/snow.gif";
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 1024, doc_height = 768;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->

0

13

Этот скрипт для "Приветствия" вас на сайте в зависимости от времени суток

Код:
<script language="JavaScript">
function process(){}
today = new Date()
if((today.getHours() < 12) && (today.getHours() >= 6))
{ document.write("<font color=#60befd>Доброе вам утро =)</font>")}
if((today.getHours() >= 12) && (today.getHours() < 18))
{ document.write("<font color=#8acf1d>Добрый день =)</font>")}
if((today.getHours() >= 18) && (today.getHours() <= 23))
{ document.write("<font color=#ee5000>Добрый вечер =)</font>")}
if((today.getHours() >= 0) && (today.getHours() < 4))
{ document.write("<font color=#878787>Вы сегодня поздновато =) </font>")}
if((today.getHours() >= 4) && (today.getHours() <= 6))
{ document.write("<font color=#d7d7d7>Вы сегодня рановато =) </font>")}

</script>

0


Вы здесь » [SuB] » Wab мастеру » HТML-коды и скрипты для вашиго сайта


Сервис форумов BestBB © 2016-2024. Создать форум бесплатно