jQuery技术

zblog建站教程

字号+ 作者:H5之家 来源:H5之家 2015-10-25 19:45 我要评论( )

zblog建站教程_烽烟工作室

关于本站

烽烟工作室免费提供zblog企业模板、淘宝客模板、zblog插件、博客主题等资源下载。 并承接zblog模板定制、zblog仿站、zblog模板修改、zblog插件定制等业务。

加入我们

建站时遇到问题了?找不到教程?不知道问谁?来吧!建站技术交流群欢迎你,与我们一起交流建站的技术吧!【99464245】

站务合作

如果您有站务合作方面的需求,请通过以下方式联系我。
QQ: 744355891
Email: info#fengyan.cc(#换成@)

标签

Z-Blog PHP响应式博客模板:

1.响应式设计,自适应屏幕大小;

2.自带配置页面,功能设置更加方便自由;

3.注重SEO优化,主题自带基础SEO设置;

4.带有多个广告位(可在配置页启用或关闭);

2.jpg

购买须知
1.请购买者熟悉了解详细的zblogPHP后台操作和主题所能实现的功能及不足后再下单购买。
2.购买价格仅为下载使用主题的价值。
3.购买主题后不会因“主题中已说明的不足和未能实现的功能”而退款。
4.主题购买后,购买者可通过烽烟工作室或主题/插件作者升级版本。请自行保存好配置和修改部分。当然,购买者也可选择不升级使用。

购买条款
1.用户在购买主题/插件前已默认接受并认同主题/插件符合其使用需求,主题/插件为特殊服务购买后不能退款。
2.主题/插件仅可用于单一网站使用,不得发布、转售,否则一切后果自负。

购买指南
1.用户点击主题详情页面的‘在线咨询’与该主题的开发者取得联系,用户在向开发者支付主题费用后,开发者会将主题安装包发送给您。
2.用户向开发者购买主题后,其主题的一切售后都由该开发者负责,至于售后的包含哪些内容请自行询问开发者,烽烟工作室不做干预。

css代码.open-message{margin-bottom:10px;padding:5px 10px;border-radius:2px;background-color:#fcf8e3;border:1px solid #faebcc;color:#8a6d3b}

将css代码添加至主题中的css文件中。

HTML代码<div class="open-message" style="border:#00a67c 1px solid;border-radius:5px 5px 5px 5px;"> <i class="fa fa-bullhorn"></i>转载请注明:<a href="{$host}">{$name}</a><a href="{$article.Url}">{$article.Title}</a></div>

将div代码添加至主题中的文章页模板中,不出意外的话一般都是post-single.php(template/post-single.php),在模板文件中找到{$article.Content}这个标签,这是文章正文输出的标签,将代码添加在标签div的下方。

代码说明:<i class="fa fa-bullhorn"></i> <!---此代码为Font Awesome字体图标--->

Font Awesome图标安装及使用方法

{$host} <!---此标签为首页链接--->{$name} <!---此标签为网站标题--->{$article.Url} <!---此标签文章链接--->{$article.Title} <!---此标签文章标题--->效果二

鼠标悬停效果

css代码.post-copyright{background-color:#f2f2f2;font-size:12px;color:#999;padding:6px 15px 5px;border-radius:2px;margin-top:10px;margin-bottom:30px} .post-copyright:hover{background-color:#FF5E52;color:#fff}HTML代码<p class="post-copyright">除特别注明外,本站所有文章均为<a href="{$host}" style="color:#51aded;">{$name}</a>原创,转载请注明出处来自<a href="{$article.Url}" style="color:#51aded;">{$article.Url}</a></p>

效果二的添加方法与上述效果一是相同的。

关于本站

烽烟工作室免费提供zblog企业模板、淘宝客模板、zblog插件、博客主题等资源下载。 并承接zblog模板定制、zblog仿站、zblog模板修改、zblog插件定制等业务。

加入我们

建站时遇到问题了?找不到教程?不知道问谁?来吧!建站技术交流群欢迎你,与我们一起交流建站的技术吧!【99464245】

站务合作

如果您有站务合作方面的需求,请通过以下方式联系我。
QQ: 744355891
Email: info#fengyan.cc(#换成@)

标签

介绍

面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。

----摘自百度百科

HTML代码
<ul id="breadcrumb">   <li><a href="#"><span class="icon icon-home"> </span></a></li>   <li><a href="#"><span class="icon icon-beaker"> </span> Projects</a></li>   <li><a href="#"><span class="icon icon-double-angle-right"></span> Breadcrumb</a></li>   <li><a href="#"><span class="icon icon-rocket"> </span> Getting started</a></li>   <li><a href="#"><span class="icon icon-arrow-down"> </span> Download</a></li>   <li><a href="#"><span class="icon icon-arrow-down"> </span> Download</a></li> </ul>CSS代码#breadcrumb {   list-style: none;   display: inline-block; } #breadcrumb .icon {   font-size: 14px; } #breadcrumb li {   float: left; } #breadcrumb li a {   color: #FFF;   display: block;   background: #3498db;   text-decoration: none;   position: relative;   height: 40px;   line-height: 40px;   padding: 0 10px 0 5px;   text-align: center;   margin-right: 23px; } #breadcrumb li:nth-child(even) a {   background-color: #2980b9; } #breadcrumb li:nth-child(even) a:before {   border-color: #2980b9;   border-left-color: transparent; } #breadcrumb li:nth-child(even) a:after {   border-left-color: #2980b9; } #breadcrumb li:first-child a {   padding-left: 15px;   -webkit-border-radius: 4px 0 0 4px;   -moz-border-radius: 4px 0 0 4px;   -ms-border-radius: 4px 0 0 4px;   -o-border-radius: 4px 0 0 4px;   border-radius: 4px 0 0 4px; } #breadcrumb li:first-child a:before {   border: none; } #breadcrumb li:last-child a {   padding-right: 15px;   -webkit-border-radius: 0 4px 4px 0;   -moz-border-radius: 0 4px 4px 0;   -ms-border-radius: 0 4px 4px 0;   -o-border-radius: 0 4px 4px 0;   border-radius: 0 4px 4px 0; } #breadcrumb li:last-child a:after {   border: none; } #breadcrumb li a:before, #breadcrumb li a:after {   content: "";   position: absolute;   top: 0;   border: 0 solid #3498db;   border-width: 20px 10px;   width: 0;   height: 0; } #breadcrumb li a:before {   left: -20px;   border-left-color: transparent; } #breadcrumb li a:after {   left: 100%;   border-color: transparent;   border-left-color: #3498db; } #breadcrumb li a:hover {   background-color: #1abc9c; } #breadcrumb li a:hover:before {   border-color: #1abc9c;   border-left-color: transparent; } #breadcrumb li a:hover:after {   border-left-color: #1abc9c; } #breadcrumb li a:active {   background-color: #16a085; } #breadcrumb li a:active:before {   border-color: #16a085;   border-left-color: transparent; } #breadcrumb li a:active:after {   border-left-color: #16a085; }

  演示VS下载


在线演示     在线下载

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
1