分享一个非常精简且好看的文章列表源码,首页三格模板

好看文章列表效果图

完整代码

<style>
    body {
        height: 100%;
        font: 12px/20px Microsoft YaHei;
        background-color: #ffffff
    }
    a {
        text-decoration: none
    }
    a:hover {
        color: #e53639;
        text-decoration: none
    }
    a:focus {
        outline-style: none
    }
    ul li {
        list-style: none
    }
    em {
        font-style: normal
    }
    .news {
        margin-top: 0px;
    }
    .newsList {
        padding-top: 30px;
        padding-bottom: 34px
    }
    .newsList li {
        float: left;
        display: inline-block;
        width: 32%
    }
    .newsList li.middle-column {
        margin: 0 2%
    }
    .newsList .newsborder {
        border: 1px solid #eee
    }
    .newsList .newsBg {
        height: 52px;
        line-height: 52px;
        background: #0080e3;
        font-size: 16px;
        color: #fff;
        text-align: center
    }
    .newsList .newsImg {
        margin: 0 auto;
        padding: 20px 0 20px;
        border-bottom: 1px solid #eee;
        text-align: center
    }
    .newsList .newsImg i {
        display: block;
        width: 97px;
        height: 94px;
        margin: 0 auto;
        background-image: url(data:image/jpeg;base64,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dnpzJpWPNxWWxqVPb0pOnU25l1S2Uk9JL11WvK09Tn/hn8VvDnxk8Lxa14X1iy1rTZuPNt3yY27o6n5kcd1YAjuKXRWVviHr23y9y21orYKbh/riM4O7vxuA74zzXDfEv9k7S/EfiiXxV4S1K8+H/jh+W1fSkXy749dt3bn93crn+8A3TDDFcjZaB+0F4y1y+0fULjwf4Ns2WKO68T6bLLezXyKG/wCPS0lYpbuc4ZnHB5G/AI7qeX4OtGU8NXUYtaqo7Sjqn0T51/hXM+sEjhqY7F0pRhiKLlK+jhrGWjXVrkf+J8q6TbPSfjL+0j4X+CDW1rqdxcX+vajxp+h6ZCbvVNRb0jhXnHB+ZtqjHJFcDP8AC74h/tRwt/wn10/gLwVcDB8LaRc79R1CM/w3t4v3FI6xQ9Q2C+RXf/Br9nHwv8DlubjSbWa81rUOdQ1vUZjdanqLdzLO3zHp90YUdgK7ysv7Qw+D0y+N5/8APySV/wDtyOqj5N80uqcdjX6hiMXrj3aP/PuLdv8At6Wjl6Llj0aluU/Dvh+z8J+H7HStOgW10/TLeO0tYVJKwxRqFRRnnhQBz6VcoorxJScnzS1bPZjFRXLHYKKKKkoKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAorgP2nfi/c/Ar4Map4ktLe3nuLWS3gV7hXa3tfOmSHz5VjBdo49+4qg3MBgYzkfJUPxR0r43QGbxH40j1/7QARDqT3V4q7o0b93ommfINpdl23Esr5iIOQ4YfSZPw3Xx1F4q7VNO11Fyd0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K2b3Jtlnhv7UPuME6cMyjdIU2uu12DHcF2ny3VfgVHqmpQ3HiT4IeFNS1STat1q3hm/htXkY/Zw7/P5EuMyXBwXY7bcckuAPoiivWwmc4igrR1srJ3kml2vFxbXk20uh5OKyfD1229Lu70i033tJSSfdpJvqz5pj+D3hqdY1Pwf+KkbOE3IfE7eXGSIiR/yEccGRgcD/AJZP7Zhj+AWj3EkckH7PdpdSdVk8Sava3CocKRu3PcN1bBwD91uvAP05RXd/rNiu7+dSr/8AJnH/AKtYby+UKX/yDPF9A8A+PdMs5LXR9P8Ahn8P7WZGVf7NspL6WIlZAp2gW8eVJiPIIOxx0YEal38BW8UCUeJ/FfijXY5t6yWsV1/ZtoyN9oAXZbhGICThcs5J8iJvvKSfUHtkftj6Uw6ehP3mrz55tXb5o2i+6Sv/AOBO8vxO6nlNFLlneS7Nu3/gKtH8DlvCnw+0PwDbyw6Jo+m6THMS0gtbdYvMO5m+YgZPLsef7xrWjt3uDtVc/wBK0106NT0LfU1MqhBhQFHoBXBUrSnLnm22+r1O+nRjCPJBJJdFoQWOnrZjP3nPU+lWKKKyNQooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKK434lftCeCvhBcR2/iLxJpthfzbfJsFcz39xuOF8u2jDTPk/3UNcqP2wdNs5Xm1PwX8TdG0ZQ7f2rdeG5WgCr/G8URe5iU4yDLCgx6V6FHK8ZVgpwptp7ab+nd+Suzz62bYOlN06lRJrdX2/xfyrzdkeuUVzvw7+Lvhf4uaa134X8Q6Pr0EYXzTY3aTNATyA6qco3swB46V0VcdWlOnJwqJprdNWf3HZSrQqwVSm1JPZp3X3oKKKKzNAooooAKKKKACiiigA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);
        background-repeat: no-repeat
    }
    .newsList .newsImg i.item-1 {
        background-position: 0 0
    }
    .newsList .newsImg i.item-2 {
        background-position: 0 -149px
    }
    .newsList .newsImg i.item-3 {
        background-position: 0 -284px;
        width: 120px
    }
    .newsList ol {
        display: block;
        line-height: 30px;
        position: relative;
        vertical-align: top;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 25px 10px 30px 10px
    }
    .newsList ol li {
        display: block;
        float: none;
        width: auto;
        position: relative
    }
    .newsList ol li em {
        margin: 11px 11px 11px 0px;
        background-color: #ffbc5f;
        height: 8px;
        width: 8px;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        line-height: 0;
        display: inline-block
    }
    .newsList ol li a {
        color: #666;
        display: block;
        line-height: 30px;
        padding-left: 30px;
        padding-right: 90px
    }
    .newsList ol li a:hover {
        color: #fd741b
    }
    .newsList ol .newsDate {
        color: #999999;
        position: absolute;
        right: 0%;
        top: 0
    }
    .newsList .btnDiv {
        text-align: center
    }
    .newsList .btnDiv .txtBtn {
        margin-top: 16px;
        width: 140px;
        height: 34px;
        border: 1px solid #4a9ced;
        border-radius: 18px;
        font-size: 14px;
        color: #4a9ced;
        line-height: 34px;
        display: inline-block;
        text-align: center
    }
    .newsList .btnDiv .txtBtn:hover {
        background: #4a9ced;
        color: #fff
    }
</style>
<div class=news>
    <ul class="newsList cl">
        <!--最新公告-->
        <li>
            <div class="newsborder cl">
                <div class=newsBg>最新公告</div>
                <div class=newsImg>
                    <i class=item-1></i>
                </div>
                <ol class="txtList cl">
                    <li><em>&nbsp;</em><a href="https://toymoban.com/" target=_blank>这是文章标题一个好看的文章列表</a><span
                            class=newsDate> 2020-10-04</span></li>
                    <li><em>&nbsp;</em><a href="https://toymoban.com/" target=_blank>这是文章标题一个好看的文章列表</a><span
                            class=newsDate> 2020-06-03</span></li>
                </ol>
            </div>
            <div class=btnDiv>
                <a class=txtBtn target=_blank href="https://toymoban.com/">查看更多
                </a>
            </div>
        </li>
        <!--最新资讯-->
        <li class=middle-column>
            <div class="newsborder cl">
                <div class=newsBg>最新资讯</div>
                <div class=newsImg>
                    <i class=item-2></i>
                </div>
                <ol class="txtList cl">
                    <li><em>&nbsp;</em><a href="https://toymoban.com/" target=_blank>这是文章标题一个好看的文章列表</a><span
                            class=newsDate> 2020-10-03</span></li>
                    <li><em>&nbsp;</em><a href="https://toymoban.com/" target=_blank>这是文章标题一个好看的文章列表</a><span
                            class=newsDate> 2020-10-02</span></li>
                </ol>
            </div>
            <div class=btnDiv>
                <a class=txtBtn target=_blank href="https://toymoban.com/">查看更多</a>
            </div>
        </li>
        <!--行业动态-->
        <li>
            <div class="newsborder cl">
                <div class=newsBg>行业动态</div>
                <div class=newsImg>
                    <i class=item-3></i>
                </div>
                <ol class="txtList cl">
                    <li><em>&nbsp;</em><a href="https://toymoban.com/" target=_blank>这是文章标题一个好看的文章列表</a><span
                            class=newsDate> 2020-09-08</span></li>
                    <li><em>&nbsp;</em><a href="https://toymoban.com/" target=_blank>这是文章标题一个好看的文章列表</a><span
                            class=newsDate> 2020-08-28</span></li>
                </ol>
            </div>
            <div class=btnDiv>
                <a class=txtBtn target=_blank href="https://toymoban.com/">查看更多</a>
            </div>
        </li>
    </ul>
</div>

制作好看文章里列表说明

在这篇博文中,我们将介绍一款非常好看且精简的文章列表源码,它可以方便地整合到您自己的网站中,并允许您轻松调用自己的文章。无论您是个人博主还是企业网站管理员,这个设计都能为您提供一个美观且高效的方式来展示您的文章。

1. 文章列表源码

我们提供的文章列表源码非常简洁,只需要将以下代码嵌入到您网站页面的 <body> 标签内即可:

2. 精简的三栏设计

这款文章列表采用了经典的三栏设计,使得您的网站内容更加清晰有序。左侧是文章列表标题,中间是文章列表摘要,右侧是文章缩略图或其他相关信息。这种设计不仅美观,而且能够提供良好的用户体验,让读者更容易找到他们感兴趣的文章。

3. 整合到自己的网站,调用自己的文章

这个源码的优势之一是它的灵活性。您可以根据自己的需求修改样式和布局,以适应您网站的整体风格。另外,您还可以通过在 <a> 标签内添加正确的链接地址,将源码中的示例文章标题替换为您自己网站的文章标题,实现对自己文章的调用。

结语

通过使用这款好看且精简的文章列表源码,您可以轻松实现在自己网站上展示文章的三栏设计。这不仅能提升您网站的外观和用户体验,还有助于提高您网站在搜索引擎中的排名。希望本文对您有所帮助,祝您的网站更加出色!


文章来源地址https://www.toymoban.com/diary/web/547.html

到此这篇关于分享一个非常精简且好看的文章列表源码,首页三格模板的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/web/547.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
上一篇 2023年11月23日 22:57
下一篇 2023年11月23日 23:31

相关文章

  • B048-cms03-前端首页文章列表展示 页面静态化

    抽取公共资源 抽取导航条和侧边栏 1.新建/WEB-INF/views/common文件夹 2.新建header.jsp和leftMenu.jsp 3.引入Index.jsp和Article.jsp 抽取静态资源 新建topStatic.jsp文件 引入Index.jsp和Article.jsp 新建buttomStatic.jsp 引入Index.jsp和Article.jsp 抽取js文件 在WEB-INF外部/WebContent/static/system/js下新建article文件夹

    2024年02月11日
    浏览(34)
  • 首页文章列表分页模板渲染(Go搭建qiucode.cn 之六)

    距离上一篇已过去好久了,当然咯,秋码记录 也已换了本来的面貌,其中林林种种,不可道于外人乎!然而之所以会有第六篇,完全得益于那位订阅的粉丝,也是他唤起了我应该将 Go搭建qiucode.cn 写完,在此我由衷的感谢这位,且作为本专栏首位订阅者。 接上一篇,我们虽然

    2024年02月14日
    浏览(43)
  • 详解织梦首页、列表页调用文章body内容的两种方法

    关于首页、列表页调用文章body内容的两种方法,具体方法如下: 第一种方法: 解析: 1、addrields=”字段1,字段2…” 2、idlist=”文章ID”(可不写) 3、channelid=”模型ID”,普通文章默认为1(查看方法:核心–频道模型–内容模型管理–id号) 4、function=’cn_substr(html2text(@me)

    2024年02月02日
    浏览(36)
  • 使用Selenium和bs4进行Web数据爬取和自动化(爬取掘金首页文章列表)

    2024软件测试面试刷题,这个小程序(永久刷题),靠它快速找到工作了!(刷题APP的天花板)_软件测试刷题小程序-CSDN博客 文章浏览阅读2.9k次,点赞85次,收藏12次。你知不知道有这么一个软件测试面试的刷题小程序。里面包含了面试常问的软件测试基础题,web自动化测试、

    2024年03月18日
    浏览(45)
  • vue+element实现非常好看的鲜花网站商城,页面完整,样式美观

    本项目在线预览:点击访问 对应管理后台在线预览:点击访问 对应管理后台博客:《vue+elementui+springboot前后端分离实现通用商城管理后台,左右顶布局,含历史导航栏》 与正常vue项目一样,安装node js npm install 安装项目依赖,即package.json文件的依赖 npm run dev 启动项目 若npm

    2024年02月09日
    浏览(40)
  • Python实战项目:吃金币(源码分享)(文章较短,直接上代码)

     ✌ 作者简介:信年✘ ✌,大家可以叫我 ❤信年❤ ,一位精通五门语言的博主 ✌ 🏆 CSDN博客专家认证、华为云享专家、阿里云专家博主 、掘金创作榜No.1 📫 如果文章知识点有错误的地方,请指正!和大家一起学习,一起进步👀 💬 人生格言:没有我不会的语言,没有你

    2024年02月10日
    浏览(72)
  • Python实战项目:打地鼠(源码分享)(文章较短,直接上代码)

     ✌ 作者简介:信年✘ ✌,大家可以叫我 ❤信年❤ ,一位精通五门语言的博主 ✌ 🏆 CSDN博客专家认证、华为云享专家、阿里云专家博主 、掘金创作榜No.1 📫 如果文章知识点有错误的地方,请指正!和大家一起学习,一起进步👀 💬 人生格言:没有我不会的语言,没有你

    2024年02月05日
    浏览(53)
  • MIUI12.5系统精简列表更新版200多个包,ADB卸载

    系统MIUI12.5.6,无ROOT无面具没破解,仅使用ADB工具箱。设备卸载后经过重启测试是否卡米,这些都不会卡米。另外要说,有些卸载不会卡米,但是功能会失效,比如:guardprovider,卸载后不会卡米,但是不能安装第三方软件,这个没写列表里,因为我没删,你要是ROOT了,可以绕

    2024年02月01日
    浏览(38)
  • ColorOS12 adb精简列表 oppo rce2已测【2022.9.11更新】

    com.oplus.healthservice 健康服务 com.oplus.securitykeyboard 安全键盘 com.heytap.pictorial 乐划锁屏 com.coloros.karaoke K歌模式 com.google.android.onetimeinitializer 谷歌一键安装 com.heytap.cloud 欢太云 com.heytap.music 音乐 com.finshell.wallet 钱包 com.oplus.onetrace 日志支持类 com.coloros.healthcheck 健康检查 com.oplus.a

    2024年02月04日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包