急求一份html、css、JavaScript的“个人主页”网页设计模板代码。

html-css06

急求一份html、css、JavaScript的“个人主页”网页设计模板代码。,第1张

<!--这个模版来自[最好模版-http://BestMoban.Com],需要更多模版请访问http://BestMoban.Com-->

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312">

<title>┆假想敌┆- 颓废模板</title>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth document.MM_pgH=innerHeight onresize=MM_reloadPage }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload()

}

MM_reloadPage(true)

//-->

</script>

<style type="text/css">

<!--

BODY {

SCROLLBAR-FACE-COLOR: #3F2413

SCROLLBAR-HIGHLIGHT-COLOR: 

#FFFFFF

SCROLLBAR-SHADOW-COLOR: #ffffff

SCROLLBAR-3DLIGHT-COLOR: #3F2413

SCROLLBAR-ARROW-COLOR: 

#FFFFFF

SCROLLBAR-TRACK-COLOR: #3F2413

SCROLLBAR-DARKSHADOW-COLOR: #3F2413

background-color: #FFFFFF

background-image: url(bg.jpg)

}

-->

</style>

</head>

<body>

<div id="Layer1" style="position:absolute width:1000px height:628px z-index:1 left: 0px top: 0px">

  <div align="center">

    <p>&nbsp</p>

    <p>&nbsp</p>

    <p>&nbsp</p>

    <p>&nbsp</p>

    <p><img src="1.jpg" width="650" height="400" border="0" usemap="#Map2">

      <map name="Map2">

        <area shape="rect" coords="321,379,490,399" href="http://www.jxd88.com/" target="_blank" alt="┆假想敌┆">

        <area shape="rect" coords="196,15,242,43" href="home.htm" target="main1" alt="home">

      </map>

      <map name="Map">

        <area shape="rect" coords="18,196,60,220" href="home.htm" target="main1" alt="home">

      </map>

    </p>

  </div>

</div>

 

<div id="Layer2" style="position:absolute width:412px height:295px z-index:2 left: 382px top: 203px">

<iframe src="home.htm" name="main1" width="412" height="295"

 frameborder="0" scrolling="yes" style="border:0px"allowtransparency="true"></iframe></div>

</body>

</html>

<span style="display:none">这个模版来自http://BestMoban.Com,更多模版请访问<a href="http://BestMoban.Com">http://BestMoban.Com</a>&nbsp<a href="http://Moban.17Easy.Com">http://Moban.17Easy.Com</a>&nbsp<a href="http://www.mb8.cn">http://www.mb8.cn</a></span>

这种模板很多的,百度打开一个网页右键源代码就能找到了。

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon">

<link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon">

<link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon">

<title>{dede:global.cfg_webname/}</title>

<meta name="keywords" content="{dede:global.cfg_keywords/}">

<meta name="description" content="{dede:global.cfg_description/}">

<link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"></script>

<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"></script>

<style type="text/css">

html,

body {

margin: 0

padding: 0

}

.iw_poi_title {

color: #CC5522

font-size: 14px

font-weight: bold

overflow: hidden

padding-right: 13px

white-space: nowrap

}

.iw_poi_content {

font: 12px arial, sans-serif

overflow: visible

padding-top: 4px

white-space: -moz-pre-wrap

word-wrap: break-word

}

</style>

<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"></script>

<script>

jQuery(document).ready(function() {

jQuery('#openSidebar').click(function() {

jQuery('.wrapper').toggleClass('openNav')

})

jQuery('#menu a').click(function() {

jQuery('.wrapper').removeClass('openNav')

})

})

</script>

<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"></script><script type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"></script><link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css">

<style type="text/css">

html,

body,

wrapper {

height: 100%

}

</style>

</head>

<body>

<div class="wrapper">

<div class="sidebar">

<div class="clearfix k1120">

<div class="navBox" id="openSidebar">

<a href="javascript:void(0)" class="navOpen"></a>

</div>

<div id="menu">

<ul class="clearfix">

<li><a href="#home" class="nav_home current"><span>首页<br /><b>Home</b></span></a>

</li>

<li><a href="#services" class="nav_services"><span>服务范围<br /><b>Services</b></span></a>

</li>

<li><a href="#case" class="nav_case"><span>案例展示<br /><b>Case</b></span></a>

</li>

<li><a href="#about" class="nav_about"><span>关于我们<br /><b>About us</b></span></a>

</li>

<li><a href="#news" class="nav_news"><span>新闻动态<br /><b>News</b></span></a>

</li>

<li><a href="#contact" class="nav_contact"><span>联系我们<br /><b>Contact us</b></span></a>

</li>

</ul>

</div>

</div>

</div>

<div class="pageMain">

<div id="header">

<div class="k1120 clearfix"><a href="{dede:global.cfg_basehost/}" id="logo">logo</a>

</div>

</div>

<div id="home" class="scrol-page">

<div class="banner">

<div class="b_1" style="background-position: 50% 0px">

<div class="k1120 clearfix">

<div class="b_pic">

<div class="mac" style="margin-top: 0pxopacity: 1"><img src="{dede:global.cfg_templets_skin/}/images/mac.png">

</div>

<div class="iphone" style="margin-top: 0pxopacity: 1"><img src="{dede:global.cfg_templets_skin/}/images/iphone.png">

</div>

<div class="ipad" style="margin-top: 0pxopacity: 1"><img src="{dede:global.cfg_templets_skin/}/images/ipad.png">

</div>

</div>

<div class="b_text" style="margin-top: 0pxopacity: 1">

{dede:global.cfg_ggg/}

</div>

</div>

</div>

</div>

<div class="banner">

如果修改样式的话 当然是这3个页面全都指向同一个css文件 样式自然相同

如果想修改页面元素 3个文件公用相同的 header.html 和footer,html 包含进来

修改只修改这3个页面的body里的内容

如果都一样 岂不是3个页面全都相同了