Продолжая тему
Санта Клаус
Спасибо: Тьме, за помощь с картинками, Павлу(rps'y) за напоминание в использовании css. Ну и Ренату, за показ в прошлом году своего кота А так же тем кто помогал в тестировании
Так первый пункт - вставляем jquery. Если он уже установлен от других скриптов, к примеру спойлера или выпадающего меню, то ставить его не нужно, если не установлен, то ставим в хтмл-верх
Далее ксс
находим
#santa-block #dialog {
width: 225px;
height: auto;
float: right;
display: none;
position: absolute;
bottom: 350px;
left: 50px;
font-size: 12px;
color: red;
}
выделенное красным меняйте, если диалоговый блок куда-нибудь уезжает. хтмл-верх
<script type="text/javascript">
$(document).ready(function(){
var santa_message = new Array();
var surl = document.URL;
santa_message.push('Добро пожаловать на сайт!');
santa_message.push('Вы попали в поиск!');
santa_message.push('Ура вы входите!');
santa_message.push('Смотрим темку');
santa_message.push('В профиле ^____^');
santa_message.push('Просматриваем раздельчик');
$("#santa-block > #dialog > #santa-text.text").html(santa_message[0]);
if(surl.indexOf("search.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[1]);
else if(surl.indexOf("login.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[2]);
else if(surl.indexOf("viewtopic.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[3]);
else if(surl.indexOf("profile.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[4]);
else if(surl.indexOf("viewforum.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[5]);
$("#santa-block > div.santa > a").click(function(){
$(this).children("img").css("border","0");
if($("#santa-block > #dialog").css("display")=='none'){
$("#santa-block > #dialog").fadeIn("slow");
$("#santa-block > #dialog").css("display",'inline');
}
else{
$("#santa-block > #dialog").css("display",'none');
}
})
});
</script>
выделенные фразки меняете на свои, хтмл-верх
тоже хтмл верх, если есть желание заменить санту на что-нибудь другое, допустим на Деда Мороза, то находим строку
<div class="santa"><a href="#" onclick="return false;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/santa.png" border="0" onmouseover="$(this).animate({opacity: 1}, 1000)" onmouseout="$(this).animate({opacity: 0.2}, 1000)" onClick="this.style.border='0px'"></a></div>
заменяете на свой адрес
для тех кому лень собирать все кусками
все в хтмл-верх
пример санты http://tests.bestff.ru/