Последние файлы.


Последние файлы.

1215
6 из 10
Проголосовало: 7





Демо gif.

Установка:
В <head></head>
Code
<head>

<style>  

.featured_banner {
  background-color:#F5F5F5;
}

.featured_post {
  margin:0 60px 0 0;
  width:280px;
  position:relative;
  height:auto;
}

.featured_post_last {
  margin:0;
}

.featured_poster_overflow {
  overflow:hidden;
  padding:10px 0 0;
  height:320px;
  position:relative;
  display:block;
}

.featured_banner .featured_poster_overflow {
  border-bottom:1px solid #B0B0B0;
}

.featured_banner_dark .featured_poster_overflow {
  border-bottom:1px solid #111111;
}

.featured_poster_wrap {
  width:278px;
  height:309px;
  display:block;
  z-index:1;
  position:relative;
  top:10px;
}

.featured_banner .featured_poster_wrap {
  background:#FFFFFF;
  border-left:1px solid #B0B0B0;
  border-right:1px solid #B0B0B0;
  border-top:1px solid #B0B0B0;
}

.featured_banner_dark .featured_poster_wrap {
  background:#222222;
  border-left:1px solid #111111;
  border-right:1px solid #111111;
  border-top:1px solid #111111;
}

.featured_poster_wrap img.featured_poster {
  position:absolute;
  border:1px solid #111111;
  width:258px;
  top:9px;
  left:9px;
}

.featured_banner .featured_poster_wrap img.featured_poster {
  border:1px solid #B0B0B0;
}

.featured_banner_dark .featured_poster_wrap img.featured_poster {
  border:1px solid #111111;
}

.featured_post:hover img.featured_poster {
  margin-top:0%;
}

.featured_post .rating {
  background:#FFFFFF;
  display: block;
  height: 20px;
  padding: 5px;
  position: absolute;
  left: 82px;
  top: 310px;
  z-index: 200;
  width:106px;
  text-align:center;
  margin:0;
}

.featured_banner .featured_post .rating {
  border:1px solid #B0B0B0;
}

.featured_banner_dark .featured_post .rating {
  border:1px solid #111111;
}

.featured_post .contest {
  background:url("http://sss-fr.ucoz.lv/images/contest_ribbon.png") 0 0 no-repeat transparent;
  display: block;
  height: 109px;
  position: absolute;
  right: 20px;
  top: 25px;
  z-index: 200;
  width:45px;
}

.featured_post:hover .contest {
  margin-top:0%;
}

.featured_post .featured_title a {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0;
  text-align: center;
}

.featured_banner .featured_post .featured_title a {
  color: #333333;
  text-shadow: 0 1px 0 #FFFFFF;
}

.featured_banner_dark .featured_post .featured_title a {
  color: #FFFFFF;
  text-shadow: 0 1px 0 #111111;
}

.featured_post .featured_title a:hover {
  text-decoration:none;
}

</style>  

<script type="text/javascript" src="http://themes.designcrumbs.com/reviewer/wp-content/themes/reviewer/js/jquery.min.js"></script>
   
   
  <script type="text/javascript">
  /* <![CDATA[ */  
  var J = jQuery.noConflict();
  J(document).ready(function(){
   
  // Adds class to commenters
  J(document).ready(function($) {
  $("ul.commentlist li:not(.bypostauthor)").children(".the_comment").addClass("not_author");
  });
   
  // Childen Flyout on Menu
  function mainmenu(){
  J("#pagemenu ul li ul, #category_menu ul li ul").css({display: "none"}); // Opera Fix
  J("#pagemenu ul li, #category_menu ul li").hover(function(){
  J(this).find('ul:first').css({visibility: "visible",display: "none"}).show(300);
  },function(){
  J(this).find('ul:first').css({visibility: "hidden"});
  });
  }
   
  J(document).ready(function(){  
  mainmenu();
  });
   
  // Animates the soc nets on hover
  J("#socnets").delegate("img", "mouseover mouseout", function(e) {
  if (e.type == 'mouseover') {
  J("#socnets a img").not(this).dequeue().animate({opacity: "0.3"}, 300);
  } else {
  J("#socnets a img").not(this).dequeue().animate({opacity: "1"}, 300);
  }
  });
   
  // Add classes and divs
  J('.widget_half:nth-child(2n-1)').addClass('right');
  J('.widget_half:nth-child(2n)').addClass('left');
  J('.featured_post:nth-child(3)').addClass('featured_post_last');
   
  // Animates the Sticky Posters on Hover
  J(function() {
  J('.featured_post').hover(function(){
  J(this).find('img.featured_poster').animate({top:'-9px'},{queue:false,duration:200});
  J(this).find('.contest').animate({top:'7px'},{queue:false,duration:200});
  }, function(){
  J(this).find('img.featured_poster').animate({top:'9px'},{queue:false,duration:400});
  J(this).find('.contest').animate({top:'25px'},{queue:false,duration:400});
  });
  });
   
  // Index poster hovers
  J(document).ready(function(){
  J('.poster_info_wrap').hover(function(){
  J(this).children('.description').stop().fadeTo(200, .9);
  },function(){
  J(this).children('.description').stop().fadeTo(200, 0);
  });
  });
   
  //Style Switcher
  J('.one').click( function(){ J
  ('.featured_banner').removeClass('featured_banner').addClass('featured_banner_dark');
  });
   
  J('.two').click( function(){ J
  ('.featured_banner_dark').removeClass('featured_banner_dark').addClass('featured_banner');
  });
   
  J('.three').click( function(){ J
  ('#main_content_alt').removeAttr('id', 'main_content_alt').attr('id', 'main_content');
  });
   
  J('.four').click( function(){ J
  ('#main_content').removeAttr('id', 'main_content').attr('id', 'main_content_alt');
  });
   
   
   
  J('.seven').click( function(){ J
  ('.rating div').css('background-image', 'url(http://themes.designcrumbs.com/reviewer/wp-content/themes/reviewer/images/stars_red.png)');
  });
   
   
   
  J('#dc_hide_options').click(function() {
  J('#dc_show_options').show();
  J('#dc_hide_options').hide();
  J('#switcher').slideToggle('fast', function() {
  });
  });
   
  J('#dc_show_options').click(function() {
  J('#dc_hide_options').show();
  J('#dc_show_options').hide();
  J('#switcher').slideToggle('fast', function() {
  });
  });
   
  });
   
  /* ]]> */
  </script>
   

<script type='text/javascript' src='http://themes.designcrumbs.com/reviewer/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.52'></script>
<script type='text/javascript' src='http://themes.designcrumbs.com/reviewer/wp-content/plugins/contact-form-7/scripts.js?ver=3.0'></script>

<script type="text/javascript">

  var _gaq = _gaq || [];

  _gaq.push(['_setAccount', 'UA-19161846-3']);

  _gaq.push(['_trackPageview']);

  (function() {

  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

  })();

</script>

  </head>



2) Создаем информер.

Шаблон [Шаблон информера]:

Code
<div class="featured_post left">
  <div class="featured_poster_overflow">
  <div class="featured_poster_wrap">
  <a href="$ENTRY_URL$" title="$TITLE$">
  <img width="258" height="384" src="$IMG_URL1$" class="featured_poster wp-post-image" alt="Harry Potter Contest" title="$TITLE$" /> </a>
  </div>
  </div>
  <div class="contest"></div>
  <div class="featured_title"><a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></div>
  </div>


3) В любое место где хотите видеть.
Code
<div id="header_banner" class="featured_banner_dark">
  <div class="container">  
   
$MYINF_цифра информера$
  <div class="clear"></div>
  </div>
  </div>

  </div>
</div>
</div>
Автор публикации: Загрузка
Загрузка
renat99, это его n материал
Источник: http://www.free-sites.3dn.ru
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    205
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 6
    Пользователей: 2
    Топ пользователей: