91分享网-SOLDIER丨指尖
一直走在互联网分享最前列

WordPress大前端DUX主题V1.2_SOLDIER优化版

[v_error]不是终身的VIP购买本主题的功能全在本帖中,如需后期的更新功能请购买终身VIP,终身VIP可享受本站所有的功能!!![/v_error]
WordPress大前端DUX主题V1.2_SOLDIER优化版

H2标签

H3标签:如果没有特色图像,取文章第一张图片为缩略图

[v_blue]去除会员中心登录功能,美化评论头像[/v_blue]
SOLDIER1上标
SOLDIER2下标
™™
黄字
小字体
大字体
<><>

代码高亮: 
  position: absolute;
  vertical-align: top;
  border-bottom: 5px solid #1FA3E1;
  border-right: 5px solid rgba(0, 0, 0, 0);

[dm href=”]链接按钮[/dm][dl href=”]下载按钮[/dl][gt href=”]开源地址[/gt]
[v_notice]绿色通知[/v_notice]
[v_error]红色警告[/v_error]
[v_warn]黄色错误[/v_warn]
[v_tips]灰色提示[/v_tips]
[v_blue]蓝色提示[/v_blue]
[v_act]蓝边文本[/v_act]
[v_organge]橙色文本[/v_organge]
[v_qing]青色文本[/v_qing]
[v_pink]粉色文本[/v_pink]
WordPress大前端DUX主题文章缩略图特效
———–

WordPress大前端DUX主题文章缩略图特效:

[reply]

/*======*/
.content .excerpt a.focus {
    border-radius: 8px;
    display: block;
    -webkit-mask-image: -webkit-radial-gradient(ellipse closest-side,white,white);
}

.content .excerpt a.focus img {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}

.content .excerpt a.focus:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    visibility: hidden;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background: #000000;
    content: '';
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.content .excerpt a.focus:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    margin-top: 0;
    visibility: hidden;
    content: "";
    background-image: url('../img/91thumb.png');
    background-repeat: no-repeat;
    background-size: 82px 63px;
    background-position: center center;
    height: 190px;
    width: 213px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.content .excerpt a.focus:hover:before {
    visibility: visible;
    opacity: .75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
}

.content .excerpt a.focus:hover:after {
    visibility: visible;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}

.content .excerpt a.focus:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08);
}
/*======*/

[/reply]
[collapse title=”WordPress大前端DUX主题文章缩略图特效使用说明:”]
复制以上代码粘贴到“main.css”文件中,上传“91thumb.png”文件到DUX主题“img”文件夹中。
[/collapse]
[dltable file=”在此处写下文件名称” size=”在这里写下文件大小” ]这里留文件下载A标签链接,可以放多个链接[/dltable]

SOLDIER History Today

1 2
赞(1) 打赏
转载请注明SOLDIER分享网:www.91sh.cn91分享网 » WordPress大前端DUX主题V1.2_SOLDIER优化版
分享到: 更多 (0)

评论 85

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #78

    能下载不

    www2122年前 (2017-01-17)回复
  2. #77

    回复能不能下载啊

    海之梦2年前 (2017-01-06)回复
  3. #76

    爱分享影视过来看看看那

    永永远远、陪伴2年前 (2016-12-05)回复
  4. #75

    好尴尬哈哈哈

    傻逼2年前 (2016-11-14)回复
  5. #74

    则么下载的啊

    洛克公园3年前 (2016-05-31)回复
    • 这个是20元,赞助20元http://www.91sh.cn/zanzhu

      soldier3年前 (2016-06-01)回复
  6. #73

    ❗ ❗ ❗ ❗ ❗ ❗

    tomato3年前 (2016-04-17)回复
  7. #72

    能不能下载啊。

    洺汉特产3年前 (2016-03-12)回复
  8. #71

    xx网站分享网站

    丽娇3年前 (2016-03-09)回复
  9. #70

    看看能不能下载下

    水电费3年前 (2016-03-01)回复
  10. #69

    看看能不能下载下

    King3年前 (2016-02-24)回复
  11. #68

    看看

    红领巾13年前 (2016-02-20)回复
  12. #67

    看看能不能下载下

    ☞ ≡&≡ ☜3年前 (2016-02-04)回复
  13. #66

    感谢楼主分享,很漂亮

    纱布蓝3年前 (2016-02-01)回复
  14. #65

    感谢楼主分享,很漂亮

    xiaohon3年前 (2016-01-24)回复
  15. #64

    看看能下载不

    陌小翔3年前 (2016-01-23)回复
  16. #63

    看看能不能下载下

    aaa3年前 (2015-12-30)回复
  17. #62

    看看能下载不

    goutong3年前 (2015-12-27)回复
  18. #61

    感谢楼主分享,很漂亮

    weiming3年前 (2015-12-21)回复
  19. #60

    看看主题优化的不错

    纠缠线团3年前 (2015-12-14)回复
  20. #59

    這個賣多少錢??

    CK3年前 (2015-12-02)回复
  21. #58

    看看能下载不

    东东3年前 (2015-11-12)回复
  22. #57

    多谢分享啊!

    闲情偶记4年前 (2015-11-07)回复
  23. #56

    大哥,如何添加快捷登录在登录表单里啊?怎么我找不到登录的表单啊?

    A城南电脑维修✅已认证4年前 (2015-11-03)回复
  24. #55

    谢谢分享……………..

    红尘4年前 (2015-09-28)回复
  25. #54

    谢谢分享……………..

    大老虎斯基4年前 (2015-09-23)回复
  26. #53

    大哥,如何添加快捷登录在登录表单里啊?怎么我找不到登录的表单啊?

    524年前 (2015-09-11)回复
  27. #52

    恢复了啊??

    52,4年前 (2015-09-11)回复
  28. #51

    谢谢分享。。。。。。。。。

    Evolution4年前 (2015-09-10)回复

SOLDIER分享网 互联网分享我们最专业

加入我们联系我们

觉得文章有用就打赏一下SOLDIER吧

支付宝扫一扫打赏

微信扫一扫打赏