/
index.html
76 lines (76 loc) · 3.25 KB
/
index.html
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html zh="TW">
<head>
<meta charset="utf-8">
<meta name="keywords" content="website,liquid,auto">
<meta name="description" content="web,site">
<meta name="author" content="joy,joy35354@gmail.com">
<!--這是自動偵測device的宣告,能讓device偵測到該使用者所使用的螢幕為何,並將螢幕縮放還原到預設100%-->
<meta name="viewport" content="width=device-width, initial-scal=1.0, minimum-scale=0.5 , maximum-scale=5.0">
<!--user-scable=0為不能讓使用者縮放,因此不建議寫,若要寫的縮放限制盡量寫在minimum跟maximum中,最小縮放比數值為0.5最大縮放比數值為5.0-->
<title>超異域公主連結</title>
<link href="images/favicon-2018091911353160.ico" rel="short icon">
<!--這是javascript的幫助舊版瀏覽器讀取多支CSS-->
<script type="text/javascript" src="js/jquery.mediaqueries.js"></script>
<link href="css/style_l.css" rel="stylesheet" type="text/css">
<link href="css/style_m.css" rel="stylesheet" type="text/css" media="(min-width:600px) and (max-width:979px)">
<link href="css/style_s.css" rel="stylesheet" type="text/css" media="(max-width:599px)">
</head>
<body>
<div id="container">
<div id="header">
<div id="site">
<h1><img src="images/logo_2.png" width="360" height="39" alt="超異域公主"></h1>
</div>
<div id="iconmenu">
<ul>
<li><a href="#"><img src="images/ICON01.png" width="35" height="35" alt="ICON1"></a></li>
<li><a href="#"><img src="images/ICON02.png" width="35" height="35" alt="ICON2"></a> </li>
<li><a href="#"><img src="images/ICON03.png" width="35" height="35" alt="ICON3"></a> </li>
<li><a href="#"><img src="images/ICON04.png" width="35" height="35" alt="ICON4"></a> </li>
</ul>
</div>
<div id="headerimg"> <img src="images/header02_O.jpg"> </div>
<div id="nav">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">conact</a></li>
</ul>
</div>
</div>
<div id="content">
<div class="dat"> 22 <span> SEP </span></div>
<div>
<h2>賀真步公主生日快樂:</h2>
<div class="cat">真步:<a href="#"> 你有咕嚕靈波(●´∀`)ノ♡嗎?</a></div>
<p>阿囉哈,騎士們知道9月22日是真步的生日嗎?
我們一起來幫真步慶祝生日吧!
親筆畫下壽星的樣子,以誠摯祝福施法
就能夠施展出奇妙生日魔法靈喔~
只要魔法顯靈就能贏得寶石喔,咕嚕靈波(●´∀`)ノ♡</p>
<img src="images/golu_O.jpg"> </div>
</div>
<div id="sidebar">
<ul class="menu">
<h3><img src="images/P02.gif" width="35" height="35" alt="ppp">Join us</h3>
<li><a src="#">申請帳號</a></li>
<li><a src="#">會員專區</a></li>
<li><a src="#">相關問題</a></li>
<li><a src="#">聯絡我們</a></li>
</ul>
<ul class="menu">
<h3><img src="images/P03.gif" width="35" height="35" alt="ppp">Game Introduction</h3>
<li><a src="#">遊戲簡介</a></li>
<li><a src="#">玩法說明</a></li>
<li><a src="#">造型分享</a></li>
</ul>
</div>
<div id="footer">
<p>超異域公主連結</p>
<small>Copywrite 2018 by © Joy</small>
</div>
</div>
</div>
</body>
</html>