收藏文章 楼主
登录框下方用按钮形式显示广告位(或其他链接)的方法
版块:基本设置   类型:普通   作者:互帮自学   查看:5244   回复:6   获赞:8   时间:2016-12-01 15:49:45
HADSKY在登录框下方留出了广告位,可以在默认模版(或其他模版)中设置,以加入广告位,但是对于新站,在没有合适的广告加在那个位置的话未免有些浪费,下面给大家介绍个方法,让此广告位能得到充分利用,也就是用按钮形式,将网站在导航栏无法显示(或者想在醒目位置显示)的链接插入到这里,既美观又醒目,也方便操作,下面将教程带给大家,大神们肯定都会,仅献给和我一样的编程小白吧。

1..登录网站,然后进入后台(进后台的方法就不用说了吧)

2.点击“模版”——系统默认,拉到登录框下方广告位代码位置,如下图

Image

3.在框中加入下面代码

<a target="_blank" class="pk-btn pk-btn-danger pk-radius-4" href="index.php?c=app&a=puyuetian_taskcenter:index">任务中心</a>&nbsp;&nbsp;
<a target="_blank" class="pk-btn pk-btn-primary pk-radius-4" href="index.php?c=app&a=puyuetian_websitepromote:index" onclick="//tiyan()">推广赚币</a>&nbsp;&nbsp;
<a target="_blank" class="pk-btn pk-btn-success pk-radius-4" href="index.php?c=app&a=puyuetian_turntablegame:index">幸运转盘</a>
<a target="_blank" class="pk-btn pk-btn-primary pk-radius-4 pk-margin-top-10" href="index.php?c=app&a=puyuetian_shop:index" onclick="//tiyan()">战币商城</a>&nbsp;&nbsp;
<a target="_blank" class="pk-btn pk-btn-success pk-radius-4 pk-margin-top-10" href="index.php?c=list&sortid=38&page=1">意见反馈</a>&nbsp;&nbsp;
<a target="_blank" class="pk-btn pk-btn-danger pk-radius-4 pk-margin-top-10" href="index.php?c=list&sortid=39&page=1">友链广告</a>&nbsp;&nbsp;
4.将代码中的链接地址和文字修改,链接地址为href=中引号中的代码,将此地址改为你想链接的地址。文字就是“任务中心”这些汉字,改为你想修改成的文字。

然后保存,到网站去看看,是不是出现下面这样的按钮了(没尝试过在文章中插入是否能显示,如果不能显示可以到我网站中去看下效果,点击查看效果)?


<a target="_blank" class="pk-btn pk-btn-danger pk-radius-4" href="index.php?c=app&a=puyuetian_taskcenter:index">任务中心</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-primary pk-radius-4" href="index.php?c=app&a=puyuetian_websitepromote:index" onclick="//tiyan()">推广赚币</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-success pk-radius-4" href="index.php?c=app&a=puyuetian_turntablegame:index">幸运转盘</a> <a target="_blank" class="pk-btn pk-btn-primary pk-radius-4 pk-margin-top-10" href="index.php?c=app&a=puyuetian_shop:index" onclick="//tiyan()">战币商城</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-success pk-radius-4 pk-margin-top-10" href="index.php?c=list&sortid=38&page=1">意见反馈</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-danger pk-radius-4 pk-margin-top-10" href="index.php?c=list&sortid=39&page=1">友链广告</a>&nbsp;&nbsp;

5.对按钮颜色进行修改,上述代码中pk-btn-danger、pk-btn-primary、pk-btn-success,指的是按钮的种类,显示的是不同的按钮颜色,目前我知道的可以显示成不同颜色的按钮一共6个,分别是

btn-default(白底黑字)、btn-primary(蓝底白字)、btn-success(绿底白字)、btn-info(亮蓝底白字)、btn-warning(橙底白字)、btn-danger(红底白字),可根据自己需要将上述代码中的进行替换。

6..参考说明

代码中后三个代码中“pk-btn pk-btn-danger pk-radius-4”后面的中的“pk-margin-top-10”指的是第二行按钮与第一行按钮之间的距离,可根据自己需要将“10”改成自己需要的数值。每行代码的后面加入的“&nbsp”空格符,是为了将一行中的两个代码拉开距离。目前广告位大概一行只能放三个按钮,6个按钮的话需要分两行显示,我的网站就是这样设计的,档案你也可以根据自己的需要,将按钮调整大小,一行放几个,但是还是认为2-3个一行最美观了。

以上就是我的一些经验,希望对和我一样的小白站长们,有一些帮助。

互帮自学(www.cnhbzx.cn),互相帮助的公考自学平台。 
回复列表
默认   热门   正序   倒序
梦中的你
7F
很好,很有用
 3   2016-12-02 09:09:44  回复
xiaoyu95924
6F
每次不幸你都在我身边,想问一句,这么多年是不是你妨的我?
 2   2016-12-01 23:57:40  回复
cnhbzx
5F
显示效果是这样的

Image

 1   2016-12-01 16:02:06  回复
cnhbzx
4F
算了,在我的网站中回复里加入就可以显示,在这就不行。。。。乐天请帮我把我刚试的几个回复还有本条回复删除吧
 2   2016-12-01 15:55:56  回复
cnhbzx
3F
<a target="_blank" class="pk-btn pk-btn-danger pk-radius-4" href="index.php?c=app&a=puyuetian_taskcenter:index">任务中心</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-primary pk-radius-4" href="index.php?c=app&a=puyuetian_websitepromote:index" onclick="//tiyan()">推广赚币</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-success pk-radius-4" href="index.php?c=app&a=puyuetian_turntablegame:index">幸运转盘</a> <a target="_blank" class="pk-btn pk-btn-primary pk-radius-4 pk-margin-top-10" href="index.php?c=app&a=puyuetian_shop:index" onclick="//tiyan()">战币商城</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-success pk-radius-4 pk-margin-top-10" href="index.php?c=list&sortid=38&page=1">意见反馈</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-danger pk-radius-4 pk-margin-top-10" href="index.php?c=list&sortid=39&page=1">友链广告</a>&nbsp;&nbsp;
 4   2016-12-01 15:54:10  回复
cnhbzx
2F
文章中的按钮果然没显示出来,好像我忘了加入一些代码了,再试下显示效果 <p class="pk-row"> <a target="_blank" class="pk-btn pk-btn-danger pk-radius-4" href="index.php?c=app&a=puyuetian_taskcenter:index">任务中心</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-primary pk-radius-4" href="index.php?c=app&a=puyuetian_websitepromote:index" onclick="//tiyan()">推广赚币</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-success pk-radius-4" href="index.php?c=app&a=puyuetian_turntablegame:index">幸运转盘</a> <a target="_blank" class="pk-btn pk-btn-primary pk-radius-4 pk-margin-top-10" href="index.php?c=app&a=puyuetian_shop:index" onclick="//tiyan()">战币商城</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-success pk-radius-4 pk-margin-top-10" href="index.php?c=list&sortid=38&page=1">意见反馈</a>&nbsp;&nbsp; <a target="_blank" class="pk-btn pk-btn-danger pk-radius-4 pk-margin-top-10" href="index.php?c=list&sortid=39&page=1">友链广告</a>&nbsp;&nbsp; </p>
 3   2016-12-01 15:51:27  回复

回复:登录框下方用按钮形式显示广告位(或其他链接)的方法

暂无用户组
退出
0级
天豆:颗
余额:元
游客:

公告

近期本站被人为恶意注册及发布垃圾帖,本站已开启普通用户发帖审核功能,VIP系列用户组不受影响,一但发现发布违法或垃圾帖的用户,该用户账号将会被永久封号,请大家共同维护互联网环境,共创美好互联网未来。

永久免费,购授权享豪礼

3年个人版授权+1760天豆仅需176元

终身个人版授权+3520天豆仅需352元

3年尊享版授权+12320天豆仅需1232元

终身尊享版授权+24640天豆仅需2464元

Powered by HadSky 7.4.8

©2015 - 2020 HadSky

购买产品 用户文档 加入QQ群 授权查询 网站绑定 客户案例 陕ICP备13005805号

您的IP:3.210.201.170,2020-10-22 22:28:04,Processed in 0.04032 second(s).

支持原创软件,抵制盗版,共创美好明天!
头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息
已有0次打赏
(8) 分享
分享

请保存二维码或复制链接进行分享

取消