关于炫酷PC模板中“广告位1”处的简单优化

可乐 小轻IP 关注 七级站长 VIP
发表于站长交流区版块
先看看原版的效果:


Image


在炫酷PC模板的“body.hst”第一行广告代码为:

<div class="pk-kxpc-ggdiv1">{$_G['SET']['TEMPLATE_PUYUETIAN_KUXUANPC_AD1']}</div>
应改为:

<div id="puyuetian_kuxuanpc-gpsbar" class="pk-row">
	<div class="pk-kxpc-container">
		<div class="pk-row">
			<div class="pk-w-md-12">
                               <div class="pk-kxpc-ggdiv1">{$_G['SET']['TEMPLATE_PUYUETIAN_KUXUANPC_AD1']}</div>
			</div>
		</div>
	</div>
</div>
再看看效果,会窄一些,画面比较和谐。


Image


当然,大家也可以控制

<div class="pk-w-md-12">

中的数字“12”去调整广告条的长度,以调整使得两个广告条并排存在。建议值在3-12,也就是对应1-4个广告位。


Image

(模拟图)


Image

(测试图)


这段代码我也放上来,只是搞不懂为么左右还有2px的空隙,如何调整还不懂,希望有高人帮助修改。

<div id="puyuetian_kuxuanpc-gpsbar" class="pk-row">
	<div class="pk-kxpc-container">
		<div class="pk-row">
			<div class="pk-w-md-12">   
			<div class="pk-w-md-10 pk-kxpc-body-left">
				{$_G['SET']['TEMPLATE_PUYUETIAN_KUXUANPC_AD1']}
			</div>
			<div class="pk-w-md-2 pk-kxpc-body-right">
				{$_G['SET']['TEMPLATE_PUYUETIAN_KUXUANPC_AD5']}
			</div>
			</div>
		</div>
	</div>
</div>

小技巧,大神勿喷,如果帮助到你,请点赞,也不要吝啬你的天豆喔!emotion

陕西,西安

评论列表 评论
发布评论

评论: 关于炫酷PC模板中“广告位1”处的简单优化

已有2次打赏
乐天打赏给楼主10天豆,2020-02-21 08:17:55
简单就是美打赏给楼主5天豆,2020-02-21 08:09:02
(4) 分享
分享

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

取消