Меню сайта
АКЦИЯ!!!
Категории раздела
Сервис
Translate my page
Выбрать язык / Select language:
Бесплатное отправление смс сообщений!
Поиск
Календарь
« Май 2024 » Пн Вт Ср Чт Пт Сб Вс 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Архив записей
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Вид материала новостей 3 колонки для ucoz
Если решили координатно изменить свой дизайн, то Вид материала новостей 3 колонки для ucoz отличное разрешение вашей ситуаций. Но во первых, сам код не сложный и стили к нему идут без одной ссылки. Если будет на главной, то вообще не будет груз брать на себя, но кроме картинок, что находятся там. Внизу на темном виде будет выводиться название, на светлом портале отлично смотрится, но я проверил на темном и как сами видите, стоит как родной и в дизайн новшество привлекло.
Вид новостей:
Код
<div style="width:33%;float:left;"> <div class="short-story"> <div class="img-size"><img alt="скрин $TITLE$" style="margin:0;padding:0;border:0;" src="$IMG_URL1$"> </div> <div class="clr"> </div> <div id="catitle"><a href="$ENTRY_URL$">$TITLE$</a></div> </div> </div>
CSS:
Код
.short-story { border: solid 1px #353535; border-radius: 8px; margin: 15px 15px 10px 10px; height: 260px; overflow: hidden; background: #353535; box-shadow: 2px 2px 2px #888; } .img-size img { height: 200px; width: 200px; } #catitle { font-weight: bold; font-size: 13px; text-align: center; padding: 10px 0; margin: 2px 0 0 0; } #catitle a { color: #ffd40b; text-shadow: 0 1px 1px #949494; }
Горизонтальное меню с круглыми иконками
Представляем вниманию вебмастерам, которые желают преобразовать свой ресурс оригинальное, горизонтальное меню с круглыми иконками.
Для того чтобы именно данное меню отображалось у вас, необходимо скачать сами иконки и залить к себе на сайт через файловый менеджер заменив потом в коде на свои в верхней части сайта и добавить этот код непосредственно на сайт.
Код
<div id="menu4">
<ul>
<li class="k84">
<a href="/">
<span class="title"><img src="http://uwebik.ru/css/glavnaja_menju.png"/></span>
<span class="text">Главная</span>
</a>
</li>
<li class="k84"><a href="">
<span class="title"><img src="http://uwebik.ru/css/katalog_fajlov.png"/></span>
<span class="text">файлы</span>
</a>
</li>
<li class="k84"><a href="">
<span class="title"><img src="http://uwebik.ru/css/news.png"/></span>
<span class="text">Новости</span>
</a>
</li>
<li class="k84"><a href="">
<span class="title"><img src="http://uwebik.ru/css/games.png"/></span>
<span class="text">Игры</span>
</a>
</li>
<li class="k84"><a href="">
<span class="title"><img src="http://uwebik.ru/css/forum.png"/></span>
<span class="text">Форум</span>
</a>
</li>
</ul>
затем в стили (css) добавить
Код
#menu4 ul {
list-style:none;
}
#menu4 ul li{
margin-left:20px;
float: left;
}
#menu4 ul li a{
text-decoration:none;
}
#menu4 ul li a span{
display:block;
}
#menu4 ul li a:hover span.title{
color:#00adef;
}
#menu4 ul li a span.text{
padding:0px 20px;
font-family: Georgia, serif;
font-size: 25px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
color:#000;
visibility:hidden;
}
#menu4 ul li a:hover span.text{
visibility:visible;
}
.k84 {font-weight:bold;
cursor:pointer;
opacity:0.7;
background:#fff;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border:0px solid #000;
}
.k84:hover {font-size:30px;
font-weight:bold;
cursor:pointer;
opacity:1;
background:#fff;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border:10px solid #fff;
}
Категория: Меню |
Просмотров: 554 |
Добавил: RedStar |
Дата: 18.08.2015
|
Вид материалов новостного блога для сайта ucoz
Думаю вы много видели такой скрипт Вид материалов новостного блога для сайта ucoz они все походи по дизайну, но разные по функциональности. Этот код вы можете поставить на блог, но лучше безусловно его под новости. Так как там можно ограничить краткое описание, которое будет под картинкой. И всегда он будет стоять ровно и не ниже и выше, вот в чем прелесть.
Установка:
CSS:
/* Вид новостей для uCoz
------------------------------------------*/
@font-face {font-family: 'Open Sans'; font-style: normal; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');}
.uotvet-news-1 {
float:left;
width:400px;
background:#fff;
overflow:hidden;
margin-bottom: 40px;
padding: 25px 25px 0px 25px;
box-shadow:0 0 5px #a0afba;
border-radius:8px;
}
.img-news-1 {
float:left;
width:400px;
height:250px;
}
.uotvet-news-1 h2 {
float:left;
width:100%;
margin: 15px 0px 15px 0px;
font-size: 17px; font-family: Open Sans,Verdana,Arial, sans-serif;
}
.uotvet-news-mp {
float:right;
}
.uotvet-news-1 h2 a:link,
.uotvet-news-1 h2 a:visited {color:#555}
.uotvet-news-1 h2 a:hover {color:#2270a7}
.uotvet-news-1 p {
margin-bottom: 35px;
font-size: 13px; font-family:Verdana,Arial, sans-serif; line-height: 1.5; text-align:justify;
}
.bottom-news-1 {
float:left;
width:400px;
background:#eaf0f4;
padding: 0px 25px 0px 25px;
margin: 0px -25px 0px -25px;
border-top: 1px solid #d8e3eb;
}
.bottom-news-1 ul {
margin: 0;
padding: 0;
font-size: 12px; font-family:Verdana,Arial, sans-serif;
color:#96a6b0;
}
.bottom-news-1 li {
float:left;
list-style: none;
padding: 15px 33px 15px 33px;
border-right: 1px solid #d8e3eb;
}
.ico-like,
.ico-date {
float:left;
width:20px;
height:20px;
margin: -1px 10px 0px 0px;
background: url(http://zornet.ru/CSS-ZORNET/derkamer/ret/icon_bottom_news.png) no-repeat;
}
.ico-like {background-position: 0px 0px!important;}
.ico-date {background-position: 0px -20px!important;}
.bn-li-1 {
padding-left:0px!important;
}
.bn-li-2 {
float:right!important;
padding-right: 0px!important;
border-right: none!important;
}
.bn-li-2 {
font-weight:bold;
float:right!important;
padding-right: 0px!important;
border-right: none!important;
}
.bn-li-2 a:link,
.bn-li-2 a:visited {color:#96a6b0}
.bn-li-2 a:hover {color:#2270a7}
.bn-li-3 {
text-align:center!important;
padding-right: 0px!important;
border-right: none!important;
}
.bn-li-3 img[style],
.bn-li-3 img[width="1"] {display:none!important}
.bn-li-3 span {display:inline!important}
.bn-li-3 span img {margin: 0px 2px; }
Вид новостей:
Код
<div class="uotvet-news-1">
<?if($IMG_URL1$)?>
<a href="$IMG_URL1$" class="ulightbox" target="_blank"><img class="img-news-1" alt="$TITLE$" src="$IMG_URL1$" /></a>
<?endif?>
<h2><a href="$ENTRY_URL$">$TITLE$</a></h2>
<p>$MESSAGE$</p>
<div class="bottom-news-1">
<ul>
<li class="bn-li-1"><span class="ico-like"></span>$RATED$</li>
<li><span class="ico-date"></span>$DATE$</li>
<?if($MODER_PANEL$)?>
<li class="bn-li-3">
$MODER_PANEL$
</li>
<?else?>
<li class="bn-li-2"> <a href="$ENTRY_URL$" target="_blank">Читать дальше</a></li>
<?endif?>
&
...
Читать дальше »
Новый вид категорий (кнопочки в строчку)
Новый вид категорий (кнопочки в строчку)
Вставляем туда, где хотим видеть категории:
Код
<div class="multikat">
<ul class="clearfix">
<li><b><a title="Главная" href="/">Главная</a></b></li>
<li><a title="Русские фильмы" href="/russianfilms/">Русские фильмы</a></li>
<li><a title="Отечественный" href="/otechestvennyj/">Отечественные</a></li>
<li><a title="Комедии" href="/comedy/">Комедии</a></li>
<li><a title="Комедии" href="/komediya/">Комедии 2</a></li>
<li><a title="казахстанские фильмы" href="/kazfilms/">казахстанские</a></li>
<li><a title="индийские фильмы" href="/indijjskiefilms/">индийские</a></li>
<li><a title="Сериалы" href="/serial/">Сериалы</a></li>
<li><a title="Боевики" href="/boeviki/">Боевики</a></li>
<li><a title="Боевики" href="/boevik/">Боевики 2</a></li>
<li><a title="Драмы" href="/dramy/">Драмы</a></li>
<li><a title="Драмы" href="/drama/">Драмы 2</a></li>
<li><a title="Триллеры" href="/trillery/">Триллеры</a></li>
<li><a title="Триллер" href="/triller/">Триллеры 2</a></li>
<li><a title="Ужасы" href="/uzhasy/">Ужасы</a></li>
<li><a title="Мистика" href="/mistika/">Мистика</a></li>
<li><a title="Юмор и перевод гоблина" href="/jumor/">Юмор</a></li>
<li><a href="http://rucoz.com/" target="_blank">Скрипты для uCoz </a></li>
<li><a title="Мультфильмы" href="/multfilmy/">Мультфильмы</a></li>
<li><a title="Мультфильм" href="/multfilm/">Мультфильмы 2</a></li>
<li><a title="Детективы" href="/detektivy/">Детективы</a></li>
<li><a title="Детективы" href="/detektiv/">Детективы 2</a></li>
<li><a title="Военные" href="/voennye/">Военные</a></li>
<li><a title="Военный" href="/voennyj/">Военные 2</a></li>
<li><a title="Приключения" href="/prikljuchenija/">Приключения</a></li>
<li><a title="Мелодрамы" href="/melodramy/">Мелодрамы</a></li>
<li><a title="Мелодрама" href="/melodrama/">Мелодрамы 2</a></li>
<li><a title="Фантастика" href="/fantastika/">Фантастика</a></li>
<li><a title="Фэнтези" href="/fjentezi/">Фэнтези</a></li>
<li><a title="Документальные" href="/dokumentalnye/">Документальные</a></li>
<li><a title="Документальный" href="/dokumentalnyj/">Документальные 2</a></li>
<li><a title="Анимация" href="/animaciya/">Аниме</a></li>
<li><a title="Семейные" href="/semejjnye/">Семейные</a></li>
<li><a title="Семейный" href="/semejnyj/">Семейные 2</a></li>
<li><a title="Криминал" href="/kriminal/">Криминал</a></li>
<li><a title="Эротика" href="/yerotika/">Эротика 21+</a></li>
<li><a title="Хентай" href="/hentai/">Хентай</a></li>
<li><a title="Исторические" href="/istoricheskij/">Исторические</a></li>
<li><a title="Спорт" href="/sport/">Спорт</a></li>
<li><a title="Телепередача" href="/teleperedacha/">Телепередача</a></li>
</ul>
</div>
Вставляем в CSS:
Красивое меню сайта для ucoz
Вот очень красивое меню только не известно с какова сайта или шаблона. Оно подойдет как к светлому по дизайн сайту так и темному и если даже фон будит темный меню будит отлично смотреться на портале. При наведение курсора раздел меняет цвет и вам видно куда в какой раздел вы жмете и попадете. Вообщем много о нем не буду говорить в меру стандартное весть что то оригинальное в нем.
Установка:
Такие по фактуре меню нужен блок сайта, значит мы прописываем этот код в нем.
Код
<ul class="bnav">
<li><a href=http://zornet.ru/>Главная</a>
<li><a href=http://zornet.ru/forum>Форум игрока</a>
<li><a href=http://zornet.ru/load>Файловый архив</a>
<li><a href=http://zornet.ru/news>Новости сайта</a>
<li><a href="http://zornet.ru/load/0-0-0-0-1">Статьи</a>
</ul>
Этот стиль в CSS в самый низ:
Код
.bnav {width:189px;margin:3px auto;padding:0;overflow:hidden;}
.bnav li {padding:2px 0;overflow:hidden;}
.bnav li a {display:block;height:22px;line-height:22px; background:url(http://zornet.ru/CSS-ZORNET/ZR/bnav.png) no-repeat 0 0; color:#fff; padding:0 10px;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.bnav li a:hover {background:url(http://zornet.ru/CSS-ZORNET/ZR/bnav.png) no-repeat 0 -22px;}
Категория: Меню |
Просмотров: 506 |
Добавил: RedStar |
Дата: 13.12.2014
|
Вид категорий для ucoz (Темный стиль)
Думаю стандартный вид категорий который идет в стандартных шаблонах как то по дизайну не очень красиво вписываются под портал. И если даже шаблон нарисован под заказ всегда стает точка сомнение какой делать по фактуре этот скрипт или вообще его делать. Если его на сайте нет то становятся много блоков и навигация по сайту становиться слаба и гость уходит с сайта не найдя что искал. Этот скрипт все сразу на свои точки ставит и по нему что вам нужно вы быстро найдете. Выполнен он в темных тонах, но это не говорить что он под темный дизайн сайта, так как на светлом он отлично подойдет. Есть нумерация материалов что самое главное. Да и вообще выполнен и нарисован все красиво и качественно. Оставляем стандарт и просто к нему прописываем стиль:
Код
/* cats */ .block_cont .catsTable {width:216px; margin:0 auto;} .block_cont .catsTable a {text-decoration:none; color:#fff;} .block_cont .catsTd {background:url(http://zornet.ru/CSS-ZORNET/ZER/catsTd.png) no-repeat 0 0; width:214px; height:28px; line-height:28px; overflow:hidden; color:#fff; padding:0 0 3px 0;} .block_cont .catsTd:hover {color:#fff; background-position:-219px 0; cursor:pointer;} .block_cont .catsTd:hover a {color:#fff;} .block_cont .catName, .block_cont .catNameActive {float:left; padding:0 0 0 26px;} .block_cont .catNumData {color:#2a2a2a; float:right; margin:3px 5px 0 0; background:url(http://zornet.ru/CSS-ZORNET/ZER/catNumData.png) no-repeat 0 0; width:36px; height:21px; line-height:20px; text-align:center;} .block_cont .catDescr {display:none;}
Категория: Скрипты |
Просмотров: 515 |
Добавил: RedStar |
Дата: 13.12.2014
|
3D Текст при помощи CSS3
Если вы хотите иметь заголовок материала в 3D то вам стоит установить этот полезный скрипт очень красиво смотрится на темных дизайнах но и на светлых тоже норм
И та для этого нам нужен заголовок на примере:
Code:
<h1>Заголовок!</h1>
Теперь пропишем в CSS для него стиль
Код
h1 {font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 80px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 1;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
И так на выходе вы получаете заголовок в 3D
Если вы хотите установить 3D заголовок для тега:
<h2>Заголовок!</h2>
То в стиль CSS вставляем вот этот стиль:
Код
h2 {font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 80px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 1;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
Категория: Скрипты |
Просмотров: 502 |
Добавил: RedStar |
Дата: 09.12.2014
|
Иконка New в углу изображения.
Еще один метод приукрасить ваш сайт на ucoz и показать пользователю вашего сайта что материал новый.
Смысл такой , как вы добавили новый материал в левом верхнем углу скриншота появляется надпись New и пропадает по истечению 24 часов.
Когда пользователь заходит на сайт ему в глаза бросается изображение (картинка) и надпись New в углу покажет что новость новая
Установка:
Заменяем вашу старую форму вывода картинки на эту:
Код
<img src="Ваш оператор картинки или ссылка" width="80px"><?if($DATE$="Сегодня")?><img src="http://ucozmafia.ru/polzv/57/3a208721f85e.png" height="34" style="font-weight: bold; padding:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-left:39px; margin-top:-3px; position: absolute; width:35px;"> <?endif?></img>
Настройка скрипта:
Код
src="Ваш оператор картинки или ссылка" ==> здесь должен быть оператор,вашей картинки пример $SCREEN_URL$ или какой ни-будь другой.
width="80px" ==> размер главной картинки на которую будет появляться картинка New можно увеличить по вашему желанию.
height="34" ==> размер картинки New,иногда главная картинки меньше,и картинка New вылазит из берегов.
margin-left:39px; margin-top:-3px; ==> это положение картинки,у некоторых она может покоситься.
Категория: Скрипты |
Просмотров: 625 |
Добавил: RedStar |
Дата: 09.12.2014
|
ОСТАВЬ СВОЁ МНЕНИЕ О НАШЕМ САЙТЕ
Описание данного скрипта:
Скрипт отправляет сообщение на форум. Всё достаточно легко, Вам только нужно прописать: Полный адрес темы, ID раздела и ID темы. Остальное всё автоматически делает скрипт, красивое окошко, поддержка каптчи для определённых групп и стоит запрет отправки если сообщение имеет меньше 2-ух символов. Так же красиво выводятся сообщения об успешной отправке и об ошибке. В общем тестируем и оцениваем!
Перейдем к этапам установки.
1. В конец Вашего CSSвставляем данный код:
Код
.BackIdea {position:fixed; top:15%; left:0;; width:100%;}
.WrapIdea {color:#000; text-align:left; border:1px solid #fff; background:#fff; padding:75px; width: 460px; padding:5px; margin:0px auto 0px auto; -moz-box-shadow: 0px 0px 3px #888;-webkit-box-shadow: 0px 0px 3px #888;box-shadow: 0px 0px 3px #888; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.headIdea {background:#5e86bc; color:#fff; padding:8px 10px 10px 10px; margin:7px -6px 7px -6px; text-shadow:1px 1px 0px rgba(0,0,0,0.40);}
.InputIdea {padding-top:3px;}
#TextIdea {border:1px solid #3e5e8a; background:#fff; padding:3px; width:364px; font-size:11px; font-family:tahoma; color:#000; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#SubmitIdea {float:right; border:1px solid #3e5e8a; background-color:#4972a4; font:11px tahoma; font-weight:bold; color:#fff; padding:2px 5px 3px 5px; margin-left:5px; text-shadow:0px 1px 0px rgba(0,0,0,0.40) !important; -webkit-border-radius: 2px !important;-moz-border-radius: 2px !important;border-radius: 2px !important;}
#SubmitIdea:hover {background-color:#456d9e; cursor:pointer;}
#closeIdea {float:right; margin-top:-1px; cursor:pointer;}
#cap_val {border:1px solid #ccc; background-image:none; background:#fff; padding:3px; font-size:12px; font-family:tahoma; color:#930505; font-weight:bold; height:36px; margin-right:5px; width:85px; text-align:center; vertical-align:top;}
2. Этот код ставим сразу после <body>
Код
<div class="BackIdea" style="display:none;"><div class="WrapIdea">
<span style="color:#bbb; margin-top:-2px;"><span id="StatuSite">Ваше мнение о нашем сайте</span></span>
<img onclick="$('.BackIdea').fadeOut();" id="closeIdea" src="http://www.php-ucoz.ru/img/1/close.png" border="0" />
<div class="headIdea"><b style="font-size:12px; font-family:tahoma; padding-left:1px;">Моё мнение...</b>
<div class="InputIdea"><input id="SubmitIdea" onclick="AddIdea()" type="submit" value="отправить" /><input id="TextIdea" type="text" /></div>
</div><div id="sec_div"></div>
</div></div>
3. Ссылка вызова окна:
<a href="javascript://" onclick="$('.BackIdea').fadeIn();">Подать идею</a>
4. И этот, последний код ставим перед </body>
<script type="text/javascript">
var FullthUrl = '/forum/2-1'; // Ссылка на тему
var FthUrl = '2'; // ID раздела
var thUrl = '1'; // ID темы
</script>
<script type="text/javascript" src="http://www.php-ucoz.ru/js/uSite.Add-idea.js"></script>
/forum/2-1 — адрес Вашей темы
2— ID раздела
1 — ID темы
Категория: Скрипты |
Просмотров: 595 |
Добавил: RedStar |
Дата: 09.12.2014
|
ИНФОРМЕР ПОСЛЕДНИХ СООБЩЕНИЙ ФОРУМА 2.0 BY APOCALYPSE ДЛЯ UCOZ
Описание данного информера:
Интересный информер выводящий последние сообщения форума для uCoz, выглядит стильно и прост в установке.
Особенности:
1) Полностью переписан движок скрипта, подгружающего последние сообщения форума
2) Полностью изменён внешний вид
3) Исправлены мелкие баги
Установка:
Для начала создаём информер следующего вида:
[ Форум · Материалы · Последние обновленные темы · Материалы: 10 · Колонки: 1 ]
В шаблоне информера заменяем всё на:
Код
<style>
.tds1 {background:#555;border-radius:5px 0 0 5px;padding:2px;box-shadow:1px 1px 3px #888;}
.tds2 {background:#555;padding:2px;box-shadow:1px 1px 2px #777;box-shadow:1px 1px 3px #888;}
.tds21 {background:#656565;padding:2px;}
.tds22 {background:#656565;padding:2px;}
.tds3 {background:#555;border-radius:0 5px 5px 0;padding:2px;box-shadow:1px 1px 3px #888;}
.mtb {margin-top:3px;opacity:0.8;position:relative;z-index:20;}
.mainblocker$NUMBER$ {background:#444;box-shadow:1px 1px 3px #222;border:3px solid #555;border-radius:3px;position:absolute;margin-left:97px;margin-top:-21px;;padding:2px;min-width:300px;}
</style>
<table class="mtb" height="20px" cellspacing="0">
<tr>
<td width="20px" class="tds1" align="center">
$NUMBER$
</td>
<td width="5px" class="tds21" align="center">
</td>
<td title="Оставил последнее сообщение" width="100px" class="tds2" align="center">
$POST_USER$
</td>
<td width="5px" class="tds22" align="center">
</td>
<td width="80px" class="tds3">
<a href="$LAST_POST_URL$"><img width="16px" border="0" src="http://www.php-ucoz.ru/apo/forum-inf.png" title="Название форума: $THREAD_TITLE$ [Клик для перехода в тему]" /></a>
<img width="16px" border="0" src="http://www.php-ucoz.ru/apo/nu-inf.png" title="Тема создана: $DATE$, $WDAY$ в $TIME$" />
<img width="16px" border="0" src="http://www.php-ucoz.ru/apo/bu-inf.png" title="Всего ответов: $REPLIES$" />
<a href="javascript://"><img width="16px" border="0" src="http://www.php-ucoz.ru/apo/lc-inf.png" class="im1" id="licon$NUMBER$" title="Подгрузить последнее сообщение [$THREAD_TITLE$]" /></a>
</td>
</tr>
</table>
<script>
$('img#licon$NUMBER$').toggle(function() {
$('.im1').fadeOut(300);
$('img#licon$NUMBER$').fadeIn(300);
$(this).before('<div class="mainblocker$NUMBER$" id="lhere$NUMBER$"><center><img height="12px" src="http://www.php-ucoz.ru/apo/loading.gif" /></center></div>');
$('div#lhere$NUMBER$').load('$LAST_POST_URL$ #test:last', function () {
this.innerHTML = this.innerHTML.slice(0, 500);
$('div#lhere$NUMBER$').append('<span title="Сообщение может быть обрезано">...</span>');
});
}, function() {
$('div#lhere$NUMBER$').fadeOut(500);
$('.im1').fadeIn(300);
});
</script>
Осталось лишь в нужное вам место пометить код получившегося информера (У меня это, к примеру, $MYINF_8$)
В прикреплённом архиве находятся иконки на тот случай, если ссылки на них станут битыми