Joe主题5.X新增文章引用段代码[post]

Ryan

2021-02-23/4 评论/88 浏览

有人求 Joe 5.X 主题集成这个功能,花了20分钟整好了,主要花时间在调试CSS上。

调用方式

同时兼容两种格式,记得去掉@

[@post]文章 ID[@/post]

{@post cid="文章 ID" /}

添加自定义 JS

你想放到哪里都可以

.linked-post {
    padding: 20px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--classC);
    margin: 20px 0;
}
.linked-post a {
    display: flex !important;
    color: var(--main) !important;
    padding-top: 5px;
}
.linked-post a span {
    width: 100%;
    min-width: 260px;
    height: 130px;
    display: flex;
}
.linked-post a span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.linked-post a .content {
    height: 130px;
    overflow: hidden;
    margin-left: 10px;
    transition: transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s;
}
.linked-post a .content h5 {
    margin-bottom: 5px;
}
.linked-post a .content p {
    height: 100px;
    line-height: 25px;
    overflow: hidden;
    margin-bottom: 0;
}
.linked-post a:hover:after{
    display: none !important;
}
.linked-post a:hover span img {
    transform: translateY(-5px);
}
.linked-post a:hover .content {
    transform: translateY(-5px);
}

@media (max-width:768px) {
    .linked-post a {
        flex-wrap: wrap;
    }
    .linked-post a span {
        max-width: unset;
    }
    .linked-post a .content {
        margin-top: 10px;
        margin-left: 0;
    }
}
价格: 5.00 元
VIP会员价格:5.00元终身会员价格:5.00元
温馨提示:登录付款后可永久阅读隐藏的内容。 付费可读
文章出自:虾米皮皮乐工作室 https://xiamp.net/archives/joe-topic-5-x-new-article-reference-code-post.html,版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。
4 条评论
88 浏览

发表评论

;-) :| :smile: :sad: :razz: :oops: :sup: :lol: :grin: :cry: :cool: :???:

已有 4 条评论

  1. chenmo 围观 2021-02-24 22:45

    $widget->author 会提示 Object of class Widget_Users_Author could not be converted to string 错误

    1. Ryan 管理 2021-02-24 23:22

      没记错应该是$widget->author->screenName

      1. chenmo 围观 2021-02-25 17:38

        OK
        那这些 '.$created.' 日期 '.$post_views.' 阅读 评论什么的是要怎么什么写呢?

  2. 一洋电商 路过 2021-07-24 01:42

    顶一下!!!不错哦!!

虾米皮皮乐工作室

Ryan

版权申明:收费资源由本站发布,用户购买后只有终端使用权,禁止转售和转载

Joe主题5.X新增文章引用段代码[post]
02/23
2021
有人求 Joe 5.X 主题集成这个功能,花了20分钟整好了,主要花时间在调试CSS上。调用方...
扫描右侧二维码阅读全文