Доступно только для пользователей
Установка:
Это в head и /head
Code
<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />
А это в самом конце перед /body
Code
<script type="text/javascript" src="http://www.elegantthemes.com/preview/Magnificent/wp-content/themes/Magnificent/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="http://www.elegantthemes.com/preview/Magnificent/wp-content/themes/Magnificent/js/superfish.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery('ul.nav').superfish({
delay: 200, // one second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
speed: 'fast', // faster animation speed
autoArrows: true, // disable generation of arrow mark-up
dropShadows: false // disable drop shadows
});
jQuery('ul.nav > li > a.sf-with-ul').parent('li').addClass('sf-ul');
et_search_bar();
var $featured_content = jQuery('#slides');
if ($featured_content.length) {
$featured_content.cycle({
timeout: 5500 ,
speed: 500,
cleartypeNoBg: true,
prev: '#featured a#left-arrow',
next: '#featured a#right-arrow'
});
}
<!---- Search Bar Improvements ---->
function et_search_bar(){
var $searchform = jQuery('div#search-form'),
$searchinput = $searchform.find("input#searchinput"),
searchvalue = $searchinput.val();
$searchinput.focus(function(){
if (jQuery(this).val() === searchvalue) jQuery(this).val("");
}).blur(function(){
if (jQuery(this).val() === "") jQuery(this).val(searchvalue);
});
};
/* footer widgets improvements */
var $footer_widget = jQuery("#footer .footer-widget");
if (!($footer_widget.length == 0)) {
$footer_widget.each(function (index, domEle) {
// domEle == this
if ((index+1)%4 == 0) jQuery(domEle).addClass("last").after("<div class='clear'></div>");
});
};
var $threaded_comments = jQuery('.depth-1 > ul.children');
if ($threaded_comments.length) {
$threaded_comments.each(function(index, domEle) {
var $right_place = jQuery(domEle).parent('.depth-1').find('.entry-content');
jQuery(domEle).appendTo($right_place);
});
}
//]]>
</script>
Активирование:
Пропишите следующий код где вам угодно
Code
<div id="featured">
<div id="featured-overlay"></div>
<div id="slides">
<div class="slide">
<a href="ссылка">
<img src="картинка" alt='описание' width='461' height='271' /> </a>
<div class="description">
<h2 class="title"><a href="ссылка">описание</a></h2>
<p class="meta-info">описание</p>
</div> <!-- end .description -->
</div> <!-- end .slide -->
<div class="slide">
<a href="ссылка">
<img src="картинка" class='thumb' alt='описание' width='461' height='271' /> </a>
<div class="description">
<h2 class="title"><a href="ссылка">описание</a></h2>
<p class="meta-info">описание</p>
</div> <!-- end .description -->
</div> <!-- end .slide -->
<div class="slide">
<a href="ссылка">
<img src="картинка" class='thumb' alt='описание' width='461' height='271' /> </a>
<div class="description">
<h2 class="title"><a href="ссылка">описание</a></h2>
<p class="meta-info">описание</p>
</div> <!-- end .description -->
</div> <!-- end .slide -->
</div> <!-- end #slides -->
<a href="#" id="left-arrow">Previous</a>
<a href="#" id="right-arrow">Next</a>
</div> <!-- end #featured -->
Картинки должны иметь размер 461px на 271px и не забудьте залить архивы в файловый менеджер!
Кому понравилось оставьте кометарий