wowhead javascript and style

ptarjan · Sep 1, 2009 · 6b7410f · 6b7410f
1 parent 93f8002
commit 6b7410f
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 2 deletions.
diff --git a/fight.php b/fight.php
@@ -16,6 +16,7 @@
 <html>
 <head>
     <title>Duel - <?php print "{$safe_names[0]} vs {$safe_names[1]}" ?></title>
+    <link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 <body>
 <?php
@@ -83,7 +84,7 @@ function compare($left, $right) {
 <?php 
 foreach ($left[0]->characterInfo->characterTab->items->children() as $item) {
 ?>
-    <li><img src="http://www.wowarmory.com/wow-icons/_images/51x51/<?php print htmlspecialchars($item['icon']) ?>.jpg" /></li>
+    <li><a href="http://www.wowhead.com/?item=<?php print $item['id'] ?>"><img src="http://www.wowarmory.com/wow-icons/_images/51x51/<?php print htmlspecialchars($item['icon']) ?>.jpg" /></a></li>
 <?php
 }
 ?>
@@ -97,11 +98,12 @@ function compare($left, $right) {
 <?php 
 foreach ($right[0]->characterInfo->characterTab->items->children() as $item) {
 ?>
-    <li><img src="http://www.wowarmory.com/wow-icons/_images/51x51/<?php print htmlspecialchars($item['icon']) ?>.jpg" /></li>
+    <li><a href="http://www.wowhead.com/?item=<?php print $item['id'] ?>"><img src="http://www.wowarmory.com/wow-icons/_images/51x51/<?php print htmlspecialchars($item['icon']) ?>.jpg" /></a></li>
 <?php
 }
 ?>
     </ul>
 </div>
+<script src="http://static.wowhead.com/widgets/power.js"></script>
 </body>
 <html>
diff --git a/style.css b/style.css
@@ -0,0 +1,38 @@
+a img {
+    border : 0px;
+}
+
+#status {
+    font-size : 8em;
+    text-align : center;
+    padding : 20px;
+    background : #DEF;
+    border : #345 3px solid;
+}
+
+#left, #right {
+    padding : 20px;
+    margin-top : 10px;
+}
+#left {
+    float : left;
+    background : #AAF;
+    border : #55F 3px solid;
+}
+
+#right {
+    float : right;
+    background : #FAA;
+    border : #F55 3px solid;
+}
+
+#left ul, #right ul {
+    padding : 0px;    
+}
+
+#left li, #right li {
+    float : left;
+    padding : 5px;
+    list-style-type : none;
+}
+