webapp/guide.html at master · vidonme/webapp · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>VidOn.me</title>
<link rel="shortcut icon" href="/favicon.ico" >
<script type="text/javascript" src="js/wizzardlauncher.js?2.1.0.1"></script>
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" type="text/css" href="css/global.css?2.1.0.1">
</head>
<body>

  <div class="containter">
    <div class="header"> <a class="logo" href="/"><img src="images/logo.png" width="116" height="30" /></a> </div>
    <div class="content">
      <div class="guideMenu">
        <ul class="clearfix">
          <li class="selected no1"><span>1</span><b  trans_value="index_1">服务器命名</b></li>
          <li class="linethrough"></li>
          <li class="no2"><span>2</span><b  trans_value="index_2">选择媒体类型</b></li>
          <li class="linethrough"></li>
          <li class="no3"><span>3</span><b  trans_value="index_3">添加管理路径</b></li>
        </ul>
      </div>
      <div class="slideblock">
        <div class="slides">
          <div class="slide show setUp1 setUp" >
            <h3  trans_value="index_4">欢迎使用vidOn Server</h3>
            <P  trans_value="index_5">威动服务器出现是为了帮助您管理数字媒体，将他们自动归类，同时还提供便捷的数字媒体浏览方式，告别过去繁琐的查找，就是现在：</P>
            <div class="int"> <img src="images/guide/img1.png" width="800" height="178" >
            <p  style="text-align:center;" trans_value="index_149"></p></div>
            <a href="javascript:;" class="setUp2btn btn btn-blue"  trans_value="index_6">下一步</a> </div>
          <div class="slide setUp2  setUp">
            <h3 trans_value="index_7">选择您需要管理的数字媒体类型</h3>
            <p trans_value="index_172">请告诉威动服务器您需要管理的数字媒体类型，这样威动会准确高效的帮您去找到他们，添加媒体信息并管理起来</p>
            <div class="selectedMedia " id="selectedMedia" >
            <a href="javascript:;" id="commVideo" class="commVideo fillet10" ><img src="images/guide/video1.png" width="100" height="100">
            <p trans_value="index_8">Commercial Videos</p>
            </a>
            <a href="javascript:;" id="perMedia" class="perMedia fillet10"><img src="images/guide/video2.png"  width="100" height="100">
            <p trans_value="index_9">Personal Media</p>
            </a>
            <div class="clr"></div>
            <P class="tips"><span trans_value="index_10">包含市场发行的电影、电视剧等其它商业视频，威动服务器会自动智能分类管理展示给您。</span><span trans_value="index_11">智能分类需要一定规则，<a href="javascript:;" class="a">点击查看详情</a></span></P>
            <P class="tips" trans_value="index_12">包含用户个人拍摄的照片和视频，威动服务器会自动整理展示给您。</P>
            <div class="clr"></div>
          </div>
           <a href="javascript:;" class="setUp3btn  btn btn-disable" trans_value="index_6" id="setUp3btn">下一步</a> </div>
        <div class="slide setUp3  setUp">
          <h3 id="WzdAddPathTitle">为您的电影库添加管理路径</h3>
          <p trans_value="index_15">已选路径</p>
          <div class="int2" style="position:relative;">
            <input  style="width:700px; padding-right:60px;" type="text" value="" name="selectedPath" id="selectedPath" />
            <a href="javascript:;"  id="addPathbtn" class="addPathbtn" title="添加路径" trans_title="index_52"></a> </div>
          <br>
          <a href="javascript:;" class=" btn btn-disable" id="btnWzdOK"  trans_value="index_150">完成</a>
        </div>
      </div>
    </div>
  </div>
  </div>

<div class="tckuang  addPath fillet10 addhtml" url="template/popaddpath.html"></div>
<div class="tckuang addNetwork fillet10 addhtml"  url="template/popaddnetwork.html"> </div>
<div class="tckuang poplogin fillet10 addhtml" url="template/poplogin.html"> </div>
<div class="tckuang popabout fillet10 addhtml" url="template/popabout.html"></div>
<div class="tckuang popsetup fillet10 addhtml" url="template/popsetup.html"></div>
<div class="tckuang confirmSave fillet10 addhtml" url="template/popconfirmsave.html"></div>
</body>
</html>