asp.net--站点构架(页首设计)
首先创建母版页
.master代码如下:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="mst_lv0.master.cs" Inherits="mst_lv0" %><!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 runat="server"><title></title><link href="App_style/CSS_DEFAULT.css" rel="stylesheet" type="text/css" /><asp:ContentPlaceHolder id="head" runat="server"></asp:ContentPlaceHolder>
</head><body><form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><div><div id="divmst_topBar"><div class="safeWidth al_r"><a href="#" id="a_eEnter" >电商入口</a><a href="#" id="a_setHome" >设为首页</a><a href="#" id="a_setFav" >加入收藏</a></div></div><div id="divmst_LogoNav" class ="safeWidth"><asp:Image ID="img_logo" runat="server" ImageUrl="~/App_imgs/LOGO.jpg"Width="200" CssClass="fl" /><asp:Menu ID="menu_mainNav" runat="server" CssClass="fr" MaximumDynamicDisplayLevels="0" StaticDisplayLevels="2" Orientation="Horizontal" DataSourceID="SiteMapDataSource1"OnPreRender="menuPreRender" ></asp:Menu><asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" /><div class ="clr"></div></div><%--banner大图--%><div id="divmst_bigimg"><asp:ContentPlaceHolder ID="cph_bigimg" runat="server" /></div><%--标题--%><div class ="safeWidth"><div id="divmst_sitemapPath" runat="server">您当前的位置:<asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath></div><asp:Label ID="lbl_subpageTitle" runat="server" Text="子页大标题" CssClass ="labSubpageTitle" /></div><div id="divmst_content"><asp:ContentPlaceHolder id="cph_content_temp" runat="server"></asp:ContentPlaceHolder></div><div id="divmst_submenuList"><div class ="safeWidth" runat="server" id="div_submenus"><asp:Table runat="server" CssClass="tbl_quickLinks"><asp:TableRow runat="server" ID="row_links"></asp:TableRow></asp:Table></div></div><div id="divmst_copyRight"><div class ="safeWidth">页脚copyRight</div></div></div></form>
</body>
</html>
其中主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;}<span style="font-family: Arial, Helvetica, sans-serif;">//后两个链接贴图位置</span>
#divmst_topBar a:hover { color:White;}/*主导航*/#menu_mainNav *{outline:none;}#menu_mainNav a <span style="color:#ff0000;">注释:注意 <span style="font-family: Arial, Helvetica, sans-serif;">! important的作用!</span></span>
{ 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 { }}
}
以上代码用于在选中当前结点时改变显示样式!
效果如下:
asp.net--站点构架(页首设计)相关推荐
- MVC站点默认页为html页,设置ASP.NET MVC站点默认页为html页
问题由来 部署了一个Asp.Net MVC的站点,其功能只是作为移动端的服务器,服务器空间里面除了CMS以外就没有其他的页面了.这对于我们来说确实是有点浪费了. 可以放点静态的啥小东西放在上面玩一玩. ...
- Excel学习笔记:P13-页首、页尾设计、表格加水印
文章目录 一.页首.页尾设计 二.制作水印 一.页首.页尾设计 文件的页首.页尾常常用来标注时间.页码.表格标题等信息.但我们在使用Excel时,无法像word一样直接预览文件的页首.页尾.这是因为E ...
- asp毕业设计——基于asp+access的校园网物品交易平台设计与实现(毕业论文+程序源码)——校园网物品交易平台
基于asp+access的校园网物品交易平台设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的校园网物品交易平台设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦 ...
- asp毕业设计——基于asp+access的商品销售网站设计与实现(毕业论文+程序源码)——商品销售网
基于asp+access的商品销售网设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的商品销售网设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦. 文章目录: ...
- 【原创】构建高性能ASP.NET站点 开篇
原文:[原创]构建高性能ASP.NET站点 开篇 构建高性能ASP.NET站点 开篇 前言:有段时间没有写ASP.NET的东西了,心里总是觉得缺少了什么,毕竟自己对ASP.NET还是情有独钟的. 在本 ...
- 构建高性能ASP.NET站点 开篇
前言:有段时间没有写ASP.NET的东西了,心里总是觉得缺少了什么,毕竟自己对ASP.NET还是情有独钟的. 在本系列文章中,准备比较全面的讲述ASP.NET的性能的优化,从前台到后台,以后本列文也看 ...
- C#毕业设计——基于C#+asp.net+FTP的FTP客户端设计与实现(毕业论文+程序源码)——FTP客户端
基于C#+asp.net+FTP的FTP客户端设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于C#+asp.net+FTP的FTP客户端设计与实现,文章末尾附有本毕业设计的论文和源码下载地 ...
- asp毕业设计——基于asp+access的网上远程教育网设计与实现(毕业论文+程序源码)——网上远程教育网
基于asp+access的网上远程教育网设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的网上远程教育网设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦.需要下 ...
- asp毕业设计——基于asp+access的博客网站设计与实现(毕业论文+程序源码)——博客网站
基于asp+access的博客网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的博客网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦.需要下载开题报告P ...
最新文章
- ArcGIS Engine效率探究——要素的添加和删除、属性的读取和更新(转载)
- python -- numpy 基本数据类型,算术运算,组合,分割 函数
- 一种简单地实现 SAP UI5 Master detail 页面的方法
- php数据访问层,对数据访问层第一种实现(Acc+SQL)的重构
- vue——懒加载(异步延迟和彻底懒加载)
- 在线预览文档简单例子
- 去海南旅游什么时间段去最好,哪里最好玩?
- 20模3c语言中等于多少钱,科三模拟多钱
- 鼠标手势对应操作及常用快捷键-------360浏览器所有!!!!阿冬专栏
- Spring Boot入门教程(三十七):支付宝集成-手机网站支付
- __stack_chk_fail问题及解决方案
- PHP生成唯一订单号 阿星小栈
- 诚信,是一个庄严的承诺
- pythonista去掉图片背景色是哪条语句?
- android camera噪点,拍照时总是有很多噪点怎么办?方法很简单但你还真不知道
- 数据库设计-SQL Server开发实现学习
- HDU 1083 Coures(二分图匹配)
- 随机森林对特征重要性排序
- 某知名支付系统的架构演进权威分析
- stm32输入捕获,捕获高电平