Skip to content

Commit 033c3ab

Browse files
LayaotLayaot
committed
新增公告栏目
内容可能有点挤，恳求各位大佬指正，万分感谢！！！！
1 parent d1e52fa commit 033c3ab

File tree

2 files changed

+132
-104
lines changed

2 files changed

+132
-104
lines changed

‎css/bluecraft.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ https://templatemo.com/tm-583-festava-live
4949

5050
body {
5151
background-color: var(--white-color);
52-
font-family: var(--body-font-family);
52+
font-family: var(--body-font-family), sans-serif;
5353
}
5454

5555

‎index.html

+131-103
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,8 @@
4040
<link href="css/style.css" rel="stylesheet">
4141
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
4242
<link href="css/range.css" rel="stylesheet">
43+
<style>
44+
</style>
4345
</head>
4446

4547
<body>
@@ -99,6 +101,15 @@
99101
<li class="nav-item">
100102
<a class="nav-link click-scroll" href="#section_5">服务器类型</a>
101103
</li>
104+
105+
<li class="nav-item">
106+
<a class="nav-link click-scroll" href="#section_6">玩家评价</a>
107+
</li>
108+
109+
<li class="nav-item">
110+
<a class="nav-link click-scroll" href="#section_7">公告</a>
111+
</li>
112+
102113
<li class="nav-item">
103114
<span class="ban-player"><a class="nav-link click-scroll" href="ban-players.html">封禁名单</a></span>
104115
</li>
@@ -210,7 +221,6 @@ <h5 class="text-white">
210221
<section class="about-section section-padding" id="section_2">
211222
<div class="container">
212223
<div class="row">
213-
214224
<div class="col-lg-6 col-12 mb-4 mb-lg-0 d-flex align-items-center">
215225
<div class="services-info">
216226
<h2 class="guanyutext mb-4">SERVER 2024</h2>
@@ -248,105 +258,125 @@ <h6 class="guanyutext mt-4">服务器模组类型</h6>
248258
</section>
249259

250260
<section class="slider bglunbo" id="section_3">
251-
<h2 class="text-center mb-4 mt-5">玩家建筑</h2>
252-
<div class="carousel auto-play">
253-
<ul class="slides pwdmzcomputegmbh-1">
254-
<li class="slide" id="slide-1">
255-
<img alt="img1" src="images/architecture/1.png"/>
256-
</li>
257-
<li class="slide" id="slide-2">
258-
<img alt="img2" src="images/architecture/2.png"/>
259-
</li>
260-
<li class="slide" id="slide-3">
261-
<img alt="img3" src="images/architecture/3.png"/>
262-
</li>
263-
<li class="slide" id="slide-4">
264-
<img alt="img4" src="images/architecture/4.png"/>
265-
</li>
266-
<li class="slide" id="slide-5">
267-
<img alt="img5" src="images/architecture/5.png"/>
268-
</li>
269-
<li class="slide" id="slide-6">
270-
<img alt="img6" src="images/architecture/6.png"/>
271-
</li>
272-
<li class="slide" id="slide-7">
273-
<img alt="img7" src="images/architecture/7.png"/>
274-
</li>
275-
<li class="slide" id="slide-8">
276-
<img alt="img8" src="images/architecture/8.png"/>
277-
</li>
278-
<li class="slide" id="slide-9">
279-
<img alt="img9" src="images/architecture/9.png"/>
280-
</li>
281-
<li class="slide" id="slide-10">
282-
<img alt="img10" src="images/architecture/10.png"/>
283-
</li>
284-
<li class="slide" id="slide-11">
285-
<img alt="img11" src="images/architecture/11.png"/>
286-
</li>
287-
<li class="slide" id="slide-12">
288-
<img alt="img12" src="images/architecture/12.png"/>
289-
</li>
290-
<li class="slide" id="slide-13">
291-
<img alt="img13" src="images/architecture/13.png"/>
292-
</li>
293-
<li class="slide" id="slide-14">
294-
<img alt="img14" src="images/architecture/14.png"/>
295-
</li>
296-
<li class="slide" id="slide-15">
297-
<img alt="img15" src="images/architecture/15.png"/>
298-
</li>
299-
<li class="slide" id="slide-16">
300-
<img alt="img16" src="images/architecture/16.png"/>
301-
</li>
302-
<li class="slide" id="slide-17">
303-
<img alt="img17" src="images/architecture/17.png"/>
304-
</li>
305-
<li class="slide" id="slide-18">
306-
<img alt="img18" src="images/architecture/18.png"/>
307-
</li>
308-
<li class="slide" id="slide-19">
309-
<img alt="img19" src="images/architecture/19.png"/>
310-
</li>
311-
<li class="slide" id="slide-20">
312-
<img alt="img20" src="images/architecture/20.png"/>
313-
</li>
314-
<li class="slide" id="slide-21">
315-
<img alt="img21" src="images/architecture/21.png"/>
316-
</li>
317-
<li class="slide" id="slide-22">
318-
<img alt="img22" src="images/architecture/22.png"/>
319-
</li>
320-
</ul>
321-
<ul class="nav-dots">
322-
<li class="dot"><a href="#slide-1"></a></li>
323-
<li class="dot"><a href="#slide-2"></a></li>
324-
<li class="dot"><a href="#slide-3"></a></li>
325-
<li class="dot"><a href="#slide-4"></a></li>
326-
<li class="dot"><a href="#slide-5"></a></li>
327-
<li class="dot"><a href="#slide-6"></a></li>
328-
<li class="dot"><a href="#slide-7"></a></li>
329-
<li class="dot"><a href="#slide-8"></a></li>
330-
<li class="dot"><a href="#slide-9"></a></li>
331-
<li class="dot"><a href="#slide-9"></a></li>
332-
<li class="dot"><a href="#slide-10"></a></li>
333-
<li class="dot"><a href="#slide-11"></a></li>
334-
<li class="dot"><a href="#slide-12"></a></li>
335-
<li class="dot"><a href="#slide-13"></a></li>
336-
<li class="dot"><a href="#slide-14"></a></li>
337-
<li class="dot"><a href="#slide-15"></a></li>
338-
<li class="dot"><a href="#slide-16"></a></li>
339-
<li class="dot"><a href="#slide-17"></a></li>
340-
<li class="dot"><a href="#slide-18"></a></li>
341-
<li class="dot"><a href="#slide-19"></a></li>
342-
<li class="dot"><a href="#slide-20"></a></li>
343-
<li class="dot"><a href="#slide-21"></a></li>
344-
<li class="dot"><a href="#slide-22"></a></li>
345-
</ul>
346-
<ul class="nav-arrows">
347-
<li class="arrow-left"></li>
348-
<li class="arrow-right"></li>
349-
</ul>
261+
<div class="container">
262+
<div class="row justify-content-center d-flex flex-wrap">
263+
<div class="col-xxl-6 col-10">
264+
<h2 class="mb-4 mt-5 border-bottom border-2">玩家建筑</h2>
265+
<div class="carousel auto-play">
266+
<ul class="slides pwdmzcomputegmbh-1">
267+
<li class="slide" id="slide-1">
268+
<img alt="img1" src="images/architecture/1.png"/>
269+
</li>
270+
<li class="slide" id="slide-2">
271+
<img alt="img2" src="images/architecture/2.png"/>
272+
</li>
273+
<li class="slide" id="slide-3">
274+
<img alt="img3" src="images/architecture/3.png"/>
275+
</li>
276+
<li class="slide" id="slide-4">
277+
<img alt="img4" src="images/architecture/4.png"/>
278+
</li>
279+
<li class="slide" id="slide-5">
280+
<img alt="img5" src="images/architecture/5.png"/>
281+
</li>
282+
<li class="slide" id="slide-6">
283+
<img alt="img6" src="images/architecture/6.png"/>
284+
</li>
285+
<li class="slide" id="slide-7">
286+
<img alt="img7" src="images/architecture/7.png"/>
287+
</li>
288+
<li class="slide" id="slide-8">
289+
<img alt="img8" src="images/architecture/8.png"/>
290+
</li>
291+
<li class="slide" id="slide-9">
292+
<img alt="img9" src="images/architecture/9.png"/>
293+
</li>
294+
<li class="slide" id="slide-10">
295+
<img alt="img10" src="images/architecture/10.png"/>
296+
</li>
297+
<li class="slide" id="slide-11">
298+
<img alt="img11" src="images/architecture/11.png"/>
299+
</li>
300+
<li class="slide" id="slide-12">
301+
<img alt="img12" src="images/architecture/12.png"/>
302+
</li>
303+
<li class="slide" id="slide-13">
304+
<img alt="img13" src="images/architecture/13.png"/>
305+
</li>
306+
<li class="slide" id="slide-14">
307+
<img alt="img14" src="images/architecture/14.png"/>
308+
</li>
309+
<li class="slide" id="slide-15">
310+
<img alt="img15" src="images/architecture/15.png"/>
311+
</li>
312+
<li class="slide" id="slide-16">
313+
<img alt="img16" src="images/architecture/16.png"/>
314+
</li>
315+
<li class="slide" id="slide-17">
316+
<img alt="img17" src="images/architecture/17.png"/>
317+
</li>
318+
<li class="slide" id="slide-18">
319+
<img alt="img18" src="images/architecture/18.png"/>
320+
</li>
321+
<li class="slide" id="slide-19">
322+
<img alt="img19" src="images/architecture/19.png"/>
323+
</li>
324+
<li class="slide" id="slide-20">
325+
<img alt="img20" src="images/architecture/20.png"/>
326+
</li>
327+
<li class="slide" id="slide-21">
328+
<img alt="img21" src="images/architecture/21.png"/>
329+
</li>
330+
<li class="slide" id="slide-22">
331+
<img alt="img22" src="images/architecture/22.png"/>
332+
</li>
333+
</ul>
334+
<ul class="nav-dots">
335+
<li class="dot"><a href="#slide-1"></a></li>
336+
<li class="dot"><a href="#slide-2"></a></li>
337+
<li class="dot"><a href="#slide-3"></a></li>
338+
<li class="dot"><a href="#slide-4"></a></li>
339+
<li class="dot"><a href="#slide-5"></a></li>
340+
<li class="dot"><a href="#slide-6"></a></li>
341+
<li class="dot"><a href="#slide-7"></a></li>
342+
<li class="dot"><a href="#slide-8"></a></li>
343+
<li class="dot"><a href="#slide-9"></a></li>
344+
<li class="dot"><a href="#slide-9"></a></li>
345+
<li class="dot"><a href="#slide-10"></a></li>
346+
<li class="dot"><a href="#slide-11"></a></li>
347+
<li class="dot"><a href="#slide-12"></a></li>
348+
<li class="dot"><a href="#slide-13"></a></li>
349+
<li class="dot"><a href="#slide-14"></a></li>
350+
<li class="dot"><a href="#slide-15"></a></li>
351+
<li class="dot"><a href="#slide-16"></a></li>
352+
<li class="dot"><a href="#slide-17"></a></li>
353+
<li class="dot"><a href="#slide-18"></a></li>
354+
<li class="dot"><a href="#slide-19"></a></li>
355+
<li class="dot"><a href="#slide-20"></a></li>
356+
<li class="dot"><a href="#slide-21"></a></li>
357+
<li class="dot"><a href="#slide-22"></a></li>
358+
</ul>
359+
<ul class="nav-arrows">
360+
<li class="arrow-left"></li>
361+
<li class="arrow-right"></li>
362+
</ul>
363+
</div>
364+
</div>
365+
366+
<div class="col-xxl-6 col-10">
367+
<h2 class="mb-4 mt-5 border-bottom border-2">服务器公告</h2>
368+
<div class="content ps-4">
369+
<p>这是一条示例公告。</p>
370+
<!-- <h5 class="pb-2">国庆节活动安排</h5>
371+
<p>以下是各个服务器群号：</p>
372+
<p><strong>BM</strong> 806742090</p>
373+
<p><strong>PA</strong> 961822878</p>
374+
<p><strong>KV</strong> 527017702</p>
375+
<p><strong>BC</strong> 555822991</p>
376+
<p><strong>可自行前往，注意遵守对应规定</strong></p>-->
377+
</div>
378+
</div>
379+
</div>
350380
</div>
351381
</section>
352382

@@ -773,7 +803,7 @@ <h3 id="modal-title">来自玩家:</h3>
773803
</div>
774804
</div>
775805

776-
<section class="pricing-section section-padding visible-xs visible-on-pc" id="section_6">
806+
<section class="evaluation-section section-padding visible-xs visible-on-pc" id="section_6">
777807
<div class="container">
778808
<div class="row">
779809
<div class="col-12 player-list">
@@ -1072,10 +1102,8 @@ <h3 class="text-center mb-5">玩家对我们的评价</h3>
10721102
<p class="text-center mb-5">当然不可能就这些,服务器还有其它的玩家</p>
10731103
</div>
10741104
</div>
1075-
</div>
10761105
</section>
10771106

1078-
10791107
</main>
10801108

10811109

0 commit comments

Comments
 (0)