Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Выежающий информер
Дата: Вс, 17.07.2011, 20:08:16 | Сообщение # 1
Аватар не установлен
OFF
Пользователь
59 Сообщения:
1 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Тут короче поздно вечером думал что бы сделать эдакое, что нигде нема..
и решил слепить два скрипта и вот что получилось
http://s42.radikal.ru/i095/1107/0c/0d9e259bafbe.png
и сделал это таким образом:
создал информер
[ Форум · Материалы · Последние обновленные темы · Материалы: 10 · Колонки: 1 ]
в кодом:
Code

<font color="#ffffff">$FORUM_POSTS$</font>
<div onmouseover="document.getElementById('$NUMBER$kYcok').style.display = '';" onmouseout="document.getElementById('$NUMBER$kYcok').style.display = 'none';" style="width:100%; border-bottom:1px solid #f7f7f7; padding:3px 0 2px 0">

<a title="$THREAD_TITLE$" href="$THREAD_URL$"><img src="http://meat-soft.ru/other/ikonk_inf_forum/fr.png" style="padding: 2px; vertical-align: -5px;"/>$THREAD_TITLE$</a>

<div style="position:relative;">
<div id="$NUMBER$kYcok" onmouseover="document.getElementById('$NUMBER$kYcok').style.display = '';" onmouseout="document.getElementById('$NUMBER$kYcok').style.display = 'none';" style="position:absolute; right:-170px; top:-47px; width:170px; height:50px; background:url('http://meat-soft.ru/other/ikonk_inf_forum/title_poslednie_temy_na_forume_right.png'); display:none; color:#ffffff;">

<div style="position:absolute; right:5px; top:5px; width:155px; height:40px; font-size:8pt;">
<div style="float:right; font-size:7pt;" title="Время последнего обновления темы $DATE$ в $TIME$">$TIME$</div>
Ответов: <b>$REPLIES$</b><br>
Написал: <font color="#ffffff"><b><a href="$LAST_POST_URL$">$POST_USER$</a></b></font><br>
Дата: <b>$DATE$</b>
</div> </div> </div> </div>


Это я вставил на форум, после $GLOBAL_AHEADER $

Code

<div id="x" style="width: 300px; height: 50%; border-right: 5px dashed #FFFFFF; background: #bbbbbb; position: absolute; margin-left: -300px; margin-top: 150px;">

<!--By kycok, информер-->
<div class="Kycok_up">
<div class="Kycok_infbl_fon"><div class="Kycok_menu_infbl"><img src="http://meat-soft.ru/other/ikonk_inf_forum/se.png" style="padding: 2px; vertical-align: -5px;"/>Последнее на форуме</div></div>
<div><div class="Kycok_infbl_cont">

<span style="color: white; font-weight: bold;">
$MYINF_9$
</span>
</div></div></div>
<!-- By kycok, информер -->
</div>

<script type="text/javascript">
function slide(obj, direction, a) {
clearInterval(window.z);
counter = 0;
z = setInterval(function () {
if (a ? parseInt(obj.style.marginLeft) < 0 : parseInt(obj.style.marginLeft) > -300) {
obj.style.marginLeft = parseInt(obj.style.marginLeft) + direction;
counter++;
} else {
clearInterval(z);
}
},
10);
}
var pad = document.getElementById('x');
pad.onmouseover = function () {
slide(this, 3, true);
}
pad.onmouseout = function () {
slide(this, -3, false);
}
</script>

в Css:
Code

/* ====== By kycok, информер ====== */
.Kycok_up{border: 1px solid #cccccc; margin-top: 4px;}
.Kycok_infbl_fon {background: #e6e5e5; height: 27,1px;}
.Kycok_infbl_cont {padding: 6px 6px; background-color: #FFFFFF;}
.Kycok_menu_infbl {padding: 4px 6px; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-shadow: 0.1em 0.1em 0.05em #FFF; color: #666666; border-bottom: 1px solid #bdbdbd;}
/* ====== By kycok, информер ====== */
Сообщение отредактировал fanat29 - Пн, 18.07.2011, 14:04:58
Дата: Ср, 20.07.2011, 22:02:57 | Сообщение # 2
Аватар не установлен
OFF
Пользователь
103 Сообщения:
10 Награды:
0 Отзывы:
Полезно, но я думаю он будет мешаться на сайте)
Дата: Сб, 11.02.2012, 00:34:19 | Сообщение # 3
Аватарка Dominik1247
Бесплатный гарант
OFF
Banned Users
547 Сообщения:
139 Награды:
4 Отзывы:
Skype пользователя:
Не понял как он работает обьесните пожалуйста!
  • Страница 1 из 1
  • 1
Поиск: