December 2, 2019 · 阅读 31

无 js 创建 Typecho 友情链接页面

Typecho 有相应的友情链接插件,可是对于喜欢简单的我,不太喜欢用各式各样的插件,总觉得会把网站弄的臃肿。还有一种方法是在 functions.php 文件中写代码,通过模板创建独立页面,这要求有 JavaScript 编程技能,对于只会看不太会写的我还是觉得麻烦。

其实有一种非常简单好用的方法,就是[scode type="green"]不用模板,创建独立页面,然后在内容里面直接写html代码[/scode]

独立页面里的代码如下:

<a target="_blank" class="linktext" href="http://ayayy.cn/"><img src="http://ayayy.cn/logo.png" class="linkimgs" alt="时光笔记" title="幸好有你感动了时光。</a>

CSS 文件里面添加样式:

.linktext {margin:10px;padding:0 5px 0 5px;display:inline-grid;text-align:center;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);}
.linkimgs {width:120px;height:120px;}

CATEGORY: 教程 · TAGS: none
◄ 建筑业朋友扫描添加微信好友

添加新评论 »

© Powered by 大苏的时光笔记 · Theme Bigpang v3.01 by 油腻腻的中年胖苏苏