<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>My Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
background: #F7F7F6 url(images/background.gif) repeat-y 50% 0;
background-attachment: fixed;
margin: 0;
padding: 0;
text-align: center;
}
.clear {
clear: both;
}
#container {
margin: 0px auto;
text-align: left;
width: 692px;
}
h1 {
text-indent: -9999px;
width: 692px;
height: 90px;
background: url(images/header.jpg);
margin: 0;
padding: 0;
}
#left {
width: 178px;
float: left;
}
#content {
width: 479px;
float: left;
padding: 15px 0 10px 20px;
}
#content h2 {
font: normal 18px Georgia, Times New Roman, Times, serif;
background: transparent url(images/bullet_title.gif) no-repeat;
color: #80866A;
width: 454px;
padding: 0 0 0 30px;
}
#footer {
margin: 0px auto;
position: relative;
background-color: #717F51;
border-top: 9px solid #F7F7F6;
width: 692px;
padding: 5px 0;
clear: both;
}
#footer h2 {
maring: 0;
text-align: center;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #D3D8C4;
}
#footer h2 a:visited, #footer h2 a:link {
color: #D3D8C4;
text-decoration: none;
border-bottom: 1px dotted #D3D8C4;
}
#footer h2 a:hover {
color: #F7F7F6;
text-decoration: none;
border-bottom: none;
background-color: #A5003B;
}
.text {
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
color: #5B604C;
margin-bottom: 10px;
}
.imageright {
float: right;
padding: 7px;
margin-left: 10px;
background-color: #ffffff;
border: 1px solid #bac1a3;
}
/* --- navigation --- */
#navcontainer {
width: 178px;
}
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
text-indent: 20px;
letter-spacing: 1px;
border-bottom: 1px solid #fff;
}
#navcontainer a {
display: block;
width: 178px;
height: 22px;
}
#navcontainer a:link, #navcontainer a:visited {
background: url(images/bg_navbutton.gif);
color: #5C604D;
text-decoration: none;
}
#navcontainer a:hover {
background: url(images/bg_navbutton_over.gif);
color: #A5003B;
text-decoration: none;
}
#navcontainer li a#current {
background: url(images/bg_navbutton_over.gif);
color: #A5003B;
text-decoration: none;
}
/* --- favorite links--- */
#favlinks {
width: 163px;
padding-left: 15px;
margin-top: 10px;
}
#favlinks h2 {
font: normal 16px Georgia, Times New Roman, Times, serif;
color: #5C604D;
margin: 0 0 10px 0;
padding: 0;
}
#favlinks ul {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.extlinks li {
background: url(images/bullet_extlink.gif) no-repeat 0 3px;
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
padding-left: 12px;
}
.extlinks a:link {
color: #A5003B;
text-decoration: none;
border-bottom: 1px dotted #A5003B;
}
.extlinks a:visited {
color: #6F2D47;
text-decoration: none;
border-bottom: 1px dotted #959E79;
}
.extlinks a:hover {
background-color: #C3C9B1;
color: #A5003B;
text-decoration: none;
border-bottom: 1px solid #A5003B;
}
</style>
<script type="text/javascript">
<!--
function getWindowHeight() {
var windowHeight = 0;
if (typeof(window.innerHeight) == 'number') {
windowHeight = window.innerHeight;
}
else {
if (document.documentElement && document.documentElement.clientHeight) {
windowHeight = document.documentElement.clientHeight;
}
else {
if (document.body && document.body.clientHeight) {
windowHeight = document.body.clientHeight;
}
}
}
return windowHeight;
}
function setFooter() {
if (document.getElementById) {
var windowHeight = getWindowHeight();
if (windowHeight > 0) {
var contentHeight = document.getElementById('container').offsetHeight;
var footerElement = document.getElementById('footer');
var footerHeight = footerElement.offsetHeight;
if (windowHeight - (contentHeight + footerHeight) >= 0) {
footerElement.style.position = 'relative';
footerElement.style.top = (windowHeight - (contentHeight + footerHeight)) + 'px';
}
else {
footerElement.style.position = 'static';
}
}
}
}
window.onload = function() {
setFooter();
}
window.onresize = function() {
setFooter();
}
//-->
</script>
</head>
<body>
<!-- Begin Container -->
<div id="container">
<h1>My Blog</h1>
<!-- Begin LEFT -->
<div id="left">
<!-- Begin navigation -->
<div id="navcontainer">
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Contact me</a></li>
<li><a href="#">Articles</a></li>
<li><a href="http://ximicc.com">Ximicc</a></li>
</ul>
</div>
<!-- End navigation -->
<!-- Begin favorite links -->
<div id="favlinks">
<h2>My Favorite Sites</h2>
<ul class="extlinks">
<li><a href="http://stopdesign.com/">Stopdesign</a></li>
<li><a href="http://www.simplebits.com/">SimpleBits</a></li>
<li><a href="http://www.mezzoblue.com/">Mezzoblue</a></li>
<li><a href="http://www.zeldman.com/">Zeldman</a></li>
<li><a href="http://www.1976design.com/blog/">1976 Design</a></li>
<li><a href="http://cssvault.com/">CSS Vault</a></li>
<li><a href="http://www.7nights.com/asterisk/">Asterisk*</a></li>
<li><a href="http://www.cameronmoll.com/">Authentic Boredom</a></li>
<li><a href="http://www.justwatchthesky.com/Journal/">Just Watch The Sky</a></li>
<li><a href="http://designbyfire.com/">Design by Fire</a></li>
<li><a href="http://www.nundroo.com/">Nundroo</a></li>
<li><a href="http://www.shauninman.com/">Shaun Inman</a></li>
<li><a href="http://www.hicksdesign.co.uk/journal/">Jon Hicks</a></li>
<li><a href="http://www.andybudd.com/">Andy Budd</a></li>
<li><a href="http://ximicc.com">ximicc</a></li>
<li><a href="http://www.whatdoiknow.org/">What Do I Know?</a></li>
</ul>
</div>
<!-- End favorite links -->
</div>
<!-- End LEFT -->
<!-- Begin Content on the RIGHT -->
<div id="content">
<h2>This is the title</h2>
<p class="text"><img src="images/image.jpg" alt="image of the dessert" width="150" height="139" class="imageright" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur wisi mi, rutrum sit amet, viverra vel, sodales vitae,
magna. Donec tempus felis sit amet eros. Nam urna. Duis vel orci. Mauris placerat elit id mauris. Nullam sagittis tincidunt dolor. Nunc odio
magna, porta eu, ullamcorper ac, volutpat eget, nunc. Quisque tempus leo at augue. Etiam feugiat massa in sem. Quisque nec diam. Nunc tempus
wisi nec risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In auctor. Donec imperdiet ante
in metus. Curabitur felis nisl, placerat non, mollis eget, ullamcorper sit amet, metus. In hac habitasse platea dictumst. Nam interdum urna ut
sapien. Nulla facilisi. Mauris ut velit. Proin non arcu.</p>
<p class="text">Aenean vel dui. Ut sit amet augue sed erat convallis ullamcorper. Nam feugiat dictum lectus. Mauris magna arcu, aliquam et, tempus eget, auctor
id, libero. Ut facilisis tortor eget turpis. Praesent ligula elit, suscipit a, malesuada ac, porttitor eget, sapien. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus pede. Vivamus malesuada viverra nunc. Sed fringilla commodo odio.
Quisque luctus diam at odio. Nulla commodo. Donec mollis massa.</p>
<p class="text"> Nullam vitae lorem et leo euismod convallis. Nunc auctor elementum lacus. Ut sagittis felis. Donec non wisi. In erat. Proin ornare enim sed
nulla
别具光芒css+div网页布局与美化 （133个子文件） 
style.css 1KB style1.css 561B Thumbs.db 339KB Thumbs.db 74KB
background.gif 622B bg_navbutton.gif 420B bg_navbutton_over.gif 412B bj2.gif 216B bullet_title.gif 183B bj1.gif 57B bullet_extlink.gif 53B readme.htm 5KB readme.htm 5KB
index.html 8KB Untitled-3.html 5KB indexlogo.html 4KB Untitled-3.html 4KB index1.html 2KB 摄影师个人网页1.html 1KB 摄影师个人网页.html 1KB 继承得应用.html 1KB float.html 855B 继承关系.html 827B 后代选择器.html 776B css得层叠特性.html 763B 并集.html 760B 定位.html 691B 交集.html 611B logo.html 609B indexlogo1.html 556B
header.jpg 18KB image.jpg 5KB r1_c8.jpg 531B
未命名-1.png 1.04MB 摄影师个人网页.png 643KB a_r2_c6.png 102KB a_r2_c4.png 50KB a_r2_c2.png 48KB a_r2_c10.png 35KB Calendar Day.png 27KB Contacts.png 26KB Browse 1.png 25KB Browse 3.png 25KB List.png 25KB Calendar Multiweek.png 24KB Extensions.png 23KB 12.png 23KB Move.png 23KB General Options.png 23KB Send Later.png 22KB Properties.png 22KB Browse 2.png 22KB View Doc.png 22KB Attach.png 22KB Email App Icon.png 22KB Save.png 21KB Themes 2.png 21KB Go.png 21KB Block Junk Mail.png 21KB Bookmarks 4.png 21KB 01.png 21KB File.png 21KB Add Window 2.png 21KB 08.png 21KB Add Folder.png 21KB Add Card.png 20KB New Folder.png 20KB Address Book.png 20KB Stop.png 20KB Table 1.png 20KB Themes.png 20KB Paste.png 20KB Email Display.png 20KB Reply to All.png 20KB Publish.png 20KB Bookmarks 3.png 19KB Write.png 19KB 13.png 19KB Quote 2.png 19KB Calendar Week.png 19KB Copy.png 18KB Add Bookmark.png 18KB Quote.png 18KB Reply.png 18KB Chat.png 18KB Send.png 18KB 11.png 18KB 03.png 18KB Bookmarks 2.png 18KB Forward Email.png 18KB New Window.png 17KB Fonts 2.png 17KB Download.png 17KB Refresh.png 17KB Add Window 1.png 17KB Fonts 1.png 17KB Search.png 17KB Calendar Month.png 17KB Get Mail.png 17KB 14.png 17KB共 133 条
- 1
- 2
资源评论
hrx666
- 粉丝: 0
- 资源: 1
最新资源
- HTML5实现好看的摩托车改装车行网站源码.zip
- HTML5实现好看的柠檬美容产品企业网站源码.zip
- HTML5实现好看的农家乐有机蔬菜网页源码.zip
- HTML5实现好看的奶油面包蛋糕公司官网网站源码.zip
- HTML5实现好看的农业除虫科技公司网站模板.zip
- 光伏最大功率点跟踪MPPT仿真，光伏电池输出特性曲线仿真，依据公式搭建光伏电池模型，MATLAB similink
- 数控机床机器人上下料方案sw19全套技术资料100%好用.zip
- IZI，已替换好吃鸡模型.rar
- 车用轴向磁通双转子电机设计（盘式电机） 为了满足车用驱动电机 AFDRSRM 设计要求，引入了 AFDRSRM “重合度”的概念，以 12 8 极与 8 6 极 AFDRSRM 为例，进行了重合度比较
- 电动汽车VCU hil BMS hil硬件在环仿真 其中包含新能源电动汽车整车建模说明， hil模型包含驾驶员模块，仪表模块，BCU整车控制器模块，MCU电机模块，TCU变速箱模块，减速器模块，BMS
- AUKF电池SOC估计多种工况实验验证 基于自适应无迹卡尔曼滤波的电池电量估计MATLAB程序，基于AUKF的SOC估计，注释详细 采用二阶RC模型，基于误差窗口统计的自适应调节方法（后面有文献截图
- 工业相机ISP原理详细介绍
- HNUST计算机网络期末复习.docx
- 双工位移栽辊道门板码垛装箱工作站（sw19+工程图)全套技术资料100%好用.zip
- C# 自定义控件 opencvsharp 找圆
- Generative-Pretraining-from-Pixels-V2
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
