KM盒子APP制作软件

KM盒子使用CSS自定义样式教程

时间:2017-11-07 09:04 点击:

KM盒子默认可以通过 软件设置→广告设置→内页底部广告 进行添加css代码修改默认的样式。(注意:设置时需要将代码连成一行,且长度不超过255个字符)

 
示例:

1、设置背景图片后去除文字阴影,可以设置CSS样式如下
<style>.ui-body-c{text-shadow:none}</style>

2、自定义上一篇和下一篇按钮颜色,可以设置CSS样式如下
<style>.ui-body-c{text-shadow:none}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{background:#BD0001;color:#ffffff;border:1px solid #760006;text-shadow:none}</style>
3、自定义头部和底部CSS样式,可以设置CSS样式如下
<style>.ui-body-c{text-shadow:none;}.ui-bar-a,.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a, .ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{background: #BD0001;color:#ffffff;border:1px solid #760006;text-shadow:none;}.ui-body-c .ui-link:link,.ui-body-c .ui-link:visited{color:#ffffff;}</style>
4、自定义行间距
<style>p{line-height:32px}</style>

如果需要设置首页的自定义CSS样式,则在首页底部广告那里添加相应的CSS代码,示例:

1、自定义首页头部和底样式:

<style>.ui-body-c{text-shadow:none}.ui-bar-a,.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a,.ui-btn-hover-c,.ui-btn-down-c{background:#BD0001;color:#ffffff;border:1px solid #760006;text-shadow:none}.ui-body-c .ui-link:link,.ui-body-c .ui-link:visited{color:#ffffff}.ui-btn-up-c{background:#eee}</style>

2、设置标题超过长度自动换行

<style>.ui-li .ui-btn-text a.ui-link-inherit,.ui-li-heading{white-space:normal;overflow:visible}</style>

但这里需要注意:设置时需要将代码连成一行,且长度不超过255个字符,如果长度超过255个字符的代码,则需要将CSS代码写在一个文件中,使用<link>标签进行链接,然后使用自定义首页功能将CSS文件一起打包,示例:
<link rel="stylesheet" type="text/css" href="theme.css">

同样的也可以在这里,添加自定义的JS代码,只要不超过255个字符就可以。例如添加一段禁止复制的JS代码:
<script type="text/javascript">document.body.onselectstart=document.body.oncontextmenu=function(){ return false;}</script>

引用一个JS文件:
<script src="my.js" type="text/javascript"></script>


 

我要纠错