特效拳头饰品

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

=================================================

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

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

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

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

3

<!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>

收起

[付费插件] 特效拳头饰品