设为首页收藏本站 国外访客：
切换到窄版

 找回密码
 立即注册
搜索
蔡州手游»论坛 › 网络资源 › 网络源码 › 公告（从右往左滚动）
返回列表 发新帖
查看: 283

公告（从右往左滚动）

[复制链接]
china0396
灌水成绩
17583
92
18079
主题
帖子
积分

等级头衔

ID : 1

管理员

积分成就 威望 : 9 点
贡献 : 9 次
下载币 : 377 枚
在线时间 : 1618 小时
注册时间 : 2013-9-5
最后登录 : 2026-6-3

发表于 昨天 17:07 | 显示全部楼层 |阅读模式
免责
长期招聘游戏测试员（无偿）,有兴趣联系站长QQ58493525微信A0396C
免费领取大流量卡,每日更新
蔡州手游APP
源码密码
加入群聊
接手游搭建
下载币
购买服务器
  1. <style>
  2.                 /* 简约白色风美化 */
  3.                 body, .limiter, .container-login100, .bg {
  4.                         background: #f5f7fa !important;
  5.                         font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  6.                 }
  7.                 html, body {
  8.                         width: 100%;
  9.                         height: 100%;
  10.                         margin: 0 !important;
  11.                         padding: 0 !important;
  12.                 }
  13.                 .limiter, .container-login100, .bg {
  14.                         width: 100% !important;
  15.                         min-height: 100vh !important;
  16.                         padding: 0 !important;
  17.                         margin: 0 !important;
  18.                         align-items: stretch !important;
  19.                 }
  20.                 .wrap-login100 {
  21.                         background: #ffffff !important;
  22.                         border-radius: 0 !important;
  23.                         box-shadow: none !important;
  24.                         padding: 0 !important;
  25.                         border: none !important;
  26.                         width: 100% !important;
  27.                         max-width: none !important;
  28.                         margin: 0 !important;
  29.                         min-height: 100vh !important;
  30.                 }
  31.                 .login100-form-title {
  32.                         color: #2d3748 !important;
  33.                         font-size: 24px !important;
  34.                         font-weight: bold !important;
  35.                         padding-bottom: 20px !important;
  36.                         border-bottom: 1px solid #edf2f9 !important;
  37.                         margin-bottom: 25px !important;
  38.                 }
  39.                 .form-control, .bootstrap-select > .dropdown-toggle {
  40.                         background-color: #fafbfe !important;
  41.                         border: 1px solid #e2e8f0 !important;
  42.                         border-radius: 8px !important;
  43.                         color: #4a5568 !important;
  44.                         box-shadow: none !important;
  45.                         margin-bottom: 15px !important;
  46.                         height: auto !important;
  47.                         padding: 10px 15px !important;
  48.                 }
  49.                 .form-control:focus {
  50.                         border-color: #cbd5e0 !important;
  51.                         background-color: #ffffff !important;
  52.                 }
  53.                 .btn {
  54.                         border-radius: 8px !important;
  55.                         font-weight: 500 !important;
  56.                         border: none !important;
  57.                         padding: 10px 20px !important;
  58.                         margin-bottom: 10px !important;
  59.                         transition: all 0.3s ease !important;
  60.                         box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
  61.                 }
  62.                 .btn-success { background-color: #48bb78 !important; color: #fff !important; }
  63.                 .btn-success:hover { background-color: #38a169 !important; box-shadow: 0 4px 10px rgba(72,187,120,0.2) !important;}
  64.                
  65.                 .btn-primary { background-color: #4299e1 !important; color: #fff !important; }
  66.                 .btn-primary:hover { background-color: #3182ce !important; box-shadow: 0 4px 10px rgba(66,153,225,0.2) !important;}
  67.                
  68.                 .btn-danger { background-color: #f56565 !important; color: #fff !important; }
  69.                 .btn-danger:hover { background-color: #e53e3e !important; box-shadow: 0 4px 10px rgba(245,101,101,0.2) !important;}
  70.                
  71.                 hr {
  72.                         border-top: 1px dashed #e2e8f0 !important;
  73.                         margin: 25px 0 !important;
  74.                 }
  75.                 span {
  76.                         color: #718096 !important;
  77.                         font-size: 14px !important;
  78.                 }
  79.                 .txt1 {
  80.                         color: #a0aec0 !important;
  81.                         margin-top: 20px !important;
  82.                         font-size: 12px !important;
  83.                 }
  84.                 .modal-body { padding: 18px 18px 0 18px !important; }
  85.                 .item-panel {
  86.                         border: none;
  87.                         border-radius: 10px;
  88.                         background: #ffffff;
  89.                         padding: 12px;
  90.                 }
  91.                 .item-panel-title {
  92.                         font-size: 14px;
  93.                         color: #4a5568;
  94.                         font-weight: 600;
  95.                         margin-bottom: 10px;
  96.                 }
  97.                 .item-selected {
  98.                         display: flex;
  99.                         gap: 8px;
  100.                         align-items: center;
  101.                         font-size: 12px;
  102.                         color: #718096;
  103.                         margin-bottom: 10px;
  104.                 }
  105.                 .item-selected-name {
  106.                         color: #2d3748;
  107.                         font-weight: 600;
  108.                 }
  109.                 .item-selected-desc {
  110.                         color: #a0aec0;
  111.                         font-size: 12px;
  112.                         margin-bottom: 10px;
  113.                 }
  114.                 .item-list {
  115.                         display: flex;
  116.                         flex-wrap: wrap;
  117.                         gap: 8px;
  118.                         max-height: 260px;
  119.                         overflow: auto;
  120.                         padding: 8px;
  121.                         border: none;
  122.                         border-radius: 10px;
  123.                         background: #fafbfe;
  124.                 }
  125.                 .item-pill {
  126.                         border: 1px solid #e2e8f0;
  127.                         background: #ffffff;
  128.                         color: #2d3748;
  129.                         border-radius: 14px;
  130.                         padding: 6px 10px;
  131.                         font-size: 12px;
  132.                         line-height: 1;
  133.                         cursor: pointer;
  134.                         white-space: nowrap;
  135.                 }
  136.                 .item-pill.is-active {
  137.                         border-color: #4299e1;
  138.                         background: rgba(66,153,225,0.10);
  139.                         color: #2b6cb0;
  140.                 }
  141.                 .notice {
  142.                         color: #2d3748;
  143.                         font-size: 13px;
  144.                         line-height: 1.6;
  145.                         padding: 12px 14px;
  146.                         background: #fafbfe;
  147.                         border: none;
  148.                         border-radius: 10px;
  149.                 }
  150.                 .notice-title {
  151.                         font-weight: 700;
  152.                         color: #4a5568;
  153.                 }
  154.                 .tabbar {
  155.                         display: flex;
  156.                         gap: 10px;
  157.                         align-items: center;
  158.                         border-bottom: 1px solid #edf2f9;
  159.                         margin: 18px 0 16px;
  160.                         padding-bottom: 10px;
  161.                 }
  162.                 .tabbar-item {
  163.                         border: 1px solid #e2e8f0;
  164.                         background: #ffffff;
  165.                         color: #4a5568;
  166.                         border-radius: 999px;
  167.                         padding: 8px 14px;
  168.                         font-size: 13px;
  169.                         cursor: pointer;
  170.                 }
  171.                 .tabbar-item.is-active {
  172.                         border-color: #4299e1;
  173.                         background: rgba(66,153,225,0.12);
  174.                         color: #2b6cb0;
  175.                 }
  176.                 .tab-panel { display: none; }
  177.                 .tab-panel.is-active { display: block; }
  178.                 .embed-frame {
  179.                         width: 100%;
  180.                         height: 72vh;
  181.                         border: 0;
  182.                         background: #ffffff;
  183.                 }
  184.                 .marquee {
  185.                         width: 100%;
  186.                         overflow: hidden;
  187.                         background: #fff7ed;
  188.                         color: #9a3412;
  189.                         border-bottom: 1px solid #fed7aa;
  190.                         border-top: 1px solid #fed7aa;
  191.                         padding: 10px 0;
  192.                         margin: 0 0 14px 0;
  193.                 }
  194.                 .marquee-track {
  195.                         display: inline-flex;
  196.                         align-items: center;
  197.                         white-space: nowrap;
  198.                         will-change: transform;
  199.                         animation: marquee 18s linear infinite;
  200.                 }
  201.                 .marquee-track > span {
  202.                         padding-right: 48px;
  203.                         font-size: 13px;
  204.                         font-weight: 600;
  205.                         letter-spacing: 0.2px;
  206.                 }
  207.                 @keyframes marquee {
  208.                         from { transform: translateX(0); }
  209.                         to { transform: translateX(-50%); }
  210.                 }

  212.                 /* 广告位样式美化 */
  213.                 .ad-section {
  214.                         margin-top: 25px;
  215.                         padding: 0 18px;
  216.                 }
  217.                 .ad-container {
  218.                         display: flex;
  219.                         gap: 15px;
  220.                         margin-bottom: 20px;
  221.                         width: 100%;
  222.                 }
  223.                 .ad-item {
  224.                         flex: 1;
  225.                         border-radius: 12px;
  226.                         overflow: hidden;
  227.                         box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  228.                         transition: all 0.3s ease;
  229.                         background: #fff;
  230.                         border: 1px solid #f0f0f0;
  231.                         text-decoration: none;
  232.                         display: block;
  233.                 }
  234.                 .ad-item:hover {
  235.                         transform: translateY(-5px);
  236.                         box-shadow: 0 8px 25px rgba(0,0,0,0.12);
  237.                 }
  238.                 .ad-item img {
  239.                         width: 100%;
  240.                         display: block;
  241.                         aspect-ratio: 16 / 9;
  242.                         object-fit: cover;
  243.                 }
  244.                 .ad-info {
  245.                         padding: 12px;
  246.                 }
  247.                 .ad-title {
  248.                         font-size: 15px;
  249.                         font-weight: bold;
  250.                         color: #333;
  251.                         margin-bottom: 6px;
  252.                         display: block;
  253.                         white-space: nowrap;
  254.                         overflow: hidden;
  255.                         text-overflow: ellipsis;
  256.                 }
  257.                 .ad-desc {
  258.                         font-size: 12px;
  259.                         color: #666;
  260.                         line-height: 1.5;
  261.                         display: -webkit-box;
  262.                         -webkit-line-clamp: 2;
  263.                         -webkit-box-orient: vertical;
  264.                         overflow: hidden;
  265.                         height: 36px;
  266.                 }
  267.                 .ad-tag {
  268.                         display: inline-block;
  269.                         background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);
  270.                         color: #fff;
  271.                         font-size: 10px;
  272.                         padding: 1px 6px;
  273.                         border-radius: 4px;
  274.                         margin-right: 6px;
  275.                         vertical-align: middle;
  276.                 }

  278.                 /* 手机版轮播样式 */
  279.                 @media (max-width: 768px) {
  280.                         .ad-container {
  281.                                 display: block;
  282.                                 position: relative;
  283.                                 overflow: hidden;
  284.                                 height: auto;
  285.                         }
  286.                         .ad-wrapper {
  287.                                 display: flex;
  288.                                 transition: transform 0.5s ease;
  289.                                 width: 200%;
  290.                         }
  291.                         .ad-item {
  292.                                 flex: 0 0 50%;
  293.                                 margin: 0;
  294.                                 border-radius: 0;
  295.                                 border: none;
  296.                                 box-shadow: none;
  297.                         }
  298.                         .ad-item img {
  299.                                 border-radius: 10px;
  300.                                 width: calc(100% - 20px);
  301.                                 margin: 0 10px;
  302.                         }
  303.                         .ad-dots {
  304.                                 display: flex;
  305.                                 justify-content: center;
  306.                                 gap: 8px;
  307.                                 margin-top: 10px;
  308.                         }
  309.                         .ad-dot {
  310.                                 width: 6px;
  311.                                 height: 6px;
  312.                                 border-radius: 50%;
  313.                                 background: #ddd;
  314.                                 transition: all 0.3s;
  315.                         }
  316.                         .ad-dot.active {
  317.                                 background: #4299e1;
  318.                                 width: 15px;
  319.                                 border-radius: 3px;
  320.                         }
  321.                 }
  322.         </style>
  323. </head>

  325. <body>

  327.         <div class="limiter">
  328.                 <div class="bg container-login100">
  329.                         <div class="wrap-login100">
  330.                                 <div class="marquee"><div class="marquee-track"><span>china0396公益游戏，请勿倒卖，资源请勿过多发送</span><span>china0396公益游戏，请勿倒卖，资源请勿过多发送</span></div>
复制代码


免责
帖子地址打造全网最多免费游戏网站,部分资源失效,私聊站长补
今日来客 列表模式
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|蔡州手游 |网站地图 wapmz.com

GMT+8, 2026-6-3 01:55