123000000 发表于 2024-1-27 11:35:42

=================================================
必填选项：
（是/否）
支持版本
1.ESX支持情况：
是
2. QB支持情况：
不清楚
3.是否去墙：
是
4.是否支持售后：
 否

这里只截图一张 一共九种请自行尝试
不会安装可以联系我 免费帮助

image.png



已有 4 人购买  本主题需向作者支付 2 金币 才能浏览 购买主题

admin 发表于 2024-1-28 12:23:06


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* 全局样式 */
      body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            margin: 0;
            padding: 0;
      }

      /* 版块样式 */
      .forum {
            max-width: 100%;
            margin: 5px auto;
            background-color: #ffffff;
            border: 1px solid #ccc;
            padding: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            background-image: url('https://img95.699pic.com/photo/40139/7314.gif_wh300.gif');
            background-size: cover;
            background-position: center;
      }

      /* 文字样式 */
      .text {
            font-size: 18px;
            color: #555;
            margin-bottom: 5px;
            display: inline-block;
            padding: 1px 4px;
            border-radius: 10px;
            transition: background-color 0.3s ease, font-weight 0.3s ease;
            position: relative;
      }

      /* 鼠标悬停时的样式 */
      .text:hover {
            background-color: #ffcc00;
            font-weight: bold;
      }

      /* 第二行文字样式 */
      .text.second {
            background-color: #1169EE;
            color: white;
      }

      /* 第三行文字样式 */
      .text.third {
            background-color: #FF8C00;
            color: white;
      }

      /* 第五行文字样式 */
      .text.fifth {
            background-color: #008000;
            color: white;
      }

      /* 第六行文字样式 */
      .text.sixth {
            background-color: #FFFF00;
            color: black;
      }

      /* 术语标签样式 */
      dt {
            font-weight: bold;
            margin-bottom: 5px;
            display: inline;
      }

      /* 定义标签样式 */
      dd {
            margin-bottom: 5px;
            white-space: nowrap;
            display: inline;
            font-weight: bold;
      }

      /* 空格不显示背景色 */
      .text dt:empty,
      .text dd:empty {
            background-color: transparent;
      }

      /* 按钮样式 */
      .button-container {
            text-align: center;
            margin-top: 20px;
      }

      .button {
            display: inline-block;
            padding: 10px 20px;
            margin: 0 10px;
            text-decoration: none;
            color: #fff;
            background-color: #4CAF50;
            border-radius: 5px;
            transition: background-color 0.3s ease;
            font-weight: bold;
            cursor: pointer;
      }

      .button:hover {
            background-color: #45a049;
      }

      /* 插件介绍样式 */
      .plugin-introduction {
            margin-top: 1px; /* 调整插件介绍离表格的距离 */
            padding: 1px;
            display: flex;
            align-items: center;
            justify-content: space-between;
      }

      .plugin-title {
            font-size: 18px;
            font-weight: bold;
      }

      .divider {
            height: 2px;
            background-color: transparent;
            border-bottom: 2px solid orange;
            flex-grow: 1;
            margin: 0 10px;
      }
    </style>
    <title>Your Forum</title>
</head>
<body>

<div class="forum">
    <!-- 第三行文字 -->
    <div class="text third">
      <dt>{QQ}:</dt><dd>{QQ_value} {QQ_unit}</dd>
    </div>

    <br>
    <!-- 第五行文字 -->
    <div class="text fifth">
      <dt>{luntanduanxin}:</dt><dd>{luntanduanxin_value} {luntanduanxin_unit}</dd>
    </div>


</div>

<!-- 插件介绍部分 -->
<div class="plugin-introduction">
    <div class="plugin-title">插件介绍</div>
    <div class="divider"></div>
</div>

</body>
</html>
页: [1]
查看完整版本: 特效拳头饰品