demo

js/main.coffee

@@ -9,7 +9,7 @@ $(document).ready ->
     $(this).attr 'data-attribute', value
   , {
     placeholder: ""
-    data: JSON.stringify {'water': '水', 'fire': '炎'}
+    data: JSON.stringify {'dark': '暗', 'divine': '神', 'earth': '地', 'fire': '炎', 'light': '光', 'water': '水', 'wind': '风'}
     type: 'select'
     submit: 'OK'
     }
@@ -26,7 +26,7 @@ $(document).ready ->
   , {
     type: 'textarea',
     submit: 'OK'
-  }
+    }
   $('.name').editable (value, settings) ->
     value
   $('.gamecode').editable (value, settings) ->

js/main.js

@@ -13,8 +13,13 @@
     }, {
       placeholder: "",
       data: JSON.stringify({
+        'dark': '暗',
+        'divine': '神',
+        'earth': '地',
+        'fire': '炎',
+        'light': '光',
         'water': '水',
-        'fire': '炎'
+        'wind': '风'
       }),
       type: 'select',
       submit: 'OK'

style.css

@@ -58,6 +58,11 @@
 }
 .attribute[data-attribute="water"]{background-image: url(mse/data/yugioh-caicai-levels.mse-symbol-font/水.png)}
 .attribute[data-attribute="fire"]{background-image: url(mse/data/yugioh-caicai-levels.mse-symbol-font/炎.png)}
+.attribute[data-attribute="dark"]{background-image: url(mse/data/yugioh-caicai-levels.mse-symbol-font/暗.png)}
+.attribute[data-attribute="light"]{background-image: url(mse/data/yugioh-caicai-levels.mse-symbol-font/光.png)}
+.attribute[data-attribute="earth"]{background-image: url(mse/data/yugioh-caicai-levels.mse-symbol-font/地.png)}
+.attribute[data-attribute="wind"]{background-image: url(mse/data/yugioh-caicai-levels.mse-symbol-font/风.png)}
+.attribute[data-attribute="divine"]{background-image: url(mse/data/yugioh-caicai-levels.mse-symbol-font/神.png)}
 
 .level {
     position: absolute;