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

花沁电子 1 关注 六级站长 普通
发表于其他技术文章版块
插件链接: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 by029 四级站长 普通 5#
Image挤压了。

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

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

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

共0条回复,点击查看回复
flyinsky323 flyinsky323 一级站长 普通 4#
厉害了
共0条回复,点击查看回复
黑衣人 简单就是美 八级站长 VIP 3#
可以让普通用户打赏么,这是作者的荣耀感,对劳动成果的尊重。

上海,上海

共0条回复,点击查看回复
花沁电子 1 六级站长 普通 2#
感谢大大的豆豆emotion

安徽,合肥

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

评论: 利用插件优雅的展示友情链接

已有1次打赏
乐天打赏给楼主20天豆,2018-11-05 10:24:11
(4) 分享
分享

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

取消