17:44
Сегодня в нете нарыл один интересный скрипт... Сама идея мне показалась привлекательной, но в скрипте было огромное количество ошибок и излишеств... Я решил (Как это часто со мной бывает) довести данное творение до ума, дабы оживить и приукрасить серенький мёртвый код
Особенности скрипта:
1) Занимает минимум места
2) Скролиирует вместе с перемоткой страницы (Зафиксен в правом нижнем углу)
3) Есть возможность открытия и скрытия профиля
4) Становится прозрачным при отведении курсора от профиля
Для начала после
Code
<head>
в общих страницах форума вставляем:
Code
<style>.mini_prof_out {background-color: #f4f4f4; border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; opacity: 0.5; text-align: center;} .mini_prof_on {background-color: #f4f4f4; border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; opacity: 1; text-align: center;} #mini_prof #close_miniprof {color: #810000; text-decoration: underline; cursor: pointer;} #mini_prof #open_miniprof {color: #3e8144; text-decoration: underline; cursor: pointer;}</style>
Теперь на этой же странице идём в самый низ и заменяем
Code
</body>
на:
Code
<div class="mini_prof_out" onmouseover="this.className='mini_prof_on'" onmouseout="this.className='mini_prof_out'" id="mini_prof"><div id="sam_profil" style="display:none">
<center><b><script language="JavaScript">
function process(){}
today = new Date()
if((today.getHours() < 12) && (today.getHours() >= 6))
{ document.write("Доброе утро, ")}
if((today.getHours() >= 12) && (today.getHours() < 18))
{ document.write("Добрый день, ")}
if((today.getHours() >= 18) && (today.getHours() <= 23))
{ document.write("Добрый вечер, ")}
if((today.getHours() >= 0) && (today.getHours() < 4))
{ document.write("Вы сегодня поздновато, ")}
if((today.getHours() >= 4) && (today.getHours() <= 6))
{ document.write("Вы сегодня рановато, ")}
</script><br>
$USERNAME$</b></center>
<br><br>
<center><img title="$USERNAME$" src="$USER_AVATAR_URL$" width="110px"><img title="$USERNAME$" src="/is.gif" width="110px"></center>
<center><br><img src="/date.png" border="0"> Вы здесь: <font color="#FF0000"><b>$USER_REG_DAYS$</b></font>-й день <img src="/date.png" border="0">
<br><img src="/ip.png" border="0"> Ваш IP: <font color="#FF0000"><b>$IP_ADDRESS$</b></font></a> <img src="/ip.png" border="0">
<br><a href="javascript://" rel="nofollow" onclick="window.open('$PM_URL$','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><img src="/prof.png" border="0"> Профиль</a> <a href="$PERSONAL_PAGE_LINK$"><img src="/prof.png" border="0">
<br><a href="$PM_URL$"><img src="/pm.png" border="0"> Читать ЛС (<b>$UNREAD_PM$</b>)</a> <img src="/pm.png" border="0"></center>
<script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script>
<br><br>
</div><span id="open_miniprof">Мини профиль</span><span id="close_miniprof" style="display:none">[==Скрыть профиль==]</span></div><script type="text/javascript">$(document).ready(function(){$("#open_miniprof").click(function(){$(this).hide(100); $("#close_miniprof, #sam_profil").show(100); $("#sam_profil").css("text-align","left");}); $("#close_miniprof").click(function(){$(this).hide(100); $("#sam_profil").hide(100); $("#open_miniprof").show(100); $("#sam_profil").css("text-align","center");});});</script></body>
Далее заливаем все картинки из архива в корень сайта и радуемся новому скрипту
