PageAdmin模板DIY同步图文解析教程含模板下载适合新手学习.docxVIP

PageAdmin模板DIY同步图文解析教程含模板下载适合新手学习.docx

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

有兴趣的的朋友可以一起测试,现在安装pageadmin最新版本,选用默认风格~!~我们就在默认风格中修改,调试。首先我们看这个目标网站《也是刚制作好的一个》然后和我们安装好的pageadmin模板经行对比,分析,目标网站的布局。

具体布局修改方法

接下来要做的就是在原有的CSS样式基础之上修改样式表 对于不太了解CSS样式的朋友,我们有傻瓜式的演示方式:1.顶部导航修改位置:template\style1下lanmu.css

/*menu样式

*/.menu_box{clear:both;width:100%;} /**********LOGO在上方样式***********/.menu_box_style1_1{clear:both;border:0solid

#cccccc;}.menu_box_style1_1_1{float:left;}.menu_box_style1_1_2{float:right;padding:5px00

0;}.menu_box_style1_2{clear:both;Text-align:left;height:35px;background:url(images/menu_bg.gif)repeat00;border:0solid#dddddd;border-width:01px01px;overflow:hidden;}.menu_style_1{float:left;width:100px;Text-align:center;padding:9px000;background:url(images/menu_style.gif)no-repeat0

0;}.menu_style_1_last{float:left;width:98px;Text-align:center;padding:9px000;}

一般情况来说,我们只需要修改宽度,和背景

图片即可。对于新手来说,修改顶部的导航背景图片,完全可以采用另种方式!

修改网站宽度在 红色/*网站主体样式*/body{word-break:break-all;color 333333;margin:000

0;font-size:12px;line-height:20px;text-align:center;font-family:宋体,Arial;}.Page_style{width:900px;border:0solid

#cccccc;margin-left:auto;margin-right:auto;Text-align:center;overflow:hidden;}

a{color 333333;text-decoration:none;}a.detail{text-decoration:none;}a:hover

{text-decoration:underline;}form,ul,li{list-style-type:none;margin:000

0;padding:0000;}p{padding:0000;margin:0000;}div,td{font-size:12px;}

hr{border:1pxsolid#cccccc;line-height:1px;}

这部分的CSS我们可以定位搜索,一段一段的来修改CSS样式,使他们相同。

新手一定要多练习!多练习练习熟练就好啦!

反复练、重复练,肯定能做出来啦。我都研究了3个多星期了,在这里还

要感谢版主xinyou给咱提醒了一下。 直接修改css样式就可以了,不要

重新布局设计,《那条路太难走啦!!!!!程序一起模板提供下载

》就用pageadmin后台里的模块设计。连

文档评论(0)

tianya189 + 关注
官方认证
文档贡献者

该用户很懒,什么也没介绍

认证主体阳新县融易互联网技术工作室
IP属地上海
统一社会信用代码/组织机构代码
92420222MA4ELHM75D

1亿VIP精品文档

相关文档