Skip to content

M
Moecube Store
Commit 81f6f77c authored by 神楽坂玲奈's avatar 神楽坂玲奈
Browse files
Options

deckbuilder graphics mode

parent fa252227
Hide whitespace changes
Inline Side-by-side
Showing with 552 additions and 475 deletions
assets/stylesheets/decks.less
View file @ 81f6f77c
...@@ -151,13 +151,13 @@ body{margin:0;padding:0;background:#eee;} ...@@ -151,13 +151,13 @@ body{margin:0;padding:0;background:#eee;}
&:hover{-moz-transition: all 0.5s ease-in-out;-moz-transform: translate(0px) rotate(180deg);-webkit-transition: all 0.5s ease-in-out;-webkit-transform: translate(0px) rotate(180deg);} &:hover{-moz-transition: all 0.5s ease-in-out;-moz-transform: translate(0px) rotate(180deg);-webkit-transition: all 0.5s ease-in-out;-webkit-transform: translate(0px) rotate(180deg);}
} }
.donwload_out{float:left;height:25px;width:25px;cursor:pointer;background-image:url(/assets/images/decks/download_out.png);margin:6px 0 0 6px;} .donwload_out{float:left;height:25px;width:25px;cursor:pointer;background-image:url(/assets/images/decks/download_out.png);margin:6px 0 0 6px;overflow:hidden;cursor:pointer;}
.download_inner{ .download_inner{
width:11px;height:18px;background:url(/assets/images/decks/download_inner.png);margin:3px 0 0 7px; width:11px;height:18px;background:url(/assets/images/decks/download_inner.png);margin:3px 0 0 7px;
&:hover{-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;background-position:0 18px;} &:hover{-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;background-position:0 18px;}
} }
.upload_inner{ .upload_inner{
width:11px;height:18px;background:url(/assets/images/decks/upload_inner.png);margin:3px 0 0 7px; width:11px;height:18px;background:url(/assets/images/decks/upload_inner.png);margin:3px 0 0 7px;cursor:pointer;
&:hover{-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;background-position:0 -18px;} &:hover{-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;background-position:0 -18px;}
} }
.upload_ope{float:left;height:25px;padding:5px 0 0 5px;cursor:pointer;} .upload_ope{float:left;height:25px;padding:5px 0 0 5px;cursor:pointer;}
...@@ -180,9 +180,47 @@ body{margin:0;padding:0;background:#eee;} ...@@ -180,9 +180,47 @@ body{margin:0;padding:0;background:#eee;}
//.card_usage{margin: 0; float: left; width: 44px; height: 64px; } //.card_usage{margin: 0; float: left; width: 44px; height: 64px; }
/* 一个很神奇的现象，float: left不加的话，Jquery-UI的拖拽不好用，加上去之后没法拖到另一个卡组里... */ /* 一个很神奇的现象，float: left不加的话，Jquery-UI的拖拽不好用，加上去之后没法拖到另一个卡组里... */
} }
.select_card{
width:498px;height:35px;padding:5px;border:1px solid #cccccc;background:#F9F9F9;border-radius:6px;margin:10px 0 0 8px;
select{width:100px;float:left;border:1px solid #ccc;padding:1px;}
}
.select_cardOn{float:left;width:150px;height:23px;font-size:12px;margin:6px 0 0 5px;}
.select_cardUnder{float:right;height:32px;width:105px;}
.card_group{
height:565px;margin:0 0 0 8px;
h4{margin:8px 0;}
.jscroll-e{
.jscroll-h{border:none;}
}
}
.load_img{margin:25px auto;width:32px;height:32px;display:block;}
} }
.search_data.graphic{width:162px;height:700px;float:right; .search_data.graphic{width:162px;height:700px;float:right;overflow: hidden;
overflow: hidden; .search_frame{
width:130px;
.search_input{width:100px;margin:2px 0 0 0;border:none;background:none;height:20px;}
}
.search_results{line-height:16px;}
.main_area{
padding:8px 0 0 8px;width:144px;background:#fbfbfb;
&:hover
{
.search_out_textTitle{color:#3366CC;transition:color 0.218s ease 0s;}
}
}
.advanced_search_father{display:none;}
.graphic_search_out
{
float:left;width:144px;height:66px;clear:left;border-bottom:1px solid #eeeeee;padding:5px 0;
.search_out_img{float:left;margin:0 5px 0 0;}
.search_out_text{float:left;padding:2px;}
span{font-size:12px;}
}
.page{
padding:20px 5px 0 0;
a{margin:0 2px;}
}
} }
...@@ -199,4 +237,7 @@ body{margin:0;padding:0;background:#eee;} ...@@ -199,4 +237,7 @@ body{margin:0;padding:0;background:#eee;}
.deck_category_count.Monster{color:orange} .deck_category_count.Monster{color:orange}
.deck_category_count.Spell{color:green} .deck_category_count.Spell{color:green}
.deck_category_count.Trap{color:purple} .deck_category_count.Trap{color:purple}
.deck_title small {font-size: 10px} .deck_title small {font-size: 10px}
\ No newline at end of file
#deck_load{opacity:0;cursor:pointer;}
.ui-sortable{padding:5px 0 5px 10px;}
\ No newline at end of file
decks/index.html
View file @ 81f6f77c
<!DOCTYPE html> <!DOCTYPE html>
<!--[if lt IE 7]> <!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]--> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]--> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <!--[if gt IE 8]><!-->
<html class="no-js" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> <html class="no-js" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>mycard deck builder</title> <title>mycard deck builder</title>
<meta name="description" content="mycard卡组编辑"> <meta name="description" content="mycard卡组编辑">
<!--<meta name="viewport" content="width=device-width">--> <!--<meta name="viewport" content="width=device-width">-->
<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="/assets/stylesheets/normalize.css"> <link rel="stylesheet" href="/assets/stylesheets/normalize.css">
<link rel="stylesheet" href="/assets/stylesheets/main.css"> <link rel="stylesheet" href="/assets/stylesheets/main.css">
<script src="/vendor/javascripts/modernizr-2.6.2.min.js"></script> <script src="/vendor/javascripts/modernizr-2.6.2.min.js"></script>
<link rel="stylesheet" href="/vendor/stylesheets/css_clear.css"/> <link rel="stylesheet" href="/vendor/stylesheets/css_clear.css"/>
<link rel="stylesheet" href="/vendor/stylesheets/PIE.css"/> <link rel="stylesheet" href="/vendor/stylesheets/PIE.css"/>
<link rel="stylesheet" href="/vendor/stylesheets/hScrollPane.css"/> <link rel="stylesheet" href="/vendor/stylesheets/hScrollPane.css"/>
<link rel="stylesheet" href="/vendor/stylesheets/smoothness/jquery-ui-1.9.1.custom.min.css"/> <link rel="stylesheet" href="/vendor/stylesheets/smoothness/jquery-ui-1.9.1.custom.min.css"/>
<link rel="stylesheet/less" href="/assets/stylesheets/decks.less"/> <link rel="stylesheet/less" href="/assets/stylesheets/decks.less"/>
<script src="/vendor/javascripts/less-1.3.1.min.js"></script> <script src="/vendor/javascripts/less-1.3.1.min.js"></script>
<script id="card_template" type="text/x-jquery-tmpl"> <script id="card_template" type="text/x-jquery-tmpl">
<div id="card_name" class="card_name">${name}</div> <div id="card_name" class="card_name">${name}</div>
<div class="card_img line floatleft"> <div class="card_img line floatleft">
<img id="card_image" height="187px" width="130px" src="http://my-card.in/images/cards/ygocore/${id}.jpg" alt="card_name"/> <img id="card_image" height="187px" width="130px" src="http://my-card.in/images/cards/ygocore/${id}.jpg" alt="card_name"/>
</div> </div>
<div class="card_info floatleft"> <div class="card_info floatleft">
<div id="card_card_type_title" class="attr_name floatleft">${$.i18n.prop('card_type')}</div> <div id="card_card_type_title" class="attr_name floatleft">${$.i18n.prop('card_type')}</div>
<div id="card_card_type" class="attr_real floatleft">${card_type}</div> <div id="card_card_type" class="attr_real floatleft">${card_type}</div>
{{if type}} {{if type}}
<div id="card_type_title" class="attr_name floatleft">${$.i18n.prop('type')}</div> <div id="card_type_title" class="attr_name floatleft">${$.i18n.prop('type')}</div>
<div id="card_type" class="attr_real floatleft">${$.i18n.prop('type.'+type)}</div> <div id="card_type" class="attr_real floatleft">${$.i18n.prop('type.'+type)}</div>
<div id="card_attribute_title" class="attr_name floatleft">${$.i18n.prop('attribute')}</div> <div id="card_attribute_title" class="attr_name floatleft">${$.i18n.prop('attribute')}</div>
<div id="card_attribute" class="attr_real floatleft">${$.i18n.prop('attribute.'+attribute)}</div> <div id="card_attribute" class="attr_real floatleft">${$.i18n.prop('attribute.'+attribute)}</div>
<div id="card_level_title" class="attr_name floatleft">${$.i18n.prop('level')}</div> <div id="card_level_title" class="attr_name floatleft">${$.i18n.prop('level')}</div>
<div id="card_level" class="attr_real floatleft">${level}</div> <div id="card_level" class="attr_real floatleft">${level}</div>
<div id="card_atk_title" class="attr_name floatleft">${$.i18n.prop('atk')}</div> <div id="card_atk_title" class="attr_name floatleft">${$.i18n.prop('atk')}</div>
<div id="card_atk" class="attr_real floatleft">${atk}</div> <div id="card_atk" class="attr_real floatleft">${atk}</div>
<div id="card_def_title" class="attr_name floatleft">${$.i18n.prop('def')}</div> <div id="card_def_title" class="attr_name floatleft">${$.i18n.prop('def')}</div>
<div id="card_def" class="attr_real floatleft">${def}</div> <div id="card_def" class="attr_real floatleft">${def}</div>
{{/if}} {{/if}}
</div> </div>
<div class="card_frame floatleft"> <div class="card_frame floatleft">
<div id="card_description" class="card_description floatleft frame_element"> <div id="card_description" class="card_description floatleft frame_element">
${description} ${description}
</div> </div>
<div id="card_adjustment" class="card_adjustment floatleft frame_element"> <div id="card_adjustment" class="card_adjustment floatleft frame_element">
建设中 <br/> 建设中 <br/>
under construction<br/> under construction<br/>
</div> </div>
<div id="card_statistics" class="card_statistics floatleft frame_element"> <div id="card_statistics" class="card_statistics floatleft frame_element">
建设中<br/> 建设中<br/>
under construction under construction
</div> </div>
</div> </div>
<div class="floatleft bottom_area"> <div class="floatleft bottom_area">
<div id="card_description_title" class="bottom_button floatleft">效果</div> <div id="card_description_title" class="bottom_button floatleft">效果</div>
<div id="card_adjustment_title" class="bottom_button floatleft">调整</div> <div id="card_adjustment_title" class="bottom_button floatleft">调整</div>
<div id="card_statistics_title" class="bottom_button floatleft">统计</div> <div id="card_statistics_title" class="bottom_button floatleft">统计</div>
</div> </div>
</script> </script>
<script id="card_usage_text_template" type="text/x-jquery-tmpl"> <script id="card_usage_text_template" type="text/x-jquery-tmpl">
<p class="card_usage"> <p class="card_usage">
<span class="card ${$data.card().card_type.join(' ')}">${$data.card().name}</span> <span class="card ${$data.card().card_type.join(' ')}">${$data.card().name}</span>
<i>${count}</i> <i>${count}</i>
</p> </p>
</script> </script>
<script id="card_usage_graphic_main_template" type="text/x-jquery-tmpl"> <script id="card_usage_graphic_main_template" type="text/x-jquery-tmpl">
{{each Array(count)}} {{each Array(count)}}
<img class="card_usage" width="44" height="64" padding="${main_count}" src="${$data.card().image_thumbnail_url()}"/> <div style="float:left;width:31px;overflow:visible;">
{{/each}} <img class="card_usage" width="44" height="64" src="${$data.card().image_thumbnail_url()}"/>
</script> </div>
<script id="card_usage_graphic_side_template" type="text/x-jquery-tmpl"> {{/each}}
{{each Array(count)}} </script>
<img class="card_usage" width="44" height="64" padding="${side_count}" src="${$data.card().image_thumbnail_url()}"/> <script id="card_usage_graphic_side_template" type="text/x-jquery-tmpl">
{{/each}} {{each Array(count)}}
</script> <div style="float:left;width:${side_count+((465/side_count)-side_count)}px;overflow:visible;">
<script id="card_usage_graphic_extra_template" type="text/x-jquery-tmpl"> <img class="card_usage" width="44" height="64" src="${$data.card().image_thumbnail_url()}"/>
{{each Array(count)}} </div>
<img class="card_usage" width="44" height="64" padding="${extra_count}" {{/each}}
src="${$data.card().image_thumbnail_url()}"/> </script>
{{/each}} <script id="card_usage_graphic_extra_template" type="text/x-jquery-tmpl">
</script> {{each Array(count)}}
<script id="deck_template" type="text/x-jquery-tmpl"> <div style="float:left;width:${extra_count+((465/extra_count)-extra_count)}px;overflow:visible;">
<fieldset id="deck_main"> <img class="card_usage" width="44" height="64" src="${$data.card().image_thumbnail_url()}"/>
<legend id="deck_main_title" class="deck_title main">主卡组 </div>
<small>(${main_count}: {{/each}}
{{each category_count}} </script>
<span class="deck_category_count ${$index}">${$value}</span>{{/each}}) <script id="deck_template" type="text/x-jquery-tmpl">
</small> <fieldset id="deck_main">
</legend> <legend id="deck_main_title" class="deck_title main">主卡组
<div class="deck_part main"> <small>(${main_count}:
{{each category_count}}
{{tmpl(main) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic_main') + <span class="deck_category_count ${$index}">${$value}</span>{{/each}})
'_template'}} </small>
</div> </legend>
</fieldset> <div class="deck_part main">
<fieldset id="deck_side">
<legend id="deck_side_title" class="deck_title main">副卡组 {{tmpl(main) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic_main') + '_template'}}
<small>(${side_count})</small> </div>
</legend> </fieldset>
<div class="deck_part side"> <fieldset id="deck_side">
<legend id="deck_side_title" class="deck_title main">副卡组
{{tmpl(side) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic_side') + <small>(${side_count})</small>
'_template'}} </legend>
</div> <div class="deck_part side">
</fieldset>
<fieldset id="deck_extra"> {{tmpl(side) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic_side') + '_template'}}
<legend id="deck_extra_title" class="deck_title main">额外卡组 </div>
<small>(${extra_count})</small> </fieldset>
</legend> <fieldset id="deck_extra">
<div class="deck_part extra"> <legend id="deck_extra_title" class="deck_title main">额外卡组
<small>(${extra_count})</small>
{{tmpl(extra) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic_extra') + </legend>
'_template'}} <div class="deck_part extra">
</div>
</fieldset> {{tmpl(extra) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic_extra') + '_template'}}
</script> </div>
</fieldset>
<script id="search_card_template" type="text/x-jquery-tmpl"> </script>
{{tmpl({test: 'test'}) '#search_card_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</script> <script id="search_card_template" type="text/x-jquery-tmpl">
<script id="search_card_text_template" type="text/x-jquery-tmpl"> {{tmpl({test: 'test'}) '#search_card_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
<table class="press"> </script>
<thead> <script id="search_card_text_template" type="text/x-jquery-tmpl">
<tr> <table class="press">
<th> <thead>
<div class="thead_bg"> <tr>
<span>卡名</span> <th>
<div class="thead_bg">
<div class="arrow" onclick="showMe(this,'filter_name');"><img src="image/arrow.png" alt=""/></div> <span>卡名</span>
<div id="filter_name" class="filter_float" style="display:none;">
<!-- 修改 --> <div class="arrow" onclick="showMe(this,'filter_name');"><img src="image/arrow.png" alt=""/></div>
<div> <div id="filter_name" class="filter_float" style="display:none;">
<input type="checkbox" name=""/> <!-- 修改 -->
<label>按照名称排序</label> <div>
</div> <input type="checkbox" name=""/>
<div> <label>按照名称排序</label>
<input type="checkbox" name=""/> </div>
<label>按照名称排序</label> <div>
</div> <input type="checkbox" name=""/>
<div> <label>按照名称排序</label>
<input type="checkbox" name=""/> </div>
<label>按照名称排序</label> <div>
</div> <input type="checkbox" name=""/>
<!-- 修改 --> <label>按照名称排序</label>
</div> </div>
</div> <!-- 修改 -->
</th> </div>
<th> </div>
<div class="thead_bg"> </th>
<span>卡类</span> <th>
<div class="thead_bg">
<div class="arrow" onclick="showMe(this,'filter_cate');"><img src="image/arrow.png" alt=""/></div> <span>卡类</span>
<div id="filter_cate" class="filter_float" style="display:none;"></div>
</div> <div class="arrow" onclick="showMe(this,'filter_cate');"><img src="image/arrow.png" alt=""/></div>
</th> <div id="filter_cate" class="filter_float" style="display:none;"></div>
<th> </div>
<div class="thead_bg"><span>攻击</span></div> </th>
</th> <th>
<th> <div class="thead_bg"><span>攻击</span></div>
<div class="thead_bg"><span>守备</span></div> </th>
</th> <th>
<th> <div class="thead_bg"><span>守备</span></div>
<div class="thead_bg"><span>星级</span></div> </th>
</th> <th>
<th> <div class="thead_bg"><span>星级</span></div>
<div class="thead_bg"><span>属性</span></div> </th>
</th> <th>
<th> <div class="thead_bg"><span>属性</span></div>
<div class="thead_bg"><span>测试</span></div> </th>
</th> <th>
</tr> <div class="thead_bg"><span>测试</span></div>
</thead> </th>
<tbody> </tr>
<tr> </thead>
<td>黑羽-疾风之</td> <tbody>
<td>效果·调整</td> <tr>
<td>1300</td> <td>黑羽-疾风之</td>
<td>400</td> <td>效果·调整</td>
<td>3 ☆</td> <td>1300</td>
<td>暗</td> <td>400</td>
<td>测试</td> <td>3 ☆</td>
</tr> <td>暗</td>
<tr> <td>测试</td>
<td>黑羽-疾风之</td> </tr>
<td>效果·调整</td> <tr>
<td>1300</td> <td>黑羽-疾风之</td>
<td>400</td> <td>效果·调整</td>
<td>3 ☆</td> <td>1300</td>
<td>暗</td> <td>400</td>
<td>测试</td> <td>3 ☆</td>
</tr> <td>暗</td>
</tbody> <td>测试</td>
</table> </tr>
</script> </tbody>
<script id="search_card_graphic_template" type="text/x-jquery-tmpl"> </table>
<div> </script>
<div> <script id="search_card_graphic_template" type="text/x-jquery-tmpl">
<img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/> <div>
<span>黑羽-疾风之盖尔</span><br/> <div class="graphic_search_out">
<span>暗</span> <div class="search_out_img">
<span>鸟兽</span> <img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/>
<span>☆ 3</span> </div>
<span>1300</span>/<span>400</span> <div class="search_out_text">
</div> <span class="search_out_textTitle">黑羽-疾风之盖尔</span><br/>
<div> <span>暗</span>
<img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/> <span>鸟兽</span>
<span>黑羽-疾风之盖尔</span><br/> <span>☆ 3</span>
<span>暗</span> <br />
<span>鸟兽</span> <span>1300</span>/<span>400</span>
<span>☆ 3</span> </div>
<span>1300</span>/<span>400</span> </div>
</div> <div class="graphic_search_out">
</div> <div class="search_out_img">
</script> <img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/>
</head> </div>
<body> <div class="search_out_text">
<!--[if lt IE 10]> <span class="search_out_textTitle">黑羽-疾风之盖尔</span><br/>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade <span>暗</span>
your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to <span>鸟兽</span>
improve your experience.</p> <span>☆ 3</span>
<![endif]--> <br />
<div class="main_div line"> <span>1300</span>/<span>400</span>
<div id="card" class="main_left floatleft line"> </div>
<div class="card_name">Mycard 卡组编辑器</div> </div>
<div class="card_img line floatleft"> <div class="graphic_search_out">
<img height="187px" width="130px" src="/assets/images/decks/card.jpg" alt="card_name"/> <div class="search_out_img">
</div> <img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/>
<div class="card_info floatleft"> </div>
<div class="attr_real floatleft">(」・ω・)」</div> <div class="search_out_text">
<div class="attr_name floatleft">呜！</div> <span class="search_out_textTitle">黑羽-疾风之盖尔</span><br/>
<div class="attr_real floatleft">(／・ω・)／</div> <span>暗</span>
<div class="attr_name floatleft">喵！</div> <span>鸟兽</span>
<div class="attr_real floatleft">(」・ω・)」</div> <span>☆ 3</span>
<div class="attr_name floatleft">呜！</div> <br />
<div class="attr_real floatleft">(／・ω・)／</div> <span>1300</span>/<span>400</span>
<div class="attr_name floatleft">喵！</div> </div>
<div class="attr_name floatleft"></div> </div>
<div class="attr_real floatleft">世界已完蛋</div> <div class="graphic_search_out">
</div> <div class="search_out_img">
<div class="card_frame floatleft"> <img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/>
<div class="card_description floatleft frame_element card_frame_focus"> </div>
<div> <div class="search_out_text">
这是一个卡组编辑/分享系统<br/> <span class="search_out_textTitle">黑羽-疾风之盖尔</span><br/>
this is a deck editing & sharing system<br/> <span>暗</span>
</div> <span>鸟兽</span>
</div> <span>☆ 3</span>
<div class="card_adjustment floatleft frame_element"> <br />
<ruby>数据来源 <span>1300</span>/<span>400</span>
<rt>Database</rt> </div>
</ruby> </div>
: <a href="https://github.com/Fluorohydride/ygopro/">Ygopro</a><br/> </div>
<ruby>许可协议 </script>
<rt>License</rt> </head>
</ruby> <body>
: <a href="http://www.gnu.org/licenses/gpl.html">GPLv3 or later</a><br/> <!--[if lt IE 10]>
<ruby>项目主页 <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
<rt>Github</rt> your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to
</ruby> improve your experience.</p>
: <a href="https://github.com/zh99998/mycard">github.com/zh99998/mycard</a><br/> <![endif]-->
<ruby>开发成员 <div class="main_div line">
<rt>Authors</rt> <div id="card" class="main_left floatleft line">
</ruby> <div class="card_name">Mycard 卡组编辑器</div>
: <a href="https://plus.google.com/101873829070855379840">zh99998</a>&lt;<a <div class="card_img line floatleft">
href="mailto:zh99998@gmail.com">zh99998@gmail.com</a>&gt;<br/> <img height="187px" width="130px" src="/assets/images/decks/card.jpg" alt="card_name"/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a </div>
href="https://plus.google.com/u/0/102725466404235496819">Mesiade</a>&lt;<a <div class="card_info floatleft">
href="mailto:Mesiade746@hotmail.com">Mesiade746@hotmail.com</a>&gt; <div class="attr_real floatleft">(」・ω・)」</div>
</div> <div class="attr_name floatleft">呜！</div>
</div> <div class="attr_real floatleft">(／・ω・)／</div>
<div class="floatleft bottom_area"> <div class="attr_name floatleft">喵！</div>
<div class="bottom_button_active floatleft">简介</div> <div class="attr_real floatleft">(」・ω・)」</div>
<div class="bottom_button floatleft">关于</div> <div class="attr_name floatleft">呜！</div>
</div> <div class="attr_real floatleft">(／・ω・)／</div>
</div> <div class="attr_name floatleft">喵！</div>
<div class="main_right floatleft line"> <div class="attr_name floatleft"></div>
<div class="floatleft search_data graphic"> <div class="attr_real floatleft">世界已完蛋</div>
<div class="floatleft search_bar"> </div>
<form id="search"> <div class="card_frame floatleft">
<div class="floatleft search_frame"> <div class="card_description floatleft frame_element card_frame_focus">
<input type="text" name="" class="search_input floatleft" value=""/> <div>
<input type="submit" class="serach_button" value=""/> 这是一个卡组编辑/分享系统<br/>
</div> this is a deck editing & sharing system<br/>
<div class="floatright advanced_search_father"> </div>
<div class="advanced_search" onclick="showMe(this,'submenu');">高级搜索</div> </div>
</div> <div class="card_adjustment floatleft frame_element">
</form> <ruby>数据来源
<!-- 修改 --> <rt>Database</rt>
<div class="submenu"> </ruby>
<div class="floatright submenu_mask"></div> : <a href="https://github.com/Fluorohydride/ygopro/">Ygopro</a><br/>
<div class="submenu_main"> <ruby>许可协议
<div class="submenu_mainLeft"> <rt>License</rt>
<div class="submenu_unit"> </ruby>
<label>种类：</label> : <a href="http://www.gnu.org/licenses/gpl.html">GPLv3 or later</a><br/>
<select class="select_half" name=""> <ruby>项目主页
<option>(无)</option> <rt>Github</rt>
</select> </ruby>
<select class="select_half" name=""> : <a href="https://github.com/zh99998/mycard">github.com/zh99998/mycard</a><br/>
<option>(无)</option> <ruby>开发成员
<option></option> <rt>Authors</rt>
</select> </ruby>
</div> : <a href="https://plus.google.com/101873829070855379840">zh99998</a>&lt;<a
<div class="submenu_unit"> href="mailto:zh99998@gmail.com">zh99998@gmail.com</a>&gt;<br/>
<label>种类：</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a
<select class="select_full" name=""> href="https://plus.google.com/u/0/102725466404235496819">Mesiade</a>&lt;<a
<option>(无)</option> href="mailto:Mesiade746@hotmail.com">Mesiade746@hotmail.com</a>&gt;
</select> </div>
</div> </div>
<div class="submenu_unit"> <div class="floatleft bottom_area">
<label>种类：</label> <div class="bottom_button_active floatleft">简介</div>
<select class="select_full" name=""> <div class="bottom_button floatleft">关于</div>
<option>(无)</option> </div>
</select> </div>
</div> <div class="main_right floatleft line">
<div class="submenu_unit"> <div class="floatleft search_data graphic">
<label>种类：</label> <div class="floatleft search_bar">
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/> <form id="search">
</div> <div class="floatleft search_frame">
</div> <input type="text" name="" class="search_input floatleft" value=""/>
<div class="submenu_mainRight"> <input type="submit" class="serach_button" value=""/>
<div class="submenu_unit"> </div>
<label>种类：</label> <div class="floatright advanced_search_father">
<select class="select_full" name=""> <div class="advanced_search" onclick="showMe(this,'submenu');">高级搜索</div>
<option>(无)</option> </div>
</select> </form>
</div> <!-- 修改 -->
<div class="submenu_unitLarge"> <div class="submenu">
<label>种类：</label> <div class="floatright submenu_mask"></div>
<input style="width:83px;margin:-2px 0 0 5px;" type="text" name=""/> <div class="submenu_main">
<div class="submenu_mainLeft">
<label style="margin:10px 0 0 0;">种类：</label> <div class="submenu_unit">
<input style="width:83px;margin:10px 0 0 5px;" type="text" name=""/> <label>种类：</label>
</div> <select class="select_half" name="">
<input type="button" value="效果"/> <option>(无)</option>
</select>
<div class="submenu_unit"> <select class="select_half" name="">
<label>种类：</label> <option>(无)</option>
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/> <option></option>
</div> </select>
</div> </div>
</div> <div class="submenu_unit">
</div> <label>种类：</label>
<!-- 修改 --> <select class="select_full" name="">
<div class="floatleft search_results"> <option>(无)</option>
<span style="color:#3399FF;font-weight:bold;">结果数</span> </select>
魔法：<span style="color:#FFAD6E;">XXX</span> </div>
陷阱：<span style="color:#FFAD6E;">XXX</span> <div class="submenu_unit">
怪兽：<span style="color:#FFAD6E;">XXX</span> <label>种类：</label>
</div> <select class="select_full" name="">
</div> <option>(无)</option>
</select>
<div class="floatleft main_area" id="search_card"></div> </div>
<div class="submenu_unit">
<div class="floatright page"> <label>种类：</label>
<a class="page_home" href=""></a> <input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
<a class="page_pre" href=""></a> </div>
<a class="page_num" href="">9</a> </div>
<a class="page_num" href="">10</a> <div class="submenu_mainRight">
<a class="page_num" href="">11</a> <div class="submenu_unit">
<a class="page_next" href=""></a> <label>种类：</label>
<a class="page_last" href=""></a> <select class="select_full" name="">
</div> <option>(无)</option>
<!--{"archetypes":"","card_type":"\u6548\u679c\u602a\u517d","id":2067,"lore":"\u8fd9\u5f20\u5361\u653b\u51fb\u7684\u573a\u5408\uff0c\u5bf9\u65b9\u76f4\u5230\u4f24\u5bb3\u6b65\u9aa4\u7ed3\u675f\u65f6\u4e0d\u80fd\u53d1\u52a8\u9b54\u6cd5\u00b7\u9677\u9631\u5361\u3002\u7528\u4ee5\u4e0b\u7684\u602a\u517d\u4e3a\u796d\u54c1\u4f5c\u796d\u54c1\u53ec\u5524\u7684\u573a\u5408\uff0c\u8fd9\u5f20\u5361\u5f97\u5230\u5404\u81ea\u7684\u6548\u679c\u3002\u25cf\u7eff\u9f7f\u8f6e\uff1a\u8fd9\u5f20\u5361\u653b\u51fb\u5b88\u5907\u8868\u793a\u602a\u517d\u65f6\uff0c\u82e5\u8fd9\u5f20\u5361\u7684\u653b\u51fb\u529b\u8d85\u8fc7\u5b88\u5907\u8868\u793a\u602a\u517d\u7684\u5b88\u5907\u529b\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206\u90a3\u4e2a\u6570\u503c\u7684\u6218\u6597\u4f24\u5bb3\u3002\u25cf\u7ea2\u9f7f\u8f6e\uff1a\u7ed9\u4e88\u5bf9\u65b9\u73a9\u5bb6\u6218\u6597\u4f24\u5bb3\u65f6\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206400\u5206\u4f24\u5bb3\u3002\u25cf\u9ec4\u9f7f\u8f6e\uff1a\u6218\u6597\u7834\u574f\u5bf9\u65b9\u602a\u517d\u7684\u573a\u5408\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206600\u5206\u4f24\u5bb3\u3002","mediums":"OCG\tTCG","monster_atk":3000,"monster_attribute":"\u5730","monster_def":2000,"monster_level":8,"monster_type":null,"name":"\u53e4\u4ee3\u7684\u673a\u68b0\u5de8\u9f99","number":50933533,"stats":"21,26,37","status":3,"tokens":0,"type":"\u673a\u68b0"} --> </select>
</div> </div>
<div class="submenu_unitLarge">
<div class="floatleft operate_area graphic"> <label>种类：</label>
<div class="select_card"> <input style="width:83px;margin:-2px 0 0 5px;" type="text" name=""/>
<div class="select_cardOn">
<select name=""> <label style="margin:10px 0 0 0;">种类：</label>
<option id="name" value="">卡组</option> <input style="width:83px;margin:10px 0 0 5px;" type="text" name=""/>
</select> </div>
<img class="add_ope" src="/assets/images/decks/add.png" alt="" title="新建"/> <input type="button" value="效果"/>
<img class="rename_ope" src="/assets/images/decks/rename.png" alt="" title="重命名"/>
</div> <div class="submenu_unit">
<div class="select_cardUnder"> <label>种类：</label>
<div class="donwload_out" title="上传"> <input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
<div class="upload_inner"> </div>
<input id="deck_load" type="file" tabindex="-1"/> </div>
</div> </div>
</div> </div>
<div class="donwload_out" title="分享" id="deck_share"> <!-- 修改 -->
<div class="download_inner"></div> <div class="floatleft search_results">
</div> <span style="color:#3366CC;font-weight:bold;">结果数</span>
<!-- <img class="donwload_ope" src="/assets/images/decks/download.png" alt="" title="上传" /> --> 魔法：<span style="color:#FFAD6E;">XXX</span>
<a href="#" id="deck_url_ydk"><img class="save_ope" src="/assets/images/decks/save.png" alt="" 陷阱：<span style="color:#FFAD6E;">XXX</span>
title="保存"/></a> 怪兽：<span style="color:#FFAD6E;">XXX</span>
</div> </div>
</div> </div>
<div class="floatleft main_area" id="search_card"></div>
<div id="deck" class="card_group">
<p>Loading...</p> <div class="floatright page">
</div> <a class="page_home" href=""></a>
</div> <a class="page_pre" href=""></a>
</div> <a class="page_num" href="">9</a>
</div> <a class="page_num" href="">10</a>
<div id="deck_share_dialog" title="share"> <a class="page_num" href="">11</a>
<fieldset> <a class="page_next" href=""></a>
<legend>URL</legend> <a class="page_last" href=""></a>
<input id="deck_url" readonly="readonly"/><br/> </div>
<button id="deck_url_shorten">shorten</button> <!--{"archetypes":"","card_type":"\u6548\u679c\u602a\u517d","id":2067,"lore":"\u8fd9\u5f20\u5361\u653b\u51fb\u7684\u573a\u5408\uff0c\u5bf9\u65b9\u76f4\u5230\u4f24\u5bb3\u6b65\u9aa4\u7ed3\u675f\u65f6\u4e0d\u80fd\u53d1\u52a8\u9b54\u6cd5\u00b7\u9677\u9631\u5361\u3002\u7528\u4ee5\u4e0b\u7684\u602a\u517d\u4e3a\u796d\u54c1\u4f5c\u796d\u54c1\u53ec\u5524\u7684\u573a\u5408\uff0c\u8fd9\u5f20\u5361\u5f97\u5230\u5404\u81ea\u7684\u6548\u679c\u3002\u25cf\u7eff\u9f7f\u8f6e\uff1a\u8fd9\u5f20\u5361\u653b\u51fb\u5b88\u5907\u8868\u793a\u602a\u517d\u65f6\uff0c\u82e5\u8fd9\u5f20\u5361\u7684\u653b\u51fb\u529b\u8d85\u8fc7\u5b88\u5907\u8868\u793a\u602a\u517d\u7684\u5b88\u5907\u529b\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206\u90a3\u4e2a\u6570\u503c\u7684\u6218\u6597\u4f24\u5bb3\u3002\u25cf\u7ea2\u9f7f\u8f6e\uff1a\u7ed9\u4e88\u5bf9\u65b9\u73a9\u5bb6\u6218\u6597\u4f24\u5bb3\u65f6\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206400\u5206\u4f24\u5bb3\u3002\u25cf\u9ec4\u9f7f\u8f6e\uff1a\u6218\u6597\u7834\u574f\u5bf9\u65b9\u602a\u517d\u7684\u573a\u5408\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206600\u5206\u4f24\u5bb3\u3002","mediums":"OCG\tTCG","monster_atk":3000,"monster_attribute":"\u5730","monster_def":2000,"monster_level":8,"monster_type":null,"name":"\u53e4\u4ee3\u7684\u673a\u68b0\u5de8\u9f99","number":50933533,"stats":"21,26,37","status":3,"tokens":0,"type":"\u673a\u68b0"} -->
</fieldset> </div>
<fieldset>
<legend>share</legend> <div class="floatleft operate_area graphic">
<!-- AddThis Button BEGIN --> <div class="select_card">
<div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <div class="select_cardOn">
<a class="addthis_button_preferred_1"></a> <select name="">
<a class="addthis_button_preferred_2"></a> <option id="name" value="">卡组</option>
<a class="addthis_button_preferred_3"></a> </select>
<a class="addthis_button_preferred_4"></a> <img class="add_ope" src="/assets/images/decks/add.png" alt="" title="新建"/>
<a class="addthis_button_compact"></a> <img class="rename_ope" src="/assets/images/decks/rename.png" alt="" title="重命名"/>
<a class="addthis_counter addthis_bubble_style"></a> </div>
</div> <div class="select_cardUnder">
</fieldset> <div class="donwload_out" title="上传">
<fieldset> <div class="upload_inner" >
<legend>QR Code</legend> <input id="deck_load" type="file" tabindex="-1"/>
<img id="deck_url_qrcode"/> </div>
</fieldset> </div>
<script type="text/javascript" <div class="donwload_out" title="分享" id="deck_share">
src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-504b398d148616ce"></script> <div class="download_inner"></div>
<!-- AddThis Button END --> </div>
</div> <!-- <img class="donwload_ope" src="/assets/images/decks/download.png" alt="" title="上传" /> -->
<script src="/vendor/javascripts/jquery-1.8.2.min.js"></script> <a href="#" id="deck_url_ydk"><img class="save_ope" src="/assets/images/decks/save.png" alt="" title="保存"/></a>
<script src="/vendor/javascripts/jQuery-URL-Parser.js"></script> </div>
<script src="/vendor/javascripts/jquery.tmpl.min.js"></script> </div>
<script src="/vendor/javascripts/jquery.mousewheel.js"></script>
<script src="/vendor/javascripts/jquery.i18n.properties-min-1.0.9.js"></script> <div id="deck" class="card_group">
<script src="/vendor/javascripts/jquery-ui-1.9.1.custom.min.js"></script> <img class="load_img" src="/assets/images/decks/loading.gif" alt="" title=""/>
<script src="/vendor/javascripts/jquery.base64.min.js"></script> </div>
<script src="/vendor/javascripts/hScrollPane.js"></script> </div>
<script src="/vendor/javascripts/jscroll.js"></script> </div>
<script src="/vendor/javascripts/json2.js"></script> </div>
<script src="/vendor/javascripts/spine/spine.js"></script> <div id="deck_share_dialog" title="share">
<script src="/vendor/javascripts/spine/ajax.js"></script> <fieldset>
<script src="/vendor/javascripts/spine/local.js"></script> <legend>URL</legend>
<script src="/vendor/javascripts/spine/relation.js"></script> <input id="deck_url" readonly="readonly"/><br/>
<button id="deck_url_shorten">shorten</button>
<script src="/assets/javascripts/public.js"></script> </fieldset>
<script src="/assets/javascripts/decks.js"></script> <fieldset>
<script src="/assets/javascripts/public.js"></script> <legend>share</legend>
<script type="text/javascript"> <!-- AddThis Button BEGIN -->
/*$(document).ready(function () { <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
$(".main_area").hScrollPane({ <a class="addthis_button_preferred_1"></a>
mover:".press", //指定container对象下的哪个元素需要滚动位置 | 必传项; <a class="addthis_button_preferred_2"></a>
//showArrow:true, //指定是否显示左右箭头，默认不显示 | 可选项; <a class="addthis_button_preferred_3"></a>
//moverW:function(){return $(".press").width();}(), //传入水平滚动对象的长度值,不传入的话默认直接获取mover的宽度值 | 可选项; <a class="addthis_button_preferred_4"></a>
//handleMinWidth:100,//指定handle的最小宽度,要固定handle的宽度请在css中设定handle的width属性（如 width:28px!important;），不传入则不设定最小宽度 | 可选项; <a class="addthis_button_compact"></a>
//dragable:true, //指定是否要支持拖动效果，默认可以拖动 | 可选项; <a class="addthis_counter addthis_bubble_style"></a>
//easing:true, //滚动是否需要滑动效果,默认有滑动效果 | 可选项; </div>
handleCssAlter:"draghandlealter", //指定拖动鼠标时滚动条的样式，不传入该参数则没有变化效果 | 可选项; </fieldset>
mousewheel:{bind:false, moveLength:500} //mousewheel: bind->'true',绑定mousewheel事件; ->'false',不绑定mousewheel事件；moveLength是指定鼠标滚动一次移动的距离,默认值：{bind:true,moveLength:300} | 可选项; <fieldset>
}) <legend>QR Code</legend>
});;*/ <img id="deck_url_qrcode"/>
</script> </fieldset>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <script type="text/javascript"
<!--<script> src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-504b398d148616ce"></script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; <!-- AddThis Button END -->
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; </div>
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; <script src="/vendor/javascripts/jquery-1.8.2.min.js"></script>
s.parentNode.insertBefore(g,s)}(document,'script')); <script src="/vendor/javascripts/jQuery-URL-Parser.js"></script>
</script>--> <script src="/vendor/javascripts/jquery.tmpl.min.js"></script>
</body> <script src="/vendor/javascripts/jquery.mousewheel.js"></script>
<script src="/vendor/javascripts/jquery.i18n.properties-min-1.0.9.js"></script>
<script src="/vendor/javascripts/jquery-ui-1.9.1.custom.min.js"></script>
<script src="/vendor/javascripts/jquery.base64.min.js"></script>
<script src="/vendor/javascripts/hScrollPane.js"></script>
<script src="/vendor/javascripts/jscroll.js"></script>
<script src="/vendor/javascripts/json2.js"></script>
<script src="/vendor/javascripts/spine/spine.js"></script>
<script src="/vendor/javascripts/spine/ajax.js"></script>
<script src="/vendor/javascripts/spine/local.js"></script>
<script src="/vendor/javascripts/spine/relation.js"></script>
<script src="/assets/javascripts/public.js"></script>
<script src="/assets/javascripts/decks.js"></script>
<script src="/assets/javascripts/public.js"></script>
<script type="text/javascript">
/*$(document).ready(function () {
$(".main_area").hScrollPane({
mover:".press", //指定container对象下的哪个元素需要滚动位置 | 必传项;
//showArrow:true, //指定是否显示左右箭头，默认不显示 | 可选项;
//moverW:function(){return $(".press").width();}(), //传入水平滚动对象的长度值,不传入的话默认直接获取mover的宽度值 | 可选项;
//handleMinWidth:100,//指定handle的最小宽度,要固定handle的宽度请在css中设定handle的width属性（如 width:28px!important;），不传入则不设定最小宽度 | 可选项;
//dragable:true, //指定是否要支持拖动效果，默认可以拖动 | 可选项;
//easing:true, //滚动是否需要滑动效果,默认有滑动效果 | 可选项;
handleCssAlter:"draghandlealter", //指定拖动鼠标时滚动条的样式，不传入该参数则没有变化效果 | 可选项;
mousewheel:{bind:false, moveLength:500} //mousewheel: bind->'true',绑定mousewheel事件; ->'false',不绑定mousewheel事件；moveLength是指定鼠标滚动一次移动的距离,默认值：{bind:true,moveLength:300} | 可选项;
})
});;*/
</script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<!--<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>-->
</body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment