收藏文章 楼主

如何给PC端设置公告栏,内含详细教程

版块:站长交流区   类型:精华   作者:小轻论坛   查看:1424   回复:3   获赞:4   时间:2022-02-15 16:24:26
因为网站需要跟用户及时联系,原来的【全站弹窗公告 插件】站内消息群发插件、内置系统邮件插件可以跟用户发通知,但是常驻通知才是最有效的,所以我自行设计了这个功能,准备做插件的,但是做了一半发现有点难度,希望有大佬带带我。


网站效果:


Image


在热搜后面加了一个通知项目,使用了fontawesome然后标红比较显眼,通知后的内容可以在后台进行设置。


以changable模板为例,教大家如何设置,首先打开wwwroot/template/puyuetian_changable/目录,找到head.hst文件。


在<div class="_hotwords"></div>后加入:

<font color="#FF0000"><i class="fa fa-calendar-o" style="margin-left:10px;margin-top:7px"></i><b> 通知:</b></font><font>{$_G['SET']['TEMPLATE_PUYUETIAN_CHANGABLE_AD0']}</font>
这里解释下,其中的CHANGABLE_AD0使用的是模板中的广告变量,我只是标了个0,为了省事,我拿这个做了个后台的动态更新的功能。


但是大家在设置的时候需要注意的是需要给这个公告足够大的空间,否则会换行显示,我在这里设置的值是pk-w-md-10和pk-w-md-2,按照我的参数修改就行了。


Image


以下是后台操作界面演示:


Image


这里的界面设置需要打开模板目录下的setting.hst页面,在广告位前面插入以下代码:

	<div class="pk-row pk-padding-bottom-15">
		<label class="pk-w-sm-3 _labeltext">公告</label>
		<div class="pk-w-sm-8">
			<input class="pk-textbox" type="text" name="template_puyuetian_changable_ad0" placeholder="此处请填写文字内容"
				value="{htmlspecialchars($_G['SET']['TEMPLATE_PUYUETIAN_CHANGABLE_AD0'],ENT_QUOTES)}" />
		</div>
	</div>
设置好了之后刷新后台和前台,看看效果吧!如果对你有帮助,请评论点赞,打赏随意!


小技巧分享,大神勿喷,如有大佬想带带小弟的,可以给私信留言。


学无止境! 
回复列表
默认   热门   正序   倒序
可乐
3F
小轻论坛Lv91  置顶
本教程中的公告提示其实并不是只能填写文字,可以加入超链接等html标签,如下图:(具体方法请自行探索,不难)

Image

 0   2022-02-16 23:29:19  回复
夜寒
2F
可以的

Image

小轻论坛:
优秀,这么快就做好了!

1997小论坛:
学习使我进步

 1   2022-02-15 16:44:08  回复
mnet
4F
mnetLv12
emotion
 0   2022-02-20 07:46:26  回复

回复:如何给PC端设置公告栏,内含详细教程

暂无用户组
退出
等级:0级
天豆:
游客:

公告

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

永久免费,购授权享豪礼

3年个人版授权+1940天豆仅需194元

终身个人版授权+3880天豆仅需388元

3年尊享版授权+13580天豆仅需1358元

终身尊享版授权+27160天豆仅需2716元

扫个红包吧,快乐你我他

红包

Powered by HadSky 7.12.4

©2015 - 2022 HadSky

购买产品 用户文档 授权查询 网站绑定 更新补丁 客户案例 陕ICP备13005805号

您的IP:3.238.49.228,2022-10-02 02:19:08,Processed in 0.03617 second(s).

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

用户名:

粉丝数:

签名:

资料 关注 好友 消息
已有1次打赏
乐天打赏给楼主20天豆,2022-02-16 13:36:23
(4) 分享
分享

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

取消