收藏文章 楼主
关于炫酷PC模板中“广告位1”处的简单优化
版块:站长交流区   类型:普通   作者:可乐   查看:1538   回复:0   获赞:4   时间:2020-02-20 21:22:15
先看看原版的效果:


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”处的简单优化

暂无用户组
退出
等级: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.236.51.151,2021-10-25 09:07:27,Processed in 0.03614 second(s).

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

用户名:

粉丝数:

签名:

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

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

取消