<!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>fashion blog - free web template</title>
<meta name="keywords" content="fashion blog, free web template, blog theme, blog template, CSS, HTML" />
<meta name="description" content="Fashion Blog is a free web template provided from moobnn.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script language="javascript" 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_site_title_bar_wrapper_outter">
<div id="templatemo_site_title_bar_wrapper_inner">
<div id="templatemo_site_title_bar">
<div id="templatemo_site_title_bar_top">
<div id="site_title">
<h1><a href="http://www.moobnn.com" target="_blank">
<!-- Fashion Blog <span>moobnn.com</span> -->
<img src="images/templatemo_logo.png" alt="website logo" />
</a></h1>
</div>
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" />
</form>
</div>
</div> <!-- end of templatemo_site_title_bar_top -->
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="http://www.moobnn.com" target="_blank">Templates</a></li>
<li><a href="#" target="_blank">Gallery</a></li>
<li><a href="#" class="last">Contact</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of templatemo_site_title_bar -->
</div> <!-- end of templatemo_site_title_bar_wrapper_inner -->
</div> <!-- end of templatemo_site_title_bar_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="#"> <img src="images/templatemo_image_06.jpg" alt="Image Title" width="380" height="190" />
<h2>Lorem ipsum dolor sit</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="#"> <img src="images/templatemo_image_04.jpg" alt="Image Title" width="380" height="190" />
<h2>Mauris aliquam ultrices lacus</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="#"> <img src="images/templatemo_image_05.jpg" alt="Image Title" width="380" height="190" />
<h2>Nullam pharetra adipiscing diam</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="#"> <img src="images/templatemo_image_03.jpg" alt="Image Title" width="380" height="190" />
<h2>Pellentesque ut iaculis enim</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_outter">
<div id="templatemo_main_content_inner">
<div id="templatemo_main_column">
<div class="post_section">
<h2>Aliquam lorem ante dapibus</h2>
<div class="post_info">
May 26th in <a href="http://www.moobnn.com" target="_parent">Web Templates</a> by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>
</div>
<div class="post_content">
<img src="images/templatemo_image_01.jpg" alt="image" />
<p>This web template is provided by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> for free of charge. You may download, edit and apply this template for your websi
棕色个性的个人博客模板_棕色 个人 博客 高斯模糊 背景 个性 导航 web20 整体色 jquery.rar
版权申诉
65 浏览量
2021-11-06
12:46:07
上传
评论
收藏 810KB RAR 举报
棕色个性的个人博客模板_棕色 个人 博客 高斯模糊 背景 个性 导航 web20 整体色 jquery.rar （26个子文件） 
棕色个性的个人博客模板_棕色 个人 博客 高斯模糊 背景 个性 导航 web20 整体色 jquery templatemo_194_fashion_blog 
index.html 19KB images 
slider_left_control.png 550B
templatemo_footer_bg.jpg 3KB templatemo_image_05.jpg 22KB templatemo_image_02.jpg 16KB templatemo_200_200_ads.jpg 2KB templatemo_logo.png 72KB templatemo_main_bg.jpg 8KB slider_right_control.png 541B rss_icon.png 7KB templatemo_content_wrapper_bg.jpg 98KB twitter_icon.png 6KB templatemo_site_title_wrapper_bg.jpg 68KB templatemo_side_column_bg.jpg 382B templatemo_search_button.jpg 1KB templatemo_image_03.jpg 21KB templatemo_content_bg.jpg 55KB templatemo_popular_post_bg.png 337KB templatemo_site_title_bg.jpg 47KB templatemo_site_title_repeat_bg.jpg 765B templatemo_side_column_header_bg.png 2KB templatemo_footer_repeat_bg.jpg 3KB templatemo_image_04.jpg 15KB templatemo_image_01.jpg 13KB templatemo_image_06.jpg 19KB
templatemo_style.css 9KB资源评论
