/
FAQ.html
437 lines (387 loc) · 22.8 KB
/
FAQ.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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width" />
<meta name="description" content="本網站為個人練習作品,部分影片、遊戲畫面、道具圖、規條政策、來自於市面遊戲、素材,僅供畫面示意,無商業用途。
「Qyropa奇樂寶寶」LOGO、遊戲內容、架構、說明、角色設計、Banner等,均為個人創作,請勿任意盜取謝謝合作!">
<meta name="author" content="Cutylala Studio | Ren">
<title>飼養問題|Qyropa奇樂寶寶</title>
<link rel="shortcut icon" href="favicon.ico" />
<!-- 手機用 -->
<link href="css/mobile.css" rel="stylesheet" type="text/css" media="only screen and (min-width:0px) and (max-width:480px)" />
<!-- 平板用 -->
<link href="css/table.css" rel="stylesheet" type="text/css" media="only screen and (min-width:481px) and (max-width:768px)" />
<!-- 桌機 小於1025 -->
<link href="css/SD-desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:769px) and (max-width:1024px)" />
<!-- 桌機 -->
<link href="css/desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:1025px)" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<style type="text/css" >
input,textarea{
color:#666 ;
padding-left:10px;
}
@media only screen and (min-width:1025px){
.dec-qyropaGo03{
position:absolute ;top:-180px;
}
}
@media only screen and (min-width:481px) and (max-width:1024px) {
.dec-qyropaGo03{
position:absolute ;top:-120px;
left:40%;
}
}
</style>
</head>
<body>
<a href="#" class="dec-qyropaGo02-top">Top</a>
<!--banner和下載 --------------------------------------------------------------------------------------->
<header>
<nav>
<div id="menu">
<div id="menu-inner" >
<div id="menu-logo" >
<a id="menu-logo-a" href="index.html">Qyropa奇樂寶寶</a>
</div>
<a href="#menu-nav" id="menu_btn">menu</a>
<div id="menu-nav" >
<ul id="nav-ul" >
<li class="nav-list" ><a class="nav-a" href="game.html">遊戲介紹</a></li>
<li class="nav-list" ><span class="nav-line" ></span></li>
<li class="nav-list" ><a class="nav-a" href="qyropa.html">寶寶介紹</a></li>
<li class="nav-list" ><span class="nav-line" ></span></li>
<li class="nav-list" ><a class="nav-a" href="HowToPlay.html">遊玩說明</a></li>
<li class="nav-list" ><span class="nav-line" ></span></li>
<li class="nav-list" style="background-position:-165px 0 ;" ><a class="nav-a" href="FAQ.html">飼養問題</a></li>
<li class="nav-list" ><span class="nav-line" ></span></li>
<li class="nav-list" ><a class="nav-a" href="shop.html">線上特典</a></li>
<li class="nav-list" ><a id="off" href="">關閉視窗</a></li>
</ul>
</div><!--#menu-nav over-->
</div><!--#menu-inner over-->
</div><!--#menu over-->
</nav>
<article>
<div id="banner">
<div id="banner-inner" >
<!-- 幻燈片秀開始 ------------------------------------------------------------------------->
<div id="slider" class="flexslider">
<ul class="slides">
<li><img src="images/banner/banner1.jpg" /></li> <!-- This is the last image in the slideshow -->
<li><img src="images/banner/banner4.jpg" /></li>
<li><img src="images/banner/banner3.jpg" /></li>
<li><img src="images/banner/banner2.jpg" /></li><!-- This is the first image in the slideshow -->
</ul>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_e395051064e17ee7762d1975999cea3c: #OAWidget
$(window).load(function() {
$('#slider').flexslider({
namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin
selector: ".slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
animation: "slide",
easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
direction: "horizontal", //String: Select the sliding direction, 'horizontal' or 'vertical'
reverse: false, //{NEW} Boolean: Reverse the animation direction
animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
smoothHeight: true, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
slideshow: true, //Boolean: Animate slider automatically
slideshowSpeed: 5000, //Integer: Set the speed of the slideshow cycling, in milliseconds
animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds
initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds
randomize: false, //Boolean: Randomize slide order
useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available
touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys
mousewheel: false, //Boolean: Allow slider navigating via mousewheel
prevText: "", //String: Set the text for the "previous" directionNav item
nextText: "", //String: Set the text for the "next" directionNav item
pausePlay: false, //Boolean: Create pause/play dynamic element
pauseText: "Pause", //String: Set the text for the "pause" pausePlay item
playText: "Play", //String: Set the text for the "play" pausePlay item
startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide)
pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
pauseOnHover: true, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide
controlsContainer: "", //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is not found, the default action will be taken.
manualControls: "", //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
// Carousel Options
itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
itemMargin: 10, //{NEW} Integer: Margin between carousel items.
minItems: 0, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation
after: function(){}, //Callback: function(slider) - Fires after each slider animation completes
end: function(){} //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
});
});
// EndOAWidget_Instance_e395051064e17ee7762d1975999cea3c
</script> <!-- FlexSlider -->
<!-- 幻燈片結束 ------------------------------------------------------------------------->
</div>
<div id="banner-tran" ><a id="banner-tran-a" href="#banner-inner">go</a></div>
</div><!--#banner over-->
<div id="download">
<div id="download-button"><a id="download-button-a"><img src="images/button-download.png" alt="立即下載"></a></div>
<div id="download-button-app"><a id="download-button-app-a" href="https://itunes.apple.com/tw/genre/ios/id36?mt=8" target="_new" ><img src="images/button-app.png" alt="APP Store"></a></div>
<div id="download-button-play"><a id="download-button-play-a" href="https://play.google.com/store?hl=zh-TW&tab=w8" target="_new" ><img src="images/button-play.png" alt="Google Play"></a></div>
</div><!--#download over-->
</article>
</header>
<!-----------------------------------------------------------------------------------banner和下載 over ------>
<!--常見問題 --------------------------------------------------------------------------------------->
<div class="colum">
<div class="freze-qyropa" style="top:-150px; left:40%; background:url(images/qyropa/qyropa_06.png) no-repeat ;">小雞種</div>
<div class="freze-qyropa" style="top:-120px; left:70%; transform:scaleX(-1) ;">毛毛蟲種</div>
<header>
<span class="h2-bg" ><h2 style=" background-image:url(images/h2-qanda.png)" >常見的飼養問題</h2></span>
</header>
<section>
<script language="javascript">
$(function(){
$(".menu li a").click(function(){
var _this=$(this);
if(_this.next("ul").length>0){
if(_this.next().is(":visible")){
//隱藏子選單並替換符號
_this.html(_this.html()).next().hide();
}else{
//開啟子選單並替換符號
_this.html(_this.html()).next().show();
}
//關閉連結
return false;
}
});
//消除連結虛線框
$("a").focus( function(){
$(this).blur();
});
});
</script>
<div class="faq" >
<ul class="menu">
<!------------------------- 第一類別 --------------------------------------------------------------------->
<h3 class="color-orange" >關於「奇樂寶寶」</h3>
<ul class="menu-ul" >
<li>
<a href="#">Q: 什麼是奇樂寶寶?</a>
<ul class="submenu">
A :
<br>奇樂寶寶是一種外星生物,因喜愛手機、平板的溫熱環境,便寄生之中。由於叫聲Qyroqropa,加上其幼兒型態的圓滾外型很可愛,故稱之奇樂寶寶。
</ul>
</li>
<li>
<a href="#">Q: 奇樂寶寶要怎麼養?牠吃什麼?</a>
<ul class="submenu">
A :
<br>如果您願意認養奇樂寶寶,可連絡管家洽詢認養事宜,認養機構裡的奇樂寶寶溫馴可愛,歡迎玩家前去認養!奇樂寶寶的營養來源於手機的電能,吃東西只是一種學習的行為。
</ul>
</li>
<li>
<a href="#">Q: 認養機構裡的奇樂寶寶都好普通喔!沒有其他特別的嗎?</a>
<ul class="submenu">
A :
<br>認養機構裡的由於脾氣溫和,容易訓養,才會放在機構讓人認養,如果您偏愛特殊種類的,跟管家說聲,就能去森林抓特殊種的奇樂寶飼養,不過野生的奇樂寶不好養喔!
</ul>
</li>
<li>
<a href="#">Q: 要怎麼教育奇樂寶寶?</a>
<ul class="submenu">
A :
<br>只要餵食牠便能學習該物品、食物的特性,如果把朋友的奇樂寶吃掉,就會看到朋友的手機通訊錄喔!還在等什麼!快去吃掉朋友的奇樂寶寶吧!
</ul>
<li>
<a href="#">Q: 奇樂寶寶到底幾歲啊?</a>
<ul class="submenu">
A :
<br>有上過自然課吧?離我們近的那幾顆行星都無生命現象,也就是說寶寶原生地在離我們超過一光年的地方,那很有可能是兩百光年甚至更長的時間,這樣說來寶寶的歲數都比您大了耶?不過別害怕,寶寶至出生就被送進膠囊傳送來這,所以可以以寶寶開封後開始算的年紀~
</ul>
</li>
</li>
</ul>
<!------------------------- 第二類別 --------------------------------------------------------------------->
<h3 class="color-green" >關於「遊玩問題」</h3>
<ul class="menu-ul" >
<li>
<a href="#">Q: 我的奇樂寶寶被吃掉了?怎麼辦?</a>
<ul class="submenu">
A :
<br>別緊張,奇樂寶寶的生命來源(以人類來說是心臟),是頭上那顆垂掉星星,那是無法被消化的,再等幾天寶寶就會長回來囉!不過會是從幼兒型態開始長,所以訓練寶寶的自我保護能力很重要的喔!
</ul>
</li>
<li>
<a href="#">Q: 這隻奇樂寶寶我沒有愛了,想養其他隻,可以嗎?</a>
<ul class="submenu">
A :
<br>為避免寶寶黑化,強烈建議別隨意棄養喔!這不是一般的電子產品,而是真的外星人寄居其中,你拋棄牠,牠可能會轉化為病毒攻擊你喔!現在您還想遺棄牠嗎?
</ul>
</li>
<li>
<a href="#">Q: 我的寶寶長得跟我越來越像了,這正常嗎?</a>
<ul class="submenu">
A :
<br>代表您很喜歡自拍,又常常更換大頭照,寶寶才會越來越像主人!
</ul>
</li>
<li>
<a href="#">Q: 奇樂寶寶都不跟我玩怎麼辦?</a>
<ul class="submenu">
A :
<br>那就是您不夠用心,沒觀察出寶寶的喜好!每隻寶寶個性和嗜好都不同,需要您細心觀察留意!即使是同品種,性格上還是有些微差異喔!
</ul>
</li>
<li>
<a href="#">Q: 奇樂寶寶不穿衣服可以嗎?</a>
<ul class="submenu">
A :
<br>基本上衣服對牠們來說只是裝飾用的,不過衣服買來不一定要穿啊~也可以餵給奇樂寶寶吃喔!
</ul>
</li>
<li>
<a href="#">Q: 我的奇樂寶寶會大便欸?</a>
<ul class="submenu">
A :
<br>這是正常現象喔!奇樂寶寶也會大便尿尿,記得清理乾淨(免得寶寶把排泄物吞下肚^^")
</ul>
</li>
</ul>
<!------------------------- 第三類別 --------------------------------------------------------------------->
<h3 class="color-orange" >關於「購物儲值」</h3>
<ul class="menu-ul" >
<li>
<a href="#">Q: 裏頭的價錢單位到底是?</a>
<ul class="submenu">
A :
<br>稱為Q幣喔!裏頭一切只能用Q幣購買!跟寶寶玩,多去冒險就能賺到Q幣喔!
</ul>
</li>
<li>
<a href="#">Q: 我不想花時間賺Q幣,能用現實的錢幣購買嗎?</a>
<ul class="submenu">
A :
<br>奇樂寶寶也是生命體,需要用愛與關懷照顧,並非金錢就能拉近關係!我們鼓勵每位爹娘都花時間照顧奇樂寶寶,與寶寶建立良好關係!
</ul>
</li>
<li>
<a href="#">Q: 為什麼現實的錢只能買食物啦?</a>
<ul class="submenu">
A :
<br>請參考上列。
</ul>
</li>
<li>
<a href="#">Q: 我的Q幣被偷走了,可以索賠嗎?</a>
<ul class="submenu">
A :
<br>請打電話聯絡管理員,他們會請警察處理。
</ul>
</li>
<li>
<a href="#">Q: Q幣可以用來幹嘛?</a>
<ul class="submenu">
A :
<br>可以換不錯的東西給寶寶,寶寶會很高興喔!
</ul>
</li>
<!------------------------- 第四類別 --------------------------------------------------------------------->
</ul>
<h3 class="color-green" >聯絡我們</h3>
如果沒有您要的答案,煩請填寫以下聯絡表單。
</div>
</div><!--.colum over--><br clear="all" >
<!-----------------------------------------------------------------------------------常見問題 over ------>
<div class="positionForDec" >
<div class="dec-qyropaGo03" >御飯糰種</div>
</div>
<!--聯繫我們--------------------------------------------------------------------------------------->
<div class="colum-blue" id="contactUs">
<span class="h2-bg" ><h2 style=" background-image:url(images/h2-contactUs.png);" >聯繫我們</h2></span>
<!--詢問類別-->
<div class="colum-blue-inner" >
<h4>詢問類別</h4>
<form>
<div class="contactltem" >
<div class="controlHolder" ><div class="label" >主題</div><div class="required" >
<select size="1" />
<option>請詢問項目</option>
<option>無法加入或刪除好友</option>
<option>無法儲值、購物</option>
<option>無法餵食、跟寶寶玩</option>
<option>無法刪除帳號</option>
<option>帳號被盜用</option>
<option>其他</option>
</select>
</div> </div>
<div class="sal" style=" height:20px " ></div>
</div>
</form>
</div><!--colum-blue-inner over-->
<!--詢問類別 over-->
<!--一般資訊-->
<div class="colum-blue-inner" >
<h4>一般資訊</h4>
<form>
<div class="contactltem" >
<div class="controlHolder" ><div class="label" >真實姓名</div><div class="required" ><input type="text" size="5px" value="請填寫正確姓名已便確認身分" onFocus="javascript:if(this.value=='請填寫正確姓名已便確認身分'){this.value=''};" /></div></div>
<div class="controlHolder" ><div class="label" >寶寶編號</div><div class="required" ><input type="text" size="5px" value="請填寫正確寶寶編號已便確認身分" onFocus="javascript:if(this.value=='請填寫正確寶寶編號已便確認身分'){this.value=''};" /></div></div>
<div class="controlHolder" ><div class="label" >飼主代碼</div><div class="required" ><input type="text" size="5px" value="請填寫正確飼主代碼已便確認身分" onFocus="javascript:if(this.value=='請填寫正確飼主代碼已便確認身分'){this.value=''};" /></div></div>
<div class="controlHolder" ><div class="label" >E-mail</div><div class="required" ><input type="text" size="5px" value="請填寫您的E-mail方能回覆給您" onFocus="javascript:if(this.value=='請填寫您的E-mail方能回覆給您'){this.value=''};" /></div></div>
<div class="controlHolder" ><div class="label" >連絡電話</div><div class="required" ><input type="text" size="5px" value="請填寫您的聯絡電話,會有專人聯繫" onFocus="javascript:if(this.value=='請填寫您的聯絡電話,會有專人聯繫'){this.value=''};" /></div></div>
<div class="controlHolder" ><div class="label" >具體描述</div><div class="required" ><textarea rows="10" size="5px" /></textarea></div></div>
<div class="controlHolder" style="text-align:right" ><input align="right" class="submit" type="submit" value="送出" /></div>
</div>
</form>
</div><!--colum-blue-inner over-->
<!--一般資訊 over-->
<div class="dec-qyropaGo01" style=" " ></div><!--奇樂寶寶走路-->
</div><!--colum-blue over-->
<!------------------------------------------------------------------------------聯繫我們 over----------->
<!--#footer--------------------------------------------------------------------------------------->
<div id="footer">
<div id="footer-inner">
<div id="footer-logo" >
<div class="slide">
<ul >
<li class="slide-list" ></li>
<li class="slide-list" ></li>
<li class="slide-list" ></li>
<li class="slide-list" ></li>
<li class="slide-list" ></li>
<li class="slide-list" ></li>
</ul>
</div>
</div>
<p class="footer-p" >
<a id="fb" href="#">Facebook</a>
<a id="go" href="#">google+</a>
<a id="tw" href="#">Twitter</a><br/>
<a href="about.html"> 關於我們</a> |
<a href="rules.html"> 私隱政策 </a> |
<a href="terms.html"> 服務條款</a>|
<a href="FAQ.html#contactUs">聯絡我們</a>
</p>
<div class="level"></div>
</div>
</div>
<!--#footer over--------------------------------------------------------------------------------------->
<!-- 裝飾 ------------------------------------------------------------------------->
<article>
<div class="body-bg-stars" style="top:30px; left:0px;" ></div>
<div class="dec-cloud" style=" top:1977px ; right:60px ; animation:cloud 3s infinite alternate ;-webkit-animation:cloud 3s infinite alternate "></div>
<div class="dec-cloud" style=" top:1377px ; left:60px ; animation:cloud2 3s infinite alternate ;-webkit-animation:cloud 3s infinite alternate "></div>
</article>
<!-- 裝飾over ------------------------------------------------------------------------->
</html>