• 查看作者
    • 简约发布按钮

      一行2个的css代码:

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      .jinsom-widget-custom-publish {
      padding15px 20px;
      }
      .jinsom-widget-custom-publish .title {
      font-size18px;
      line-height30px;
      }
      .jinsom-widget-custom-publish .content li {
      width50%;
      floatleft;
      text-aligncenter;
      height110px;
      display: flex;
      align-items: center;
      flex-flow: column;
      justify-contentcenter;
      color: rgba(0,0,0,.7);
      font-size18px;
      cursorpointer;
      }
      .jinsom-widget-custom-publish .content li>i {
      margin-bottom5px;
      font-size30px;
      }
      .jinsom-widget-custom-publish .content li:hover {
      background-color: rgba(0,0,0,.03);
      }

      一行3个的css代码:

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      .jinsom-widget-custom-publish {
      padding15px 20px;
      }
      .jinsom-widget-custom-publish .title {
      font-size18px;
      line-height30px;
      }
      .jinsom-widget-custom-publish .content li {
      width33.33%;
      floatleft;
      text-aligncenter;
      height90px;
      display: flex;
      align-items: center;
      flex-flow: column;
      justify-contentcenter;
      color: rgba(0,0,0,.7);
      font-size16px;
      cursorpointer;
      }
      .jinsom-widget-custom-publish .content li>i {
      margin-bottom5px;
      font-size24px;
      }
      .jinsom-widget-custom-publish .content li:hover {
      background-color: rgba(0,0,0,.03);
      }

      html代码:

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      <div class="jinsom-widget-custom-publish">
      <div class="title">发表</div>
      <div class="content clear">
      <li onclick="jinsom_publish_power('words','')"><i class="jinsom-icon jinsom-shangjiadongtai"></i><p>动态</p></li>
      <li onclick="jinsom_publish_power('music','')"><i class="jinsom-icon jinsom-yinle1"></i><p>音乐</p></li>
      <li onclick="jinsom_publish_power('video','')"><i class="jinsom-icon jinsom-shipin"></i><p>视频</p></li>
      <li onclick="jinsom_publish_power('single','')"><i class="jinsom-icon jinsom-wenzhang44"></i><p>文章</p></li>
      <li onclick="jinsom_publish_power('bbs','')"><i class="jinsom-icon jinsom-neirong"></i><p>帖子</p></li>
      <li onclick="jinsom_publish_power('redbag','')"><i class="jinsom-icon jinsom-hongbao2"></i><p>红包</p></li>
      </div>
      </div>



      =============小白分割线==============

      如果你是小白,你直接把以下的代码复制到WordPress后台-外观-小工具-选择LightSNS_html代码小工具-填入代码即可

      注意:如果你要一行展示2个图标就复制对应的代码,不需要全部复制

      一行2个代码:

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      32
      33
      34
      35
      36
      37
      38
      39
      40
      <style>
      .jinsom-widget-custom-publish {
      padding: 15px 20px;
      }
      .jinsom-widget-custom-publish .title {
      font-size: 18px;
      line-height: 30px;
      }
      .jinsom-widget-custom-publish .content li {
      width: 50%;
      float: left;
      text-align: center;
      height: 110px;
      display: flex;
      align-items: center;
      flex-flow: column;
      justify-content: center;
      color: rgba(0,0,0,.7);
      font-size: 18px;
      cursor: pointer;
      }
      .jinsom-widget-custom-publish .content li>i {
      margin-bottom: 5px;
      font-size: 30px;
      }
      .jinsom-widget-custom-publish .content li:hover {
      background-color: rgba(0,0,0,.03);
      }
      </style>
      <div class="jinsom-widget-custom-publish">
      <div class="title">发表</div>
      <div class="content clear">
      <li onclick="jinsom_publish_power('words','')"><i class="jinsom-icon jinsom-shangjiadongtai"></i><p>动态</p></li>
      <li onclick="jinsom_publish_power('music','')"><i class="jinsom-icon jinsom-yinle1"></i><p>音乐</p></li>
      <li onclick="jinsom_publish_power('video','')"><i class="jinsom-icon jinsom-shipin"></i><p>视频</p></li>
      <li onclick="jinsom_publish_power('single','')"><i class="jinsom-icon jinsom-wenzhang44"></i><p>文章</p></li>
      <li onclick="jinsom_publish_power('bbs','')"><i class="jinsom-icon jinsom-neirong"></i><p>帖子</p></li>
      <li onclick="jinsom_publish_power('redbag','')"><i class="jinsom-icon jinsom-hongbao2"></i><p>红包</p></li>
      </div>
      </div>

      一行3个代码:

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      32
      33
      34
      35
      36
      37
      38
      39
      40
      <style>
      .jinsom-widget-custom-publish {
      padding: 15px 20px;
      }
      .jinsom-widget-custom-publish .title {
      font-size: 18px;
      line-height: 30px;
      }
      .jinsom-widget-custom-publish .content li {
      width: 33.33%;
      float: left;
      text-align: center;
      height: 90px;
      display: flex;
      align-items: center;
      flex-flow: column;
      justify-content: center;
      color: rgba(0,0,0,.7);
      font-size: 16px;
      cursor: pointer;
      }
      .jinsom-widget-custom-publish .content li>i {
      margin-bottom: 5px;
      font-size: 24px;
      }
      .jinsom-widget-custom-publish .content li:hover {
      background-color: rgba(0,0,0,.03);
      }
      </style>
      <div class="jinsom-widget-custom-publish">
      <div class="title">发表</div>
      <div class="content clear">
      <li onclick="jinsom_publish_power('words','')"><i class="jinsom-icon jinsom-shangjiadongtai"></i><p>动态</p></li>
      <li onclick="jinsom_publish_power('music','')"><i class="jinsom-icon jinsom-yinle1"></i><p>音乐</p></li>
      <li onclick="jinsom_publish_power('video','')"><i class="jinsom-icon jinsom-shipin"></i><p>视频</p></li>
      <li onclick="jinsom_publish_power('single','')"><i class="jinsom-icon jinsom-wenzhang44"></i><p>文章</p></li>
      <li onclick="jinsom_publish_power('bbs','')"><i class="jinsom-icon jinsom-neirong"></i><p>帖子</p></li>
      <li onclick="jinsom_publish_power('redbag','')"><i class="jinsom-icon jinsom-hongbao2"></i><p>红包</p></li>
      </div>
      </div>

      扩展:如果需要发布到指定的论坛板块

      将onclick改为jinsom_publish_bbs_form(416,'')

      416就是对应的板块id

    • 0
    • 0
    • 0
    • 24
    • 请登录之后再进行评论

      登录
    • 做任务
    • 发表内容