后台登陆地址 admin/login.aspx

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

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

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

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

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

 

下面制作 出错页

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

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

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

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

 

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

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

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

预览发现 图片都不显示了  新闻系统 29-32:带边框的圆角框制作(制作后台登陆页面) 母版页嵌套/二级母版页

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

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

虽然这里  我想应该有更好的方法 但是还没学到  所以先放一下  但是注意,如果是 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向左。

 

 

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

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

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

 

母版页里面 再嵌入一个 母版页。例如 我们把左侧新闻系统 29-32:带边框的圆角框制作(制作后台登陆页面) 母版页嵌套/二级母版页   做成母版页

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

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

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

新出来的二级模板 如下

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

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

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

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

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

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

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

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

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

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

备份一下 categorymanager.aspx

新闻系统 29-32:带边框的圆角框制作(制作后台登陆页面) 母版页嵌套/二级母版页   重新添加一个  categorymanager.aspx

新闻系统 29-32:带边框的圆角框制作(制作后台登陆页面) 母版页嵌套/二级母版页   记得选择模板为 admin 文件夹下面的 

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

出来的新页面如下

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

我们显示看看

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

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

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

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

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

 

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

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

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

下面是  添加新闻页、

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

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

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

相关文章:

  • 2021-09-29
  • 2022-12-23
  • 2022-12-23
  • 2021-07-22
  • 2022-12-23
猜你喜欢
  • 2021-08-03
  • 2022-03-04
  • 2022-03-02
  • 2021-08-02
  • 2022-12-23
  • 2022-12-23
  • 2021-11-15
相关资源
相似解决方案