老卢淘在这分享一个在Emlog文章页添加好看的分割线代码教程
分割样式一:
、
分割样式二:
代码说明:
安逸资源网最近发现了很多技术博客的文章内页或多或少都有一些好看的分割线样式,故此小编也就动手也弄了一下。有美化文章页的作用,适量的段落分割也有助于蜘蛛爬取。但也不要添加太多的分割。不然不美观不说,页面还乱七八糟的。一个分割就差不多了!第二个样式是在博客看到的!也扒下来给大家吧。希望大家能够喜欢。
代码教程:
以下是两个样式的代码和css,针对小白不知道公用css文件。我直接放本地了。直接复制以下随便一种样式进模板目录下的“echo_log.php”文件合适的位置即可,emlog后台更新下缓存就能显示了!不是说一定非要是emlog程序才能用的。其他任何程序都可以部署如下代码。
Ps:第二个样式有一张图。在下方下载后上传到网站根目录即可。不然不显示噢!!!
代码样式一:
<div class="cutline"> <span style="color:#66DD00 margin: 0 5px;height:2.25em;border-radius:2.25em;">附件下载地址</span> </div> <!--CSS样式代码--> <style> .cutline{margin:20px 0 0 0;width:100%;height:1px;border-top:1px #ccc dashed;text-align:center} .cutline span{position:relative;top:-14px;padding:2px 4px;border:1px solid #d6d6d6;background-color:#f7f7f9;color:#d14}.nav-single {margin-bottom:21px} </style> <!--CSS样式代码-->
代码样式二:
<div id="fgx">结束语</div><div style="text-align:center;"><div style="color:#F00;">温馨提醒:如有技术问题以及资源失效请联系站长QQ1203021881进行反馈!!!</div> <!--CSS样式代码,图片地址可自定义--> </style> #fgx{background:url(http://你的域名/fgx.png) no-repeat center;height:50px;line-height:50px;display:block; text-align: center; color:#ccc;} .cc{max-width:1200px;margin:auto;} .main{overflow:hidden;clear:both;} </style> <!--CSS样式代码,图片地址可自定义-->
本站的代码样式:
<h3 style="background:#F6F6F6;border-width:1px 1px 1px 3px;border-style:solid;border-color:#EEEEEE #EEEEEE #EEEEEE #34C76F;margin:10px 0px;padding:10px;color:#58666E;text-transform:none;line-height:22px;text-indent:0px;letter-spacing:normal;font-family:"font-size:18px;font-style:normal;font-weight:700;word-spacing:0px;white-space:normal;box-sizing:border-box;orphans:2;widows:2;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-variant-ligatures:normal;font-variant-caps:normal;-webkit-text-stroke-width:0px;text-decoration-style:initial;text-decoration-color:initial;"> <span style="color:#E53333;">文章末结语:</span> </h3> <h3 style="background:#F6F6F6;border-width:1px 1px 1px 3px;border-style:solid;border-color:#EEEEEE #EEEEEE #EEEEEE #34C76F;margin:10px 0px;padding:10px;color:#58666E;text-transform:none;line-height:22px;text-indent:0px;letter-spacing:normal;font-family:"font-size:18px;font-style:normal;font-weight:700;word-spacing:0px;white-space:normal;box-sizing:border-box;orphans:2;widows:2;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-variant-ligatures:normal;font-variant-caps:normal;-webkit-text-stroke-width:0px;text-decoration-style:initial;text-decoration-color:initial;"> 以上就是关于“<!--?php echo $log_title; ?-->”的相关信息。想了解更多的技术教程、精品资源请收藏《老卢淘:www.alaolu.cn》进您的书签,永久免费资源与您共分享。<br class="Apple-interchange-newline" /> </h3>
文章末结语:以上就是关于“老卢淘在这分享一个在Emlog文章页添加好看的分割线代码教程”的相关信息。想了解更多的技术教程、精品资源请收藏《老卢淘:www.alaolu.cn》进您的书签,永久免费资源与您共分享。
免责声明:老卢淘提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!邮箱:202137615@qq.com
热门推荐
《评论请注意》
本站严厉打击恶意评论用户,垃圾评论发现一律删除。
恶意者拉黑IP永不解封,悉知!!!
评论列表