» »

Шикарный топ сайтов


Шикарный топ сайтов

О топ сайте
Шикарный топ сайтов, создан оригинально, красиво будит смотреться, на серо - светлых шаблонов сайта. На старом сайте стояла это страница. Просто блеск и респект кто ее создал. Реальна красивая и реактивная. Кто решиться ее поставить точно говорю потом не пожалеет. От такой страницы и сайт сам вдохновиться. На сайте zornet.ru вы всегда найдете нужный скрипт или шаблон ucoz для сайта. так же на форуме есть раздел все для сайта ucoz. И там же можно найти раздел о помощи или подсказки по теме дизайн сайта.
Приступаем к установке
Скачиваем файл и заливаем(вставляем) в корень сайта в папку top файлы.
В главную страницу каталога сайтов вставляем код:
Code
<html>  
<head>  
<meta http-equiv="content-type" content="text/html; charset=UTF-8">  
<title>$MODULE_NAME$ - $SITE_NAME$</title>  
   
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
<style type="text/css" media="all">  
@import url(/top/highslide.css);  
</style>  
<script type='text/javascript' src='/top/highslide.js'></script>  
<script type='text/javascript' src='/top/include_highslide.js'></script>  
<script type="text/javascript">  
hs.graphicsDir = '/highslide/graphics/';  
</script>  
</head>  
<body style="background-color:#FFFFFF; margin:0;padding:0;">  
$ADMIN_BAR$  

$GLOBAL_AHEADER$  

<!-- <middle> --><table style="width: 100%; border-collapse: collapse;"><tbody><tr>  
<td style="vertical-align: top; letter-spacing: 0px; word-spacing: 0px; width: 232px; text-align: center;" rowspan="2">  

$GLOBAL_CLEFTER$  
</td>  

<td valign="top" width="80%" style="padding-top:5px">  
<table border="0" cellpadding="10" cellspacing="0" width="100%" style="border:1px solid #D7D7D7;"><tr><td style="background:#F8F8F8;"><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <!--<s3194>-->Каталог сайтов<!--</s>--> (<b>$NUM_ENTRIES$</b>)</td>  
<td align="right" style="white-space: nowrap;">[ <a href="$ADD_ENTRY_LINK$"><!--<s5228>-->Добавить сайт<!--</s>--></a> ]</td>  
</tr>  
</table>  
<hr />  

  <table width="100%" cellspacing="0" cellpadding="0" border="0" class="eBlock"><tbody><tr><td style="padding: 3px;">  
  <div style="text-align: center;" class="eTitle">Правила добавления сайта:</div>  

<div style="text-align: center; clear: both; padding-top: 2px; padding-bottom: 2px;" class="eMessage"><br/>Сайт должен содержать материал (контент). Виден в поиске. Статистика посещения не менее 20 хостов в день. Зарегистрированно пользователей от 20-ти. Если данные требования не выполняються, ваш сайт будет удален из каталога. Так же если вы не установите код счетчика в течении суток, сайт будет удален из каталога.<br/></div></td></tr></tbody></table><br/>  
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="eBlock"><tbody><tr><td style="padding: 3px;">  
<div style="text-align: center;" class="eTitle">Как это работает?</div>  
<div style="text-align: center; clear: both; padding-top: 2px; padding-bottom: 2px;" class="eMessage"><br/>Вы регистрируете Ваш сайт у нас, мы даём Вам код баннера нашего ТОП`а, который нужно разместить у Вас на сайте. Ваши пользователи кликают на баннер, Ваш сайт поднимается всё выше и выше в ТОП`е. Никаких накруток, только реальные пользователи. Вывод чем выше сайт, тем больше к вам зайдут с нашего Топ`а.<br/></div></td></tr></tbody></table><br/><table width="100%" cellspacing="0" cellpadding="0" border="0" class="eBlock"><tbody><tr><td style="padding: 3px;">  
  <div style="text-align: center;" class="eTitle">Код баннера:</div>  
  <div style="text-align: center; clear: both; padding-top: 2px; padding-bottom: 2px;" class="eMessage"><br/>Код баннера можно найти, при переходе на страницу с детальным обзором своего сайта (просто кликнуть на 'Код счетчика'). Размещение кода баннера обязательное! Если Модератор при проверке неувидит баннера нашего ТОП`а у вас на сайте, сайт сразу же будет удалён с нашего ТОП`а<br/></div></td></tr></tbody></table><br/><table width="100%" cellspacing="0" cellpadding="0" border="0" class="eBlock"><tbody><tr><td style="padding: 3px;"><div style="text-align: center;" class="eTitle">Категории:</div>  
<div style="text-align: center; clear: both; padding-top: 2px; padding-bottom: 2px;" class="eMessage"><br/><table width="100%" cellspacing="1" cellpadding="0" border="0" class="catsTable"><tbody><tr><td valign="top" id="cid1" class="catsTd" style="width: 50%;">  
   
  $CATEGORIES$  
  </div></td></tr></tbody></table></div></td></tr></tbody></table><br/>  

   
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="eBlock"><tbody><tr><td style="padding: 3px;">  
<div style="text-align: center;" class="eTitle">Столбцы:</div>  
<div style="text-align: center; clear: both; padding-top: 2px; padding-bottom: 2px;" class="etext"><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td style="padding: 3px;">  
  <div class="eMessage"><table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="letter-spacing: 0px; word-spacing: 0px; height: 50px;"><strong>Название:</strong><br/></td><td align="center" style="width: 88px; text-align: center; letter-spacing: 0px; word-spacing: 0px;"><strong></strong><br/></td><td align="center" style="width: 88px; text-align: center; letter-spacing: 0px; word-spacing: 0px;"><strong></strong></td><td align="center" style="text-align: center; letter-spacing: 0px; word-spacing: 0px; width: 88px;"><strong></strong><br/></td><td align="center" style="text-align: center; letter-spacing: 0px; word-spacing: 0px; width: 100px;"><strong>Код банера:</strong><strong/></td><td align="center" style="width: 100px; text-align: center; letter-spacing: 0px; word-spacing: 0px;"><strong></strong><strong/></td><td align="center" style="width: 120px; text-align: center; letter-spacing: 0px; word-spacing: 0px;"><strong>Зашли/Перешли:</strong><br/></td><td align="center" style="width: 120px; text-align: center; letter-spacing: 0px; word-spacing: 0px;"><strong>Баннер:</strong></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table><br/>  

   
   
$BODY$  

   
  <div style="text-align:center;">$PAGE_SELECTOR1$</div>  
   
   
  <!-- </body> --></td></tr></table>  
</td>  

<td valign="top" style="padding:3px">  
$GLOBAL_DRIGHTER$  

</td>  
</tr>  
</table>  
<!-- </middle> -->  

$GLOBAL_BFOOTER$  

</body>  

</html>


В вид материалов вставляем:

Code
<style>  

  .e-news {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius: 6px; background:#fff; border:1px solid #B8B6B6; padding:1px; margin-bottom:3px;}  
  .e-title {text-align:left; background:url('/top/e-title.png') repeat-x #FFFFFF; background-position:0 50%; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}  
  .e-title a:link, .e-title a:visited {color:#fff; font-size:9pt; text-shadow:0px 1px 0px #000000;}  
  .e-title a:hover, .e-title a:active {color:#fff; text-shadow:0px 0px 5px #fff;}  
  .eMessagetestcs a img, .eMessagetestcs img {padding:3px !important;background:#ffffff;  
  border:1px solid#dbdbdb !important;border-radius:4px;  
  -moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}  
  a img {border:0px;}  
  .e-Attach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/top/21.gif') no-repeat 0px 0px;}  
  .e-Details {background:url('/top/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt; }  
  .e-Details1 {background:url('/top/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }  
  .e-Details2 {background:url('/top/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }  
  a.button {border:0px; background: transparent url('/top/28.png') no-repeat scroll top right; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 26px; margin: 2px; padding-right: 8px; /* sliding doors padding */ text-decoration: none;}  
  a.button span {border:none; background: transparent url('/top/button_span.png') no-repeat; display: block; line-height: 23px; padding: 1px 0 2px 8px; vertical-align:middle; color: #fff;}  
  a.button:hover { outline: none; background-position: 100% -26px; color: #fff; text-decoration: none;}  
  a.button:hover span { background-position: 0% -26px; color: #fff;}  
  a.button:active { outline: none; background-position: 100% -52px; text-decoration: none;}  
  a.button:active span { background-position: 0% -52px; color: #fff;}  

  /*BANNERS*/  
  .banners a img {  
  opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);  
  }  

  .banners a:hover img {  
  opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);  
  }  
  /*------------------*/  
</style>  

<div class="e-news"><div class="e-Title" style="text-align: left;"><strong><a href="$ENTRY_URL$">$TITLE$</a></strong></div>  
<div style="background:#ebebeb ; border-width:1; border-color: rgb(190,190,190); border-style:dotted; padding:5px;">  
<a target="_blank" href="$ENTRY_URL$" title="Бесплатный ТОП Лучших сайтов ру-нета Cs-Steame.ru">  
   
</a><table id="table1" width="100%" border="0">  
<tbody><tr>  
<td width="5%" align="center" valign="middle"><b><a href="$ENTRY_URL$"><b> <img src="/top/questioncoin.png" id="pic" width="70" title="Обсудить,посмотреть?" border="0"></b></a></b></td>  
<td width="45%" align="center" valign="middle"><a href="$SITE_URL$" target="blank"> <b>$TITLE$</b></a> $MODER_PANEL$<br><br></td>  
   
  <td width="15%" align="center" valign="middle"><img src="/top/tops4et4ik.png" style="cursor: pointer;" onclick="_uWnd.alert('Код счетчика для сайта:<br><b>$TITLE$</b><br><span style=\'font-size: 7pt;\'>($SITE_DIRECT_URL$)</span><hr>Для того что бы сайт $TITLE$ был на первых местах в ТОП\'е,нужно установить на своем сайте персональный баннер или ссылку этого сайта. Чем больше переходов по ссылке(баннере),тем выше рейтинг сайта и тем выше сайт в ТОПЕ.<hr>Варианты счетчиков:<br><br><b>Вариант[1]-Кнопка 88х31.</b><br>Вид кнопки:<br><img src=\'/TOP/88x31.jpg\' border=\'0\'><br>Код баннера:<br><textarea cols=\'25\' rows=\'4\' style=\'width: 100%; font-size: 12px;\' readonly=\'readonly\' scrolling=\'auto\' onclick=\'select(this)\'><a href=\'$ENTRY_URL$\'><img src=\Ваша ссылка на картинку 88х31\' title=\'лучший игровой ТОП сайтов!\' alt=\' лучший игровой ТОП сайтов!\' align=\'\' border=\'0\' height=\'31\' width=\'88\'></a></textarea><br><b>Вариант[2]-Баннер 468х60.</b><br>Вид баннера:<br><img src=\'Ссылка на банер\' border=\'0\'><br>Код баннера:<br><textarea cols=\'25\' rows=\'4\' style=\'width: 100%; font-size: 12px;\' readonly=\'readonly\' scrolling=\'auto\' onclick=\'select(this)\'><a href=\'$ENTRY_URL$\'><img src=\'Ваша ссылка на банер 468х60' title=\'лучший игровой ТОП сайтов!\' alt=\'лучший игровой ТОП сайтов!\' align=\'\' border=\'0\' height=\'60\' width=\'468\'></a></textarea><br><br><b>Вариант[3]-Кнопка TOP 100.</b><br>Вид кнопки:<br><img src=\'Ваша ссылка на банер' border=\'0\'><br>Код баннера:<br><textarea cols=\'25\' rows=\'4\' style=\'width: 100%; font-size: 12px;\' readonly=\'readonly\' scrolling=\'auto\' onclick=\'select(this)\'><a href=\'$ENTRY_URL$\'><img src=\'Ваша ссылка на банер' title=\'лучший игровой ТОП сайтов!\' alt=\'лучший игровой ТОП сайтов!\' align=\'\' border=\'0\' height=\'15\' width=\'88\'></a></textarea><br><b>Вариант [4]-Текстовая ссылка</b><br>Вид ссылки<br><a href=\'$ENTRY_URL$\' title=\'Бесплатная раскрутка сайтов\'>Бесплатная раскрутка сайтов!</a><br>Код ссылки<br><textarea cols=\'25\' rows=\'2\' style=\'width: 100%; font-size: 12px;\' readonly=\'readonly\' scrolling=\'auto\' onclick=\'select(this)\'><a href=\'$ENTRY_URL$\' target=_blank title=\'Бесплатная раскрутка сайтов\'>Бесплатная раскрутка сайтов</a></textarea><br><b>Прямая ссылка</b>-разошлите ее друзьям по icq или по e-mail<br><textarea cols=\'25\' rows=\'1\' style=\'width: 468px; font-size: 12px;\' readonly=\'readonly\' scrolling=\'auto\' onclick=\'select(this)\'>$ENTRY_URL$</textarea><hr><b>Чтобы закрыть эту таблицу - обновите страницу,или нажмите на X в верхнем правом углу таблицы.<br>','Информация',{w:510,h:300,tm:999999});"></td>  
   
   
<td width="35%" align="center" valign="middle"><b><span style="color: rgb(255, 0, 0);">П</span>ришли: <span style="color: rgb(255, 0, 0);">$READS$</span></b><br><br><b><span style="color: rgb(255, 0, 0);">З</span>ашли: <span style="color: rgb(255, 0, 0);">$REDIRECTS$</span></b></td>  
<td width="20%" align="center" valign="middle"><img height="31" src="$OTHER1$" width="88" border="0"><img height="31" src="$SCREEN_URL$" width="88" border="0"><img height="31" src="http://cs-steame.ru/images/016f8e40f1e2.gif" width="88" border="0"></td>  

   
  </tr>  
  </tbody></table></div>  
   
<div class="e-Attach">Прикрепления: $ATTACHMENTS$</div></a><div class="e-Details" style="clear: both;"><a target="_blank" href="$ENTRY_URL$" title="Бесплатный ТОП Лучших сайтов ру-нета Cs-Steame.ru"></a>  

? Категория: $CATEGORY_NAME$ |  
   
Добавил: </a><a href="$PROFILE_URL$">$USERNAME$</a> |  
Дата: <span title="$TIME$">$DATE$</span>  

</div></div>


Далее в страницу материала и комментариев к нему:

Code
<html><head>  

<meta http-equiv="content-type" content="text/html; charset=UTF-8">  
<title>$ENTRY_TITLE$ - $CAT_NAME$ $SECTION_NAME$ $MODULE_NAME$ - $SITE_NAME$</title>  
   
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
<style type="text/css" media="all">  
@import url(http://www.csomsk.ru/highslide/highslide.css);  
</style>  
<script type='text/javascript' src='/top/highslide.js'></script>  
<script type='text/javascript' src='/top/include_highslide.js'></script>  
<script type="text/javascript">  
hs.graphicsDir = '/highslide/graphics/';  
</script>  
</head>  
<body style="background-color:#FFFFFF; margin:0;padding:0;"><!--  
$ADMIN_BAR$  

$GLOBAL_AHEADER$  

  <middle> <table style="width: 100%; border-collapse: collapse;"><tbody><tr>  
<td style="vertical-align: top; letter-spacing: 0px; word-spacing: 0px; width: 232px; text-align: center;" rowspan="2">  

$GLOBAL_CLEFTER$  
</td>  

<td style="padding-top:5px" valign="top" width="80%">  
<table style="border:1px solid #D7D7D7;" border="0" cellpadding="10" cellspacing="0" width="100%"><tbody><tr><td style="background:#F8F8F8;"><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tbody><tr>  
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3194>-->Каталог сайтов<!--</s>--></a> » <a href="$SECTION_URL$">$SECTION_NAME$</a> » <a href="$CAT_URL$">$CAT_NAME$</a></td>  
<td style="white-space: nowrap;" align="right">[ <a href="$ADD_ENTRY_LINK$"><!--<s5228>-->Добавить сайт<!--</s>--></a> ]</td>  
</tr>  
</tbody></table>  
<hr>  
<div style="padding-bottom: 3px;" class="eTitle">$ENTRY_TITLE$</div>  

<table class="eBlock" border="0" cellpadding="2" cellspacing="0" width="100%">  
<tbody><tr><td width="85%">  
</td><td style="font-size: 7pt; white-space: nowrap;" align="right">$ADD_DATE$, $ADD_TIME$</td></tr>  
<tr><td colspan="2" class="eText"><table class="eBlock" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px; border-left: 1px solid rgb(230, 230, 250); border-right: 1px solid rgb(230, 230, 250); border-color: rgb(230, 230, 250); border-width: 1px; border-style: solid; letter-spacing: 0px; word-spacing: 0px;" width="33%"><div style="text-align: center;" class="eTitle">Баннер сайта:</div><div style="clear: both; padding-top: 2px; padding-bottom: 2px;" class="eMessage"><center><a target="_blank" href="$SITE_DIRECT_URL$"><img alt="" src="$OTHER1$" height="31" width="88"></a></center></div></td><td style="padding: 3px; border-left: 1px solid rgb(230, 230, 250); border-right: 1px solid rgb(230, 230, 250); border-color: rgb(230, 230, 250); border-width: 1px; border-style: solid; letter-spacing: 0px; word-spacing: 0px;" width="33%"><div style="text-align: center;" class="eTitle">Тиц/PR:</div><div style="clear: both; padding-top: 2px; padding-bottom: 2px;" class="eMessage"><center><img src="http://www.wtools.biz/sample2.php?$SITE_DIRECT_URL$,255,255,255,0,100,0,255,0,0,96,192,96,192,255,160" border="0" height="31" width="88"></center></div></td><td style="padding: 3px; border-left: 1px solid rgb(230, 230, 250); border-right: 1px solid rgb(230, 230, 250); border-color: rgb(230, 230, 250); border-width: 1px; border-style: solid; letter-spacing: 0px; word-spacing: 0px;" width="50%"><div style="text-align: center;" class="eTitle">Качество сайта:</div><div style="clear: both; padding-top: 2px; padding-bottom: 2px;" class="eMessage"><center><img src="http://www.cys.ru/button.png?url=$SITE_DIRECT_URL$" title="Бесплатно проверить качество сайта" width="88" height="31"></center></div></td></tr></tbody></table>  
   
  <table class="eBlock" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px;">  
<div style="text-align: center;" class="eTitle">Описание сайта прелоставленное $USER$:</div>  
  <div style="text-align: center; clear: both; padding-top: 2px; padding-bottom: 2px;" class="eMessage"><br><b>$ENTRY_TITLE$</b> - $BRIEF$. <br>Данный веб-сайт входит в категорию: <b>$CAT_NAME$</b>.<br><hr><b>Поделись с друзьями:</b><br><script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>  
  <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug"></div><div align="center"></div>  
   
  <br></div></td></tr></tbody></table>  
   
   
   
   
  <tr><td class="eDetails" colspan="2"><div style="float:right"></div><!--<s3182>-->Переходов<!--</s>-->: <b>$REDIRECTS$</b>  
| <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a>  
| <!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<b><span id="entRated$ID$">$RATED$</span></b>  
| <!--<s5308>-->Теги<!--</s>-->: $TAGS$</td></tr>  

   
   
   
   
  <hr>  
</div>  
</td></tr>  
</tbody></table>  

<table border="0" cellpadding="0" cellspacing="0" width="100%">  
  <tbody><tr>  

   
   
</tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tbody><tr><td height="25" width="60%"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td height="25" align="right">$COM_PAGE_SELECTOR$</td></tr>  
<tr><td colspan="2">$COM_BODY$</td></tr>  
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>  
<tr><td colspan="2" height="10"></td></tr>  
</tbody></table>  
   

   
$COM_ADD_FORM$  
   
<div align="center" class="commReg"><!--<s5237>--><div class="info-box"> <table border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr> <td width="42" valign="top" align="center"> <img src="http://nagan-cs.3dn.ru/scripts/info-32.png"> </td> <td><b>Информация:</b><br>Посетители, находящиеся в группе <b>Гости</b>, не могут оставлять комментарии к данной публикации.</td> </tr></tbody></table></div><!--</s>-->
[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div>  
   
<!-- </body> --></td></tr></tbody></table>  
</td>  

<td style="padding:3px" valign="top">  
$GLOBAL_DRIGHTER$  

</td>  
</tr>  
</tbody></table>  
<!-- </middle> -->  

$GLOBAL_BFOOTER$  

</body></html>
16.05.2012 Загрузок: 19 Просмотров: 866 Комментарий: (12)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar