新闻系统 2932:带边框的圆角框制作(制作后台登陆页面) 母版页嵌套/二级母版页

后台登陆地址 admin/login.aspx

image

image

然后 登陆的样式表   css/login.css

image

image

下面制作 出错页

image

image

image

image

下面 添加后台的 类别管理页面

image

image

预览发现 图片都不显示了  image

这个时候,我们回到模板里面,修改路径

image

虽然这里  我想应该有更好的方法 但是还没学到  所以先放一下  但是注意,如果是 asp.net的控件,可以使用  ~/  这就表示相对于应用程序的路径

<asp:ImageButton ID="btnSearch" runat="server" ImageUrl="~/image/search.gif" />

看看关于背景的简写

.round2 h3{background-image:url("../image/round2_right_top.gif");
        background-position:top right; 
        background-repeat:no-repeat; padding-left:40px; padding-top:15px; padding-bottom:10px; font-weight:bold;}
        
.round2 .con{background:url("../image/round2_right_middle.gif")  repeat-y top right; padding:10px 0 0 35px; height:300px;}
.round2 .con p{ line-height:200%;}
.round2 .footer{background:url("../image/round2_left_bottom.gif")  no-repeat bottom left}
.round2 .footer p{background:url("../image/round2_right_bottom.gif") no-repeat bottom right}

1当我们讲用   图片来制作,可变宽度的 边框的时候,用到5个图片,并且图片的宽度要尽量弄长一点。

2当我们的浮动不正常的时候,用firefox多看看是不是DIV的高度为0了?如果为0,则需要用到清除浮动了。

3浮动的概念是,假如A和B两个DIV  A里面写向左浮动,则B才能贴着A向左。

关于模板嵌套。现在在后台。模板是 上部和下部。

image

我们现在需要把左侧 也做成模板

母版页里面 再嵌入一个 母版页。例如 我们把左侧image   做成母版页

我们在 admin  添加一个母版页的新项

image

image

新出来的二级模板 如下

image

这个时候,我们开始来修改 categorymanager.aspx  类别管理页面,利用我们刚才的二级模板来修改

回到categorymanager.aspx里面,把左侧,拷到二级母版页面里面。

image

image

占位符  我们去 common.master里面去考  然后修改一下 ID

image

image

image

好了,我们的二级母版页制作好了。我们来重新弄 categorymanager.aspx 套用这个二级母版页

备份一下 categorymanager.aspx

image   重新添加一个  categorymanager.aspx

image   记得选择模板为 admin 文件夹下面的 

image

出来的新页面如下

image

我们显示看看

image

然后我们把备份的 categorymanager.aspx里面的内容 拷贝到新的 categorymanager.aspx

image

image

image 

这样   新闻类别管理页面  就制作完成了。下面制作 新闻管理页面。

image

image

下面是  添加新闻页、

image image

image

image

原文地址:https://www.cnblogs.com/iceicebaby/p/2230557.html