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

可乐 小轻IP 关注 七级站长 VIP
发表于站长交流区版块
按照乐天大佬给的 酷炫百变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  等软件或者服务器在线编辑器修改。当然广告位的位置自己可以调换,你们自己摸索吧,我是为了让它每一页显示,才放进头部的。


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

评论列表 评论
可乐 小轻IP 七级站长 VIP 4#
能给个精选或者打赏么?
共0条回复,点击查看回复
可乐 小轻IP 七级站长 VIP 3#
修改后的效果,大家可以感受下:


Image

共0条回复,点击查看回复
老哥论坛 我是zhu1076www 六级站长 普通 2#
演示截图发一个

可乐:
刚发了!

可乐:
在三楼

共0条回复,点击查看回复
发布评论

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

已有0次打赏
(3) 分享
分享

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

取消