EMLOG博客底部友链美化方法

作者: 路羽

网络资源原创分享网站

手机扫码查看

路羽资源博客 资源分享www.luyuz.cn

一般emlog的模板友链细节不够精美的,那么我们对友链底部进行美化以下

美化演示:

EMLOG博客底部友链美化方法

主要是对友链进行美化加ico图标,以下以fee模板为例在footer.php添加以下代码(如有重复直接替换)

    <style>.links_bt{line-height:50px;height:50px;border: 1px solid #eaeaea;background-color:#FFF;} .links_bt_l{float:left} .links_bt_l a{height:18px;margin-left:16px;border-left-width:5px;border-left-style:solid;border-left-color:#45b6f7;padding-left:10px;color:#45b6f7;font-size:16px} .links_bt_r{float:right;margin-right:30px} .links_bt_r a{height:18px;color:#999;font-size:14px} .links_bt_r a:hover{color:#FF5E52} .links_lb{position: relative;clear: both;float: left;border: 1px solid #eaeaea;background-color: #fff} .links_lb ul{margin-top:3px} .links_lb ul li{line-height:30px;float:left;padding-right:10px;padding-left:10px} .links_lb ul li a{color:#60717e} .links_lb ul li a:hover{color:#FF5E52}</style>
    <footer class="footer">
        <div class="container">
            <!--?php if (blog_tool_ishome()) {?-->
            <div class="links_bt">
                <div class="links_bt_l">
                    <a href="./links.html">友情链接</a>
                </div>
                <div class="links_bt_r">
                    <a href="./links.html">
                        <i class="fa fa-plus">
                        </i>友链申请</a>
                </div>
            </div>
            <div class="links_lb">
                <ul>
                    <!--?php global $CACHE; $link_cache=$ CACHE--->readCache('link'); foreach($link_cache as $value): if (Option::EMLOG_VERSION == '1.0'){ if ($value['linksortid'] != 1){continue;}} ?>
                    <li>
                        <img style="width:16px;height:16px" src="你的模板ico接口<?php echo $value['url']; ?>">
                        <a href="<?php echo $value['url']; ?>" title="<?php echo $value['des']; ?>" target="_blank">
                            <!--?php echo $value[ 'link']; ?--></a>
                    </li>
                    <!--?php endforeach; ?-->
                </ul>
            </div>
        </div>
        <br>
        <!--?php }?-->
        <div>
            <p>&copy; 2019-
                <!--?=date( "Y");?-->
                <a href="<?php echo BLOG_URL; ?>">
                    <!--?php echo $blogname; ?--></a>&nbsp;
                <a href="https://www.luyuz.cn" target="_blank">
                    <!--?php echo $icp; ?--></a>
                <!--?php echo $footer_info; ?-->&nbsp;
                <span id="showText"></span>
            </p>
        </div>
    </footer>

由于fee主题模板内置的ico图标获取的接口,其他模板自行替换,没有可以移步观看ico接口

分享到:
打赏
未经允许不得转载:

作者: 路羽, 转载或复制请以 超链接形式 并注明出处 路羽资源博客
原文地址: 《EMLOG博客底部友链美化方法》 发布于2021-1-24

评论

切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

切换登录

注册