<!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
共26个文件
jpg:17个
png:7个
html:1个
需积分: 0 0 下载量 27 浏览量
2023-09-12
08:40:42
上传
评论
收藏 803KB RAR 举报
温馨提示
html
资源推荐
资源详情
资源评论
收起资源包目录
棕色个性的个人博客模板_棕色个人博客高斯模糊背景个性导航web20整体色jquery.rar (26个子文件)
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
index.html 19KB
templatemo_site_title_repeat_bg.jpg 765B
templatemo_side_column_header_bg.png 2KB
templatemo_footer_repeat_bg.jpg 3KB
templatemo_style.css 9KB
templatemo_image_04.jpg 15KB
templatemo_image_01.jpg 13KB
templatemo_image_06.jpg 19KB
共 26 条
- 1
资源评论
Q_97095639
- 粉丝: 377
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功