asp.net--站点构架(页首设计)

首先创建母版页

.master代码如下：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="mst_lv0.master.cs" Inherits="mst_lv0" %>





    
    
    
    



    

    
    

    

        

            

                电商入口
                设为首页
                加入收藏
            
        

        

            
            
            
            
            

        

<%--banner大图--%>
        

            
        

<%--标题--%>
        

        

            您当前的位置：
            
        

        
        

        

            
        

        

            

                
                
                    
                
            
            
        
        

            
页脚copyRight
        
    
    

其中主CSS文件代码如下：

body,div,p,ul,li,h1,h2,h3,h4,h5,h6,table 
    { margin:0px; padding:0px; font-family:"微软雅黑";}

/*通用类*/
.fl { float:left !important;}
.fr { float:right !important;}
.clr{ clear:both;}

.al_r { text-align:right;}
.al_l { text-align:left;}

.safeWidth { margin:0px auto; width:760px;}



/*母版页结构*/
#divmst_topBar,#divmst_copyRight
{background-color:Black; padding:8px;}




/*各种超链接*/
    a{ text-decoration:none;}
    /*topBar3个超链接*/
    #a_eEnter,#a_setHome,#a_setFav
    { color:#AEAEAE; font-size:12px;
      padding:2px 0px 2px 16px;  margin-left:5px;
      background-image:url(../App_imgs/back.png); background-repeat:no-repeat;
      }
    #a_setHome  { background-position:0px -20px;}//后两个链接贴图位置
    #a_setFav   { background-position:0px -40px;}//后两个链接贴图位置
    #divmst_topBar a:hover { color:White;}
    
    
    /*主导航*/
    #menu_mainNav *{outline:none;}
    #menu_mainNav a      注释：注意 ! important的作用！
    {   display:block !important;
        padding: 20px 15px 20px 15px !important ; 
        margin-left:7px;  
        border-radius:8px;  border-top-left-radius:0px; border-top-right-radius:0px; 
        border-top:6px solid white; border-right:1px solid white;
        color:Black; font-size:15px; }
    #menu_mainNav a:hover, #menu_mainNav a.selected
    {   border-top:6px solid #FAB41E;
        border-bottom:1px solid #d1d1d1;  border-right:1px solid #eaeaea;
        background-color:#fafafa;
        color:#ffaa11; } 
    
    

.master.cs代码如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.OleDb;
using newClasses;

public partial class mst_lv0 : System.Web.UI.MasterPage
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }

    protected void menuPreRender(object sender, EventArgs e) {
        try
        {
            MenuItem mi = menu_mainNav.FindItem(SiteMap.CurrentNode.ResourceKey);
            mi.Selected = true;
           
        }
        catch { }
        
    }
}

以上代码用于在选中当前结点时改变显示样式！

效果如下：