JustNews主题显示友链图标教程
2023-02-19 12:17:42 时间
如果你用了justnews的可视化编辑首页,将links.php中对应代码替换为以下代码;如果你用默认的首页,修改index.php对应代码:请注意修改代码中的png图片,是默认的网站图标。
<div class="sec-panel-body">
<ul class="list list-links">
<!--?php foreach($bookmarks as $link){ if($link--->link_visible=='Y'){ ?>
<li class="links"><img alt="<?php echo $link->link_name?>" src="<?php%20echo%20$link->link_image?>" onerror="javascript:this.src='https://oss.iymark.com/2021/03/2021030215074746.png'"><a <?php="" if($link-="">link_target){?>target="<!--?php echo $link--->link_target;?>" <!--?php } ?--><!--?php if($link--->link_description){?>title="<!--?php echo esc_attr($link--->link_description);?>" <!--?php } ?-->href="<!--?php%20echo%20$link--->link_url?>"<!--?php if($link--->link_rel){?> rel="<!--?php echo $link--->link_rel;?>"<!--?php } ?-->><!--?php echo $link--->link_name?></a></li>
<!--?php }} ?-->
</ul>
</div>
代码放在176-182
然后,添加如下自定义css代码:
.list-links img {
width: 20px;
margin-right: 5px;
}
.list-links .links {
float: left;
padding: 5px 5px 0 5px;
text-align: justify;
width: 9.5%;
border: 4px solid #f1f1f1;
margin: 2px;
background:#f1f1f1;
}
@media (max-width: 1240px){
.list-links .links {
width: 32.2%;
}
}
@media (max-width: 991px){
.list-links .links {
width: 46%;
}
}
.list-links {
display: inline-block;
}
.list-links a {
width: 70%;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
overflow: hidden;
line-height: inherit;
margin:0;
}
最终的效果,可以在本站首页页脚查看
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
相关文章
- Goodbye 2020,Welcome 2021 | 沉淀 2021
- Goodbye 2019,Welcome 2020 | 沉淀 2020
- VSTS 执行git pull报错问题修复
- 软件分享 | 第四期 Linux远程连接神器获取和安装
- PHP网页简单编写
- c++使用icu国际化(i18n)
- go-cqhttp(电脑机器人搭建)教程
- Linux|安装nginx改造升级版(Tengine)
- Linux用户管理命令
- Linux文件权限与归属
- Linux文件的特殊权限[SUID&SGID&SBIT]
- 在arm上编译php
- 《安富莱嵌入式周报》第296期:硬件电路实现SPI转以太网,单片机3D游戏图形引擎,Linux基金会年度报告,安捷伦直流电源原理图,KEIL C51更新9.61
- 《安富莱嵌入式周报》第297期:开源生物医学成像系统,可肺部成像,C算法合集500例,突出极致运算速度,数值方法书籍,芯片级激光隔离,3D打印机固件Marlin
- 深入浅出理解Linux thermal governor之IPA
- 基于ArgoCD的GitOps转型实战经验
- GitOps: Kubernetes CI/CD 的缺失环节
- Linux网络编程-TCP客户端如何获取要连接的服务端IP?
- 嵌入式Qt-表格使用测试
- PHP常见的几种数据结构