<!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>Wooden Blog Template, HTML, CSS</title>
<meta name="keywords" content="Wooden Blog Template, HTML, CSS" />
<meta name="description" content="Wooden Blog Template, HTML CSS layout available for free of charge" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="jquerycssmenu.css" />
<!--[if lte IE 7]>
<style type="text/css">
html .jquerycssmenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->
<script type="text/javascript" src="js/jquery.min.1.2.6.js"></script>
<script type="text/javascript" src="js/jquerycssmenu.js"></script>
<script type="text/javascript" src="js/jquery.min.1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var currentPosition = 0;
var slideWidth = 750;
var slides = $('.slide');
var numberOfSlides = slides.length;
// Remove scrollbar in JS
$('#slidesContainer').css('overflow', 'hidden');
// Wrap all .slides with #slideInner div
slides
.wrapAll('<div id="slideInner"></div>')
// Float left to display horizontally, readjust .slides width
.css({
'float' : 'left',
'width' : slideWidth
});
// Set #slideInner width equal to total width of all slides
$('#slideInner').css('width', slideWidth * numberOfSlides);
// Insert controls in the DOM
$('#slideshow')
.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
.append('<span class="control" id="rightControl">Clicking moves right</span>');
// Hide left arrow control on first load
manageControls(currentPosition);
// Create event listeners for .controls clicks
$('.control')
.bind('click', function(){
// Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
// Hide / show controls
manageControls(currentPosition);
// Move slideInner using margin-left
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
// manageControls: Hides and Shows controls depending on currentPosition
function manageControls(position){
// Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
}
});
</script>
</head>
<body>
<div id="templatemo_top_panel_wrapper_outter">
<div id="templatemo_top_panel_wrapper_inner">
<div id="templatemo_top_panel">
<div id="templatemo_menu">
<div id="myjquerymenu" class="jquerycssmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="http://www.moobnn.com" target="_parent">Templates</a></li>
<li><a href="#">Gallery</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#" class="margin_l10">About Us</a></li>
<li><a href="#">Support</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="margin_l10">Contact</a></li>
</ul>
<br style="clear: left" />
</div>
</div>
<div id="templatemo_banner">
<div id="site_title">
<h1><a href="http://www.moobnn.com" target="_parent">
<!--
Colorful Blog
<span>your tagline goes here</span>
-->
<img src="images/templatemo_logo.png" alt="site logo" />
<span>free website layout for blog themes</span>
</a></h1>
</div>
</div> <!-- end of templatemo_banner -->
</div> <!-- end of templatemo_top_panel -->
</div> <!-- end of templatemo_top_panel_wrapper_inner -->
</div> <!-- end of templatemo_top_panel_wrapper_outter -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div id="templatemo_popular_posts">
<div id="slideshow">
<div id="slidesContainer">
<div class="slide"> <a href="http://www.moobnn.com/preview/templatemo_104_hotel" target="_blank"> <img src="images/templatemo_image_03.jpg" alt="Hotel Template" width="380" height="190" />
<h2>Hotel Template</h2>
<p>Vivamus vitae nibh eu sem malesuada rutrum et sit amet magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent aliquam velit a magna sodales quis elementum ipsum auctor. Ut at metus leo, et dictum sem.</p>
</a> </div>
<div class="slide"> <a href="http://www.moobnn.com/preview/templatemo_118_block_3d" target="_blank"> <img src="images/templatemo_image_04.jpg" alt="Block 3D" width="380" height="190" />
<h2>Block 3D Template</h2>
<p>Aenean fringilla vehicula felis, eu blandit tortor aliquam et. Nunc sed diam sed dui iaculis pharetra eu sed elit. Nunc arcu sapien, pellentesque at posuere nec, tincidunt dignissim enim. Ut sem mauris, aliquet ut sagittis vitae, condimentum eget augue. Donec sapien neque, egestas vitae auctor quis, pellentesque at augue.</p>
</a> </div>
<div class="slide"> <a href="http://www.moobnn.com/preview/templatemo_135_art_gallery" target="_blank"> <img src="images/templatemo_image_05.jpg" alt="Art Gallery" width="380" height="190" />
<h2>Art Gallery Template</h2>
<p>Praesent at dui augue. Proin consectetur elementum sem, in blandit urna porta sed. Sed tortor ipsum, scelerisque vel lobortis aliquam, bibendum sit amet neque. In id erat in quam bibendum lacinia. Curabitur imperdiet viverra scelerisque. Phasellus quis egestas risus.</p>
</a> </div>
<div class="slide"> <a href="http://www.moobnn.com/preview/templatemo_126_bird_store" target="_blank"> <img src="images/templatemo_image_06.jpg" alt="Bird Store" width="380" height="190" />
<h2>Bird Store Template</h2>
<p>Sed id tortor vitae nisi consectetur tempus. Pellentesque tellus est, adipiscing id porttitor vitae, vestibulum id neque. Aliquam tellus dui, vehicula sed placerat sed, scelerisque ultricies tortor. Donec ornare blandit erat pellentesque molestie. Suspendisse potenti. </p>
</a> </div>
</div>
</div> <!-- end of slide show -->
</div> <!-- end of templatemo_popular_posts -->
<div id="templatemo_main_content_top"></div>
<div id="templatemo_main_coontent">
<div id="main_column">
<div class="post_box">
<div class="date_box">
<p>30 DEC 2048</p>
</div> <!-- end of date box -->
<div class="post_body">
<h2><a href="#">Free CSS Template</a></h2>
<div class="post_info">
by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="h
漂亮的黑色木纹博客模板_漂亮 木纹 黑色 博客 背景 精品 头部 花纹 复古 质感.rar
版权申诉
151 浏览量
2021-11-06
12:48:07
上传
评论
收藏 405KB RAR 举报
漂亮的黑色木纹博客模板_漂亮 木纹 黑色 博客 背景 精品 头部 花纹 复古 质感.rar （31个子文件） 
漂亮的黑色木纹博客模板_漂亮 木纹 黑色 博客 背景 精品 头部 花纹 复古 质感 templatemo_171_wooden_blog js 
jquery.min.1.2.6.js 54KB jquery.min.1.3.2.js 56KB jquerycssmenu.js 2KB jquerycssmenu.css 2KB
index.html 15KB images 
slider_left_control.png 395B
templatemo_image_05.jpg 21KB templatemo_image_02.jpg 16KB templatemo_200_200_ads.jpg 4KB templatemo_logo.png 61KB templatemo_date_bg.png 1KB templatemo_content_box_bottom.png 864B menu_divider.jpg 314B templatemo_content_bg_wrapper.jpg 80KB templatemo_footer_top.jpg 351B templatemo_top_panel_bg_wrapper_outer.jpg 27KB slider_right_control.png 390B rss_icon.png 7KB twitter_icon.png 6KB templatemo_content_box_top.png 863B templatemo_top_panel_bg.jpg 17KB templatemo_image_03.jpg 18KB templatemo_content_bg.jpg 67KB
arrow-down.gif 852B arrow-right.gif 852B templatemo_top_panel_bg_wrapper_inner.jpg 6KB templatemo_content_box_middle.png 350B templatemo_image_04.jpg 21KB templatemo_image_01.jpg 11KB templatemo_image_06.jpg 20KB templatemo_style.css 9KB资源评论
