收藏文章 楼主
仿手机微博模板顶部广告位的设置代码分享
版块:站长交流区   类型:普通   作者:可乐   查看:426   回复:3   获赞:1   时间:2021-08-22 16:17:02
按照乐天大佬给的 酷炫百变PC模板(changable)头部文字广告位代码免费分享(可设置过期时间),我为仿手机微博模板也加了广告位。因为这个模板没有广告位的设计,我就简单设计了下仿手机微博模板的广告代码,并教大家如何设置到模板中。


<script>
	$(function() {
		var ads = [];
      ads[1] = {
			title: "广告位招租5元/月",
			href: "https://wpa.qq.com/msgrd?v=3&uin=171698321&site=qq&menu=yes",
			class: "pk-text-danger",
			expdate: "2119-07-13"
		}
      ads[2] = {
			title: "查全网隐藏优惠券",
			href: "http://ws.bhurl.net/tk?s=WFafhy",
			class: "pk-text-danger",
			expdate: "2119-07-13"
		}
      ads[3] = {
			title: "加c22wwee进群",
			href: "http://ws.bhurl.net/tk?s=WFafhy",
			class: "pk-text-danger",
			expdate: "2119-07-13"
		}
      	ads[4] = {
			title: "七牛云免费储存",
			href: "https://portal.qiniu.com/qvm/active?code=13813567996a8g",
			class: "pk-text-danger",
			expdate: "2119-07-13"
		}
      	ads[5] = {
			title: "官方承接微博业务",
			href: "http://bbs.xzwidea.cn/read-1112-1.html",
			class: "pk-text-primary",
			expdate: "2119-07-13"
		}
		//h代表几行,l代表几列
		var h = 2,
			l = 3,
			html = '';
		for(var j = 0; j < h; j++) {
			html += '<tr>';
			for(var i = 0; i < l; i++) {
				html += '<td style="width:' + (100 / l) + '%;padding:3px 2px 3px 12px"><div class="pk-text-nowrap" style="max-width:234px;overflow:hidden">';
				var d = j * l + i + 1;
				var o = ads[d];
				var f = true;
				if(typeof o!="undefined") {
					var nowtime = (new Date()).getTime();
					var exptime = Date.parse(new Date(o.expdate));
                  	//alert(nowtime);
					if(nowtime < exptime) {
                      	if(o.html){
                            html += o.html;
                        }else{
                        	html += '<a target="_blank" href="' + o.href + '" class="' + o.class + ' pk-hover-underline">' + o.title + '</a>';
                        }
						f = false;
					}
				}
				if(f) {
					html += '<a target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=171698321&site=qq&menu=yes" class="pk-hover-underline" title="咨询广告位" style="color:#777">AD' + (d < 10 ? '0' + d : d) + '虚位以待</a>';
				}
				html += '</div></td>';
			}
			html += '</tr>';
		}
		$('#_ylbox').removeClass('pk-hide').find('table').append(html);
	});
</script>
提示:文字广告位,显示文字7-8个即可,多了会超出屏幕。其中我设置的广告位为2*3的,大家也可以根据自己需求修改广告排数。


将上述代码放进该模板底下的head.hst文件末尾即可,ftp目录为/wwwroot/template/puyuetian_copyweibo/head.hst,建议使用专业编写软件Notepad  等软件或者服务器在线编辑器修改。当然广告位的位置自己可以调换,你们自己摸索吧,我是为了让它每一页显示,才放进头部的。


准备直接修改主题设置一个广告位的表单,这样在后台就可以修改了,不知道这样做对原创合适不。

学无止境! 
回复列表
默认   热门   正序   倒序
可乐
4F
可乐Lv63
能给个精选或者打赏么?
 0   2021-08-22 16:28:57  回复
可乐
3F
可乐Lv63
修改后的效果,大家可以感受下:


Image

 0   2021-08-22 16:20:47  回复
老哥论坛
2F
演示截图发一个

可乐:
刚发了!

可乐:
在三楼

 0   2021-08-22 16:18:37  回复

回复:仿手机微博模板顶部广告位的设置代码分享

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

公告

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

永久免费,购授权享豪礼

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

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

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

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

Powered by HadSky 7.8.7

©2015 - 2021 HadSky

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

您的IP:3.239.2.222,2021-10-26 01:02:57,Processed in 0.04051 second(s).

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

用户名:

粉丝数:

签名:

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

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

取消