账号通
    

注册

找回密码

账号  

密码  

话题
互动
会员
服务
<<返回列表上一个主题 下一个主题 打印本帖 复制本帖地址

1546

查看

1

回复
主题：[跪求模板]请高手修一下模板 [收藏主题]  
sjso 当前离线

180

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1339 分
登录次数:246 次
注册时间:2009/7/21
最后登录:2011/11/23
sjso 发表于：2010/8/21 21:48:00   | 显示全部帖子 查看该作者主题 楼主 
科汛在线网校系统
有生源 找课程 就上科汛课堂街!
我想用科汛官方的企业空间新2模板做企业网站,但由于左边没有显隐栏目导航,我想加入,但是试了很多次都没办法结合,请高手帮一下.

代码如下:

原模板代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>企业空间首页</title>

<META http-equiv=content-type content="text/html; charset=gbk">

<META http-equiv=x-ua-compatible content=ie=7>

<META content="MSHTML 6.00.2900.3492" name=GENERATOR>

<style>

body {margin:0px auto;padding:0px;background:#8CA837; color: #666; text-align:center}

div ,ul,li{margin:0px;padding:0px; text-align:left;}

li{list-style-type:none;}

A {

FONT-SIZE: 12px; COLOR: #333333

}

A:link {

COLOR: #000000; TEXT-DECORATION: none

}

A:visited {

COLOR: #333333; TEXT-DECORATION: none

}

A:hover {

COLOR: #cc0000; TEXT-DECORATION: underline

}

.header_daohang{width:100%;text-align:center;background: url(/Images/blog/company_2/headbg.gif); height:39px;line-height:39px;}

#header_nav{width:990px;margin:0px auto;}

.header_left{width:800px;float:left;}

.header_right{width:190px;float:right;text-align:right;}

.header_daohang .header_left li{float:left;}

.header_daohang  .header_left a{font-size:14px;color:#003366;font-weight:bold; padding-left:19px;}

.header_daohang .header_right li{float:right;}

.header_daohang .header_right a{font-size:12px;color:#003366;padding-left:19px;}

.header {width:990px;margin: 0px auto;text-align:center;background:#fff; height:239px;}

.banner_970{width:970px;background:#fff url(/Images/blog/company_2/header.jpg) no-repeat center top;height:229px; margin-top:5px;}

.space_logo{font-size:30px;font-weight:bold;color:#fff;padding-top:20px;padding-left:30px; float:float;}

.space_daohang{width:990px;margin:0px auto;font-size:14px;font-weight:bold;text-align:center; background:url(/Images/blog/company_2/menu.gif); height:34px; line-height:34px}

.space_daohang li{float:left; margin-left:5px;}

.space_daohang a:link,.space_daohang a:visited{color:#fff;font-size:14px;text-decoration:none;font-weight:bold;padding:8px;}

.space_daohang a:hover{color:#FF6600;font-size:14px;text-decoration:none;font-weight:bold;padding:8px;}

.clear{clear:both;}

.mainmiddle{width:990px;margin:0px auto;background:#fff; height:auto; padding:10px;

}

.main_left{width:200px;float:left; }

.left_div{margin-top:10px;}

.l_title{background:url(/Images/blog/company_2/l_title.gif);font-weight:bold;font-size:14px;color:#fff;padding-left:10px;height:29px;line-height:29px;}

.c_title{background:url(/Images/blog/company_2/c_title.gif) no-repeat;font-weight:bold;font-size:14px;color:#fff;padding-left:10px;height:29px;line-height:29px;}

.left_box{padding:5px;font-size:12px;height:auto; font-size:13px;line-height:24px; border-left:green 1px solid; border-right:green 1px solid;border-bottom:green 1px solid;}

.left_box li{width:28%;text-align:center;float:left}

.left_box img{width:55px;margin:2px;height:50px;padding:2px;border:#dcdcdc 1px solid}

.guest_box{padding:5px;font-size:12px;height:300px; font-size:13px; line-height:24px; border-left:green 1px solid; border-right:green 1px solid;border-bottom:green 1px solid;}

.guest_box li{width:28%;text-align:center;float:left}

.guest_box img{width:55px;margin:2px;height:50px;padding:2px;border:#dcdcdc 1px solid}

/*中间样式开始*/

.main_middle{width:755px;float:left;margin-left:15px;}

.middle_div{margin-top:10px;}

.product_box{padding:5px;font-size:14px;height:150px;  border-left:green 1px solid;  border-right:green 1px solid;border-bottom:green 1px solid;}

.product_box img{width:163px;height:125px;margin:6px;padding:6px;border:#dcdcdc 5px solid;}

.middle_box{padding:5px;font-size:14px;height:150px;  border-left:green 1px solid;  border-right:green 1px solid;border-bottom:green 1px solid;}

.middle_box span{font-size:14px}

.middle_box a:link,.middle_box a:visited{font-size:14px;line-height:24px;}

.mainfoot{margin:0px auto;width:990px;background: url(/Images/blog/company_2/ybg2.jpg) no-repeat 0 0;  height:10px;padding: 10px;}

.copy{width:990px;margin:0px auto;height:50px;color:#555;font-size:12px; text-align:center;}

</style>

</head>

<body>

  <div class="header_daohang">

    <div id="header_nav">

    <div class="header_left">

    <ul>

    <li><a href="{$GetInstallDir}">首页</a></li>

    <li><a href="{$GetInstallDir}">随便看看</a></li>

    <li><a href="{$GetInstallDir}">群组</a></li>

    <li><a href="{$GetInstallDir}">设为首页</a></li>

    <li><a href="{$GetInstallDir}">加入收藏夹</a></li>

</ul>

</div>

<div class="header_right">

    <ul>

    <li><a href="{$GetInstallDir}">注册</a></li>

    <li><a href="{$GetInstallDir}">登录</a></li>

</ul>

</div>

</div>

  </div>

    <div class="header">

   <div class="banner_970">

     <div class="space_logo">

    <ul>

   <li>{$ShowBlogName} </li>

</ul>

  </div>

  </div>

</div>

  <div class="space_daohang">

    <ul>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}">首页</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/intro">公司简介</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/news">公司动态</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/product">产品展示</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/job">公司招聘</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/blog">公司日志</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/xx">公司文集</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/ryzs">荣誉证书</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/album">公司相册</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/group">公司圈子</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/info">联系我们</a></li>

   <li><a href="{$GetInstallDir}space/?{$ShowUserName}/message">客户留言</a></li>

</ul>

  </div>

<div class="mainmiddle">

  <div class="main_left">

     <div class="left_div">

     <div class="l_title">企业介绍</div>

     <div class="left_box">{$ShowShortIntro}

</div>

  </div>

   <div class="left_div">

     <div class="l_title">通知公告</div>

     <div class="left_box">{$ShowAnnounce}</div>

  </div>

   <div class="left_div">

     <div class="l_title">企业登录</div>

     <div class="left_box">{$ShowUserLogin}</div>

  </div>

   <div class="left_div">

     <div class="l_title">最近来访</div>

     <div class="guest_box">{$ShowVisitor}

  <div class="clear"></div>

  </div>

  

  </div>

  

  </div>

  

  <!--主页左边结束-->

  <div class="main_middle">

    <div class="middle_div">

     <div class="c_title">企业动态</div>

     <div class="middle_box">{$ShowNews}

</div>

  </div>

    <div class="middle_div">

     <div class="c_title">产品展示</div>

     <div class="product_box">{$ShowProduct}</div>

  </div>

    <div class="middle_div">

     <div class="c_title">供应信息</div>

     <div class="middle_box">{$ShowSupply}

</div>

  </div>

    <div class="middle_div">

     <div class="c_title">客户留言</div>

     <div class="middle_box">{$ShowMessage}</div>

  </div>

  </div>

    <div class="clear"></div>

</div>

<div class="mainfoot"></div>

<div class="clear"></div>

<div class="copy">&copy Kesion.COM</div>

</body>

</html>

在橙色部分加入<html>

<head>

<style type="text/css">

body {cursor:hand; margin:0; padding:0; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%;}

.link {position:absolute;left:0;width:100%;height:0;background:#000;overflow:hidden;visibility:hidden;}

.title   {position:relative;cursor:pointer;background:#FF6600;width:100%;color:#fff;font-family:trebuchet MS;verdana;font-size:11px;left:2;height:15;overflow:hidden;}

.title_o {position:relative;cursor:pointer;background:#fff;width:100%;color:#000;font-family:trebuchet MS;verdana;font-size:11px;left:2;height:15;overflow:hidden;}

.text {position:relative;text-align:justify;margin:10px;font-family:trebuchet MS;verdana;font-size:11px;color:#FFF;overflow:hidden;height:90%}

.fernando {  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, san-serif; font-size: 16px; font-weight: bolder}

.mafra {  }

</style>

<script type="text/javascript"><!--

var object = new Array();

function Slide(N,oCont){

this.N  = N;

this.S  = 1.1;

this.object = new Array();

this.CObj = function (parent,N){

  this.parent = parent;

  this.N = N;

  this.obj = parent.frm[N];

  this.tit = this.obj.firstChild;

  this.div = this.obj.getElementsByTagName("div")[1];

  this.div.style.visibility = "hidden";

  this.y0 = N * 18;

  this.Y1 = this.y0;

  this.obj.style.top = this.y0;

  this.obj.style.height = parent.H - (parent.NF-1) * 18 - 3;

  this.obj.style.visibility = "visible";

  this.obj.parent = this;

  this.run = false;

  this.move = function(){

   with(this){

    dy = (y1-y0)/parent.S;

    if(Math.abs(dy)>.1){

     y0+=dy;

     obj.style.top = Math.round(y0);

     setTimeout("object["+parent.N+"].object["+N+"].move();", 16);

    } else {

     run = false;

     if(dy>0)div.style.visibility="hidden";

     else if(N>0)parent.object[N-1].div.style.visibility="hidden";

    }

   }

  }

  this.obj.onmouseover = function(){

   with(this.parent){

    if(!run){

     run = true;

     div.style.visibility="visible";

     for(i=0;i<parent.NF;i++)parent.object[i].tit.className = "title";

     tit.className = "title_o";

     for(i=0;i<=N;i++){

      parent.object[i].y1 = i*18;

      parent.object[i].move();

     }

     for(i=N+1;i<parent.NF;i++){

      parent.object[i].y1 = parent.H-(parent.NF-i)*18;

      parent.object[i].move();

     }

    }

   }

  }

}

this.frm = document.getElementById(oCont);

this.H = parseInt(this.frm.style.height);

this.frm = this.frm.getElementsByTagName("span");

this.NF = this.frm.length;

for(i=0;i<this.NF;i++) this.object[i] = new this.CObj(this, i);

this.object[0].obj.onmouseover();

this.S = 10;

}

onload = function() {

object[0] = new Slide(0, "frames");

}

//-->

</script>

</head>

<body bgcolor="#333333">

<div style="position:absolute;left:50%;top:50%">

  <div id="frames" style="position:absolute;width:200;height:340;left:-100;top:-180;overflow:hidden">

    <span class="link">

    <div class="title"></div>

    <div style="position:relative;text-align:center;margin:0px;font-family:trebuchet MS; verdana;font-size:29px;font-weight:bold;color:#FFF;overflow:hidden;height:120%">

      <a href="http://www.mafra.fot.br/photos/alimentos.htm" target="_self"><img src="http://www.mafra.fot.br/photos/images/img_logo_home.gif" width="191" height="189" border="0"></a>

    </div>

    </span> <span class="link">

    <div class="title"><b>  alimentos /<i> food</i></b></div>

    <div class="text"> <a href="http://www.mafra.fot.br/photos/alimentos.htm" target="_self"><img src="http://www.mafra.fot.br/photos/images/img_home-01.jpg" width="183" height="174" border="0"></a>

    </div>

    </span> <span class="link">

    <div class="title"><b>  bebidas /<i> drinks</i></b></div>

    <div class="text"> <a href="http://www.mafra.fot.br/photos/bebidas.htm" target="_self"><img src="http://www.mafra.fot.br/photos/images/img_home-02.jpg" width="183" height="174" border="0"></a>

    </div>

    </span> <span class="link">

    <div class="title"><b>  joias /<i> jewels</i></b></div>

    <div class="text"> <a href="http://www.mafra.fot.br/photos/joias.htm" target="_self"><img src="http://www.mafra.fot.br/photos/images/img_home-03.jpg" width="183" height="174" border="0"></a>

    </div>

    </span> <span class="link">

    <div class="title"><b>  natureza /<i> nature</i></b></div>

    <div class="text"> <a href="http://www.mafra.fot.br/photos/natureza.htm" target="_self"><img src="http://www.mafra.fot.br/photos/images/img_home-04.jpg" width="183" height="174" border="0"></a>

    </div>

    </span> <span class="link">

    <div class="title"><b>  gente /<i> people</i></b></div>

    <div class="text"> <a href="http://www.mafra.fot.br/photos/pessoas.htm" target="_self"><img src="http://www.mafra.fot.br/photos/images/img_home-05.jpg" width="183" height="174" border="0"></a>

    </div>

    </span> <span class="link">

    <div class="title"><b>  produtos /<i> products</i></b></div>

    <div class="text"> <a href="http://www.mafra.fot.br/photos/produtos.htm" target="_self"><img src="http://www.mafra.fot.br/photos/images/img_home-06.jpg" width="183" height="174" border="0"></a>

    </div>

    </span> <span class="link">

    <div class="title"><b>  contato /<i> contact</i></b></div>

    <div style="position:relative;text-align:center;margin:0px;font-family:verdana;font-size:32px;font-weight:bold;color:#FFF;overflow:hidden;height:90%">

      <a href="mailto:mafra@mafra.fot.br?Subject=Contato - Contact"><img src="http://www.mafra.fot.br/photos/images/img_assina_home.gif" width="191" height="189" border="0"></a>

    </div>

    </span></div>

</div>

<div style="position:relative; text-align:center; margin:0px; font-family:verdana; font-size:9px; font-weight:normal; color:#999999; overflow:hidden; height:131px; left: 414px; top: 474px; width: 172px;">

</div>

<script type="text/javascript">

_uacct = "UA-1182901-1";

urchinTracker();

</script>

</body>

</html>

这样的页面效果
 
做考试题库 就用#科汛在线考试系统!
  支持(3) | 反对(3) 回到顶部顶端 回到底部底部
＜上一主题 | 下一主题 ＞
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.25000秒 powered by KesionCMS 9.0