收藏文章 楼主
利用插件优雅的展示友情链接
版块:其他技术文章   类型:普通   作者:1   查看:4344   回复:4   获赞:4   时间:2018-11-05 10:22:45
插件链接:https://www.hadsky.com/read-1473-1.html?from=appstore


Image


这个插件默认是内页链接,如何搞到首页底部?


Image


以我炫酷PC模板为例:在文件夹【\template\puyuetian_kuxuanpc\home.hst】降底部友情链接的代码全部删除:


添加以下代码:


<style>
	#ShowlinksMain>div>div>div:nth-of-type(1)>img {
		width: 100%;
		height: 90px;
		border-radius: 4px;
		border: solid 1px #DDDDDD;
	}
	
	#ShowlinksMain>div>div>div:nth-of-type(2) {
		text-align: center;
		font-size: 14px;
		color: #777;
	}
	
	#ShowlinksMain>div {
		margin-bottom: 30px;
	}
	
	#ShowlinksMain>div:hover {
		cursor: pointer;
	}
	
	#ShowlinksMain>div:hover>div>div:nth-of-type(1)>img {
		border-color: #999;
	}
</style>
<div class="pk-row pk-kxpc-friendlinks">
<div id="admindiv" class="pk-row">
	<div class="pk-w-sm-12 pk-padding-0 pk-text-right">
		<a class="pk-btn pk-btn-success pk-radius-4 pk-margin-right-5" href="index.php?c=app&a=puyuetian_showlinks:index&s=apply">自助申请</a>
		<div class="pk-margin-top-15 pk-margin-bottom-30" style="border-top:solid 1px #DDDDDD;width: 100%;"></div>
	</div>
</div>
<div id="ShowlinksMain" class="pk-row"></div>
<script>
	if(parseInt($_USER['ID']) == 1) {
		$('#admindiv>div:eq(0)').prepend('<a class="pk-btn pk-btn-danger pk-radius-4 pk-margin-right-5" href="index.php?c=app&a=puyuetian_showlinks:index&s=list">链接管理</a>');
	}
	$.getJSON('index.php?c=app&a=puyuetian_showlinks:index&return=json', function(data) {
		if(data['state'] == 'ok') {
			data = data['data'];
			var html = '';
			for(var i = 0; i < data.length; i++) {
				html += '<div class="pk-w-sm-6 pk-w-md-3" data-href="' + data[i]['href'] + '"><div class="pk-row"><div class="pk-w-sm-12"><img src="' + data[i]['src'] + '" alt="" onerror="this.src=\'app/puyuetian_showlinks/template/img/404.png\'"></div><div class="pk-w-sm-12 pk-text-nowrap">' + data[i]['title'] + '</div></div></div>';
			}
			//展示链接们
			$('#ShowlinksMain').html(html);
			//添加链接
			$('#ShowlinksMain>div').click(function() {
				window.open($(this).data('href'), '_blank');
			});
		} else {
			pkalert('数据异常');
		}
	}).error(function() {
		pkalert('数据获取失败');
	});
</script>
</div>




回复列表
默认   热门   正序   倒序
by029
5F
by029Lv18
Image挤压了。

花沁:
把原来代码删除??

by029:
对,友情链接下面全删了

花沁:
是友情链接代码,自己改的不对,下面全删?那你html下面的闭合标签删了肯定报错了

 1   2018-11-07 11:08:57  回复
flyinsky323
4F
厉害了
 1   2018-11-06 12:09:40  回复
黑衣人
3F
可以让普通用户打赏么,这是作者的荣耀感,对劳动成果的尊重。

上海,上海

 1   2018-11-05 13:24:21  回复
花沁电子
2F
1Lv79
感谢大大的豆豆emotion

安徽,合肥

 1   2018-11-05 11:03:31  回复

回复:利用插件优雅的展示友情链接

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

公告

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

永久免费,购授权享豪礼

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

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

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

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

扫个红包吧,快乐你我他

红包

Powered by HadSky 7.10.0

©2015 - 2022 HadSky

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

您的IP:54.224.117.125,2022-01-28 04:22:09,Processed in 0.03955 second(s).

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

用户名:

粉丝数:

签名:

资料 关注 好友 消息
已有1次打赏
乐天打赏给楼主20天豆,2018-11-05 10:24:11
(4) 分享
分享

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

取消