Стили:
Code
<style type="text/css">
.catsTable{}
.catsTd{padding:5px 0px 5px 5px;}
.catNumData{color:#7b7b7b;}
a.catName,a.catNameActive{text-decoration:none;font-weight:bold;}
a.catName:link,a.catName:visited{color:#000;}
a.catName:hover{color:#000;}
a.catName:active{color:#000;}
a.catNameActive:link,a.catNameActive:visited{color:#000;}
a.catNameActive:hover{color:#000;}
a.catNameActive:active{color:#000;}
</style>
Скрипт:
Code
<script type="text/javascript">
function catsTdMenu(){if($.browser.msie&&$.browser.version<9)return false;
$('td.catsTd').hover(function(){$(this).animate({paddingLeft:'15px'},200);},function(){$(this).stop(true,true).animate({paddingLeft:'5px'},200);});}
</script>
HTML:
Code
<!--Start-->
<table class="catsTable" border="0" cellpadding="0" cellspacing="1" width="100%"><tbody><tr><td style="width: 100%;" class="catsTd" id="cid2" valign="top"><a href="http://likbezz.ru/publ/coding/2" class="catName">Web-кодинг</a> <span class="catNumData" style="unicode-bidi: embed;">[14]</span></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid5" valign="top"><a href="http://likbezz.ru/publ/programming/5" class="catName">Web-программирование</a> <span class="catNumData" style="unicode-bidi: embed;">[17]</span><div class="catDescr">Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet-приложений</div></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid8" valign="top"><a href="http://likbezz.ru/publ/ucoz/8" class="catName">Статьи о/про uCoz</a> <span class="catNumData" style="unicode-bidi: embed;">[22]</span><div class="catDescr">Статьи о/про uCoz. В этом разделе вы найдете статьи о сервисе uCoz, скрипты для юкоз, примеры кодов и оформления сайтов, созданных в системе юКоз</div></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid3" valign="top"><a href="http://likbezz.ru/publ/content/3" class="catName">Контент</a> <span class="catNumData" style="unicode-bidi: embed;">[10]</span></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid4" valign="top"><a href="http://likbezz.ru/publ/seo/4" class="catName">SEO Оптимизация, раскрутка</a> <span class="catNumData" style="unicode-bidi: embed;">[9]</span><div class="catDescr">SEO (Search Engine Optimization)— это комплекс мероприятий, целью которых является улучшение позиций сайта в выдаче поисковых систем по конкретным запросам.</div></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid6" valign="top"><a href="http://likbezz.ru/publ/subtleties/6" class="catName">Тонкости Web</a> <span class="catNumData" style="unicode-bidi: embed;">[1]</span></td></tr></tbody></table>
<script type="text/javascript">catsTdMenu();</script>
<!--//End-->
Для шаблона:
Code
$CATEGORIES$
<script type="text/javascript">catsTdMenu();</script>
☑ Пример ...
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>catsTdMenu $.animate()</title>
<meta name="description" content="catsTdMenu $.animate()" />
<meta name="copyright" content="Likbezz aka Flesh" />
<meta http-equiv="cache-control" content="no-cache" />
<link id="myStyleDm1" rel="stylesheet" type="text/css" href="/_source/_tpl/dm1/st/example_dm1.css" media="screen" />
<link type="text/css" rel="StyleSheet" href="http://s2.ucoz.net/src/layer1.css" />
<script type="text/javascript" src="http://s2.ucoz.net/src/jquery-1.6.1.js"></script>
<script type="text/javascript" src="http://s2.ucoz.net/src/uwnd.js?2"></script>
<style type="text/css">
.catsTable{}
.catsTd{padding:5px 0px 5px 5px;}
.catNumData{color:#7b7b7b;}
a.catName,a.catNameActive{text-decoration:none;font-weight:bold;}
a.catName:link,a.catName:visited{color:#000;}
a.catName:hover{color:#000;}
a.catName:active{color:#000;}
a.catNameActive:link,a.catNameActive:visited{color:#000;}
a.catNameActive:hover{color:#000;}
a.catNameActive:active{color:#000;}
</style>
<script type="text/javascript">
function catsTdMenu(){if($.browser.msie&&$.browser.version<9)return false;
$('td.catsTd').hover(function(){$(this).animate({paddingLeft:'15px'},200);},function(){$(this).stop(true,true).animate({paddingLeft:'5px'},200);});}
</script>
</head>
<body id="dm1">
<div id="return">
<h1>catsTdMenu $.animate()</h1>
<a href="http://likbezz.ru/forum/8" title="Back to the post">Back to the post</a>
</div>
<div id="exWrapp">
<div id="exContent">
<!--Start-->
<table class="catsTable" border="0" cellpadding="0" cellspacing="1" width="100%"><tbody><tr><td style="width: 100%;" class="catsTd" id="cid2" valign="top"><a href="http://likbezz.ru/publ/coding/2" class="catName">Web-кодинг</a> <span class="catNumData" style="unicode-bidi: embed;">[14]</span></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid5" valign="top"><a href="http://likbezz.ru/publ/programming/5" class="catName">Web-программирование</a> <span class="catNumData" style="unicode-bidi: embed;">[17]</span><div class="catDescr">Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet-приложений</div></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid8" valign="top"><a href="http://likbezz.ru/publ/ucoz/8" class="catName">Статьи о/про uCoz</a> <span class="catNumData" style="unicode-bidi: embed;">[22]</span><div class="catDescr">Статьи о/про uCoz. В этом разделе вы найдете статьи о сервисе uCoz, скрипты для юкоз, примеры кодов и оформления сайтов, созданных в системе юКоз</div></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid3" valign="top"><a href="http://likbezz.ru/publ/content/3" class="catName">Контент</a> <span class="catNumData" style="unicode-bidi: embed;">[10]</span></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid4" valign="top"><a href="http://likbezz.ru/publ/seo/4" class="catName">SEO Оптимизация, раскрутка</a> <span class="catNumData" style="unicode-bidi: embed;">[9]</span><div class="catDescr">SEO (Search Engine Optimization)— это комплекс мероприятий, целью которых является улучшение позиций сайта в выдаче поисковых систем по конкретным запросам.</div></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid6" valign="top"><a href="http://likbezz.ru/publ/subtleties/6" class="catName">Тонкости Web</a> <span class="catNumData" style="unicode-bidi: embed;">[1]</span></td></tr></tbody></table>
<script type="text/javascript">catsTdMenu();</script>
<!--//End-->
</div>
</div>
</body>
</html>
...