模板继承,模仿php页面

Original 2019-11-04 21:53:26 438
abstract://base.html 模板{block name="header"} {include file="public/header" /} {/block}{block name="main"} &

//base.html 模板

{block name="header"}

{include file="public/header" /}

{/block}
{block name="main"}

main:

{/block}
{block name="fooder"}

{include file="public/fooder" /}

{/block}


//header.html 头部导航

// template.php自定义常量 _CSS_ 'tpl_replace_string' =>[

// '_CSS_' =>str_replace('index.php', '', //$_SERVER['SCRIPT_NAME'])

// ]


  • 首页
  • 视频教程
  • 入门教程
  • 社区问答
  • 技术文章
  • 编程词典
  • 资源下载


//fooder.html 底部导航

  • 网站首页
  • PHP视频
  • PHP实战
  • PHP代码
  • PHP手册
  • 词条
  • 手记

PHP中文网:独家原创,永久免费的在线PHP视频教程,PHP技术学习阵地!

Copyright 2014-2019 //m.sbmmt.com/ All Rights Reserved | 皖B2-20150071-9

免责申明

赞助与捐赠


//index.html 主体页面 模板继承

{extend name="base"}
{block name="main"}

首页>技术文章

方向:

  • 全部
  • 后端开发
  • WEB前端
  • 数据库
  • 运维
  • 开发工具
  • PHP框架
  • 每日编程
  • 头条
  • 博客
  • 更多

分类:

  • php教程
  • php问题
  • php知识
  • mysql问题
  • html问题
  • css问题
  • js问题
  • phpstudy问题
  • python问题
  • 更多

wordpress如何设置文章置顶

wordpress设置文章置顶的方法:1、登录wordpress后台;2、点击左侧菜单栏文章-所有文章;3、鼠标移动到文章标题,点击快速编辑;4、勾选右边置顶这篇文章;5、最后点击更新按钮即可。

所属分类:wordpress   浏览:315   添加时间:2019-11-02 17:59:59

wordpress如何设置文章置顶

wordpress设置文章置顶的方法:1、登录wordpress后台;2、点击左侧菜单栏文章-所有文章;3、鼠标移动到文章标题,点击快速编辑;4、勾选右边置顶这篇文章;5、最后点击更新按钮即可。

所属分类:wordpress   浏览:315   添加时间:2019-11-02 17:59:59

wordpress如何设置文章置顶

wordpress设置文章置顶的方法:1、登录wordpress后台;2、点击左侧菜单栏文章-所有文章;3、鼠标移动到文章标题,点击快速编辑;4、勾选右边置顶这篇文章;5、最后点击更新按钮即可。

所属分类:wordpress   浏览:315   添加时间:2019-11-02 17:59:59

发布技术文章

头条

同为动态语言,PHP为何比Python快那么多?原因解

2019年最新最全面的CMS开发视频教程(收藏)

预警!!!PHP 远程代码执行漏洞

ThinkPHP6.0今天正式发布

优化CSS并加速网站的21种方法

Web 性能优化:图片优化让网站大小减少 62%

四大常见PHP开源CMS网站系统安装视频教程

金九银十,学习正当时! php中文网新课不断上线中!

{/block}

//静态资源文件public/static style.css image图片文件夹

*{margin: 0;padding: 0;}.fl{float:left;}.fr{float:right;}.fc{clear:both;}

/*头部样式*/.header{width:100%;height:65px;background:#000000;color:#AFAFAF;}.top_nav li{float:left;list-style:none;line-height: 60px;text-align: center;margin-left:40px;}.search{margin-left:60px; height:60px;width:250px;display: inline-block;line-height: 60px;}.search input{margin-top: 18px; padding-left:10px;border: none;border-radius:24px;height:26px;width:200px;position:absolute;}.search span{font-size: 14px;position: relative;height: 26px;width:60px;line-height: 26px;text-align: center;background: rgb(0,0,255,0.8);top:0px;left:151px;border-top-right-radius:24px;border-bottom-right-radius:24px;display: inline-block;}
.login{margin-right:100px;height: 60px;width:150px;}.login span{height: 60px;width:100px;line-height: 60px;text-align: center;margin-left: 20px;}


/*主体样式左边*/

.main{width:100%;font-size: 14px;background: #EEEEEE;display: inline-block;}.main_left{width:800px;background: #ffffff;margin-left:110px;margin-top: 20px;}.main_left li{float:left;list-style: none;margin-left: 15px;}.main_left_home{width:800px;height: 60px;line-height: 60px;border-bottom: #f5f5f5;padding-left: 10px;}.main_left_nav{width:800px;height: 60px;line-height: 60px;background: ;border-bottom: 1px solid #EEEEEE;padding-left: 10px;}.main_left_list{margin:0px 0px;padding: 5px 0px;background: #FFFFFF; border-bottom: 1px solid #EEEEEE;display: inline-block;}
/*右边*/

.main_right{width:380px;margin-left:20px;}.tech{width:378px;height:58px;background: #FF5722;border: 2px solid #F01400;margin-top: 20px;color:#ffffff;font-size: 20px;line-height: 60px;text-align: center;} h3{margin:10px 0px;}.news_first{width:380px;border-top:2px solid #000000;margin-top: 10px;background: #ffffff;}.news_first p{margin: 10px 10px;}
/*底部样式*/

.fooder{width:100%;height:200px;background:#393D49;}.bottom_nav ul{padding-top: 30px;margin-left: 30px;}.bottom_nav ul li{float:left;list-style: none;color:#C8CDD2;font-size: 14px;margin-left:30px;}.fooder_right{margin:50px 100px;}

Correcting teacher:天蓬老师Correction time:2019-11-12 11:18:28
Teacher's summary:完成的不错, 作业放在代码块中提交效果更好

Release Notes

Popular Entries