changeset 8:6b9559bb9a5d gmap2

leiskaa
author jeskko
date Mon, 21 Sep 2009 14:13:47 +0000
parents edbd2499295b
children 6c05a50c0851
files css/mapstyle.css i/batmud_logo.png i/graybottom.jpg i/graycornerbottom.jpg i/graycornertop.jpg i/graytop.jpg index.html js/nav.js
diffstat 8 files changed, 55 insertions(+), 9 deletions(-) [+]
line wrap: on
line diff
--- a/css/mapstyle.css	Mon Sep 21 13:15:32 2009 +0000
+++ b/css/mapstyle.css	Mon Sep 21 14:13:47 2009 +0000
@@ -4,7 +4,6 @@
 	background-image: url(../i/dark.jpg);
 	color: white; 
 	font-family: sans-serif;
-
 }
 
 #footer {
@@ -19,22 +18,62 @@
 }
 
 #sidebar {
+	background-image: url(../i/gray.jpg);
 	position: absolute;
 	right: 0px;
 	top: 3em;
 	bottom: 1.5em;
 	width: 290px;	
 	padding: 0px;
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+#topcorner {
+	position: absolute;
+	top: -6px;
+	left: 0px;
+	padding: 0px;
 	margin: 0px;
+}
+ 
+#bottomcorner {
+	position: absolute;
+	bottom: -3px;
+	left: 0px;
+	margin-top: -10px;
+	padding: 0px;
+}
 
+#sidetop {
+	position: absolute;
+	right: 0px;
+	top: 3em;
+	background-image: url(../i/graytop.jpg);
+	height: 10px;
+	width: 290px;
+	padding: 0px; 
+	margin: 0px;
+}
+
+#sidebottom {
+	position: absolute;
+	background-image: url(../i/graybottom.jpg);
+	bottom: 1.5em;
+	right: 0px;
+	height: 10px;
+	width: 290px;
+	padding: 0px;
+	margin: 0px;
 }
 
 #sidecontent {
-	background-image: url(../i/gray.jpg);
-	width: 100%;
+	top: 10px;
+	bottom: 10px;
+	left: 0px;
+	right: 0px;
 	height: 100%;
 	padding: 0px;
-	margin: 0px;
 	overflow: auto;
 }
 
Binary file i/batmud_logo.png has changed
Binary file i/graybottom.jpg has changed
Binary file i/graycornerbottom.jpg has changed
Binary file i/graycornertop.jpg has changed
Binary file i/graytop.jpg has changed
--- a/index.html	Mon Sep 21 13:15:32 2009 +0000
+++ b/index.html	Mon Sep 21 14:13:47 2009 +0000
@@ -17,21 +17,24 @@
  </head>
  <body onunload="GUnload()">
    <div id="header">
-    headeripalikka, menuja jne kakkaa
+    <img id="batlogo" src="i/batmud_logo.png" alt="BatMUD" />
    </div>
    <div id="map">
    </div>
    <div id="sidebar">
-   <div id="sidecontent">
-   markkerilista jne
+    <div id="sidecontent"></div>
    </div>
-   </div>
+   <div id="sidetop"></div>
+   <div id="sidebottom"></div>
    <div id="sidecoll">
+    <div id="topcorner"><img src="i/graycornertop.jpg"/></div>
     <div id="collbuttondiv">
      <a href="javascript:docoll()">
-      <img src="i/right.gif" id="collbutton">
+      <img src="i/right.gif" id="collbutton" />
      </a>
     </div>
+    <div id="bottomcorner"><img src="i/graycornerbottom.jpg"/></div>
+
    </div>
    <div id="footer">
     Cursor location: 
--- a/js/nav.js	Mon Sep 21 13:15:32 2009 +0000
+++ b/js/nav.js	Mon Sep 21 14:13:47 2009 +0000
@@ -10,6 +10,8 @@
     document.getElementById("footer").style.right="0px";
     document.getElementById("map").style.right="8px";
     document.getElementById("collbutton").src="i/left.gif";
+    document.getElementById("sidetop").style.display="none"; 
+    document.getElementById("sidebottom").style.display="none"; 
     collapsed=1;
   }
   else
@@ -19,6 +21,8 @@
     document.getElementById("footer").style.right="0px";
     document.getElementById("map").style.right="300px";
     document.getElementById("collbutton").src="i/right.gif";
+    document.getElementById("sidetop").style.display=""; 
+    document.getElementById("sidebottom").style.display=""; 
     collapsed=0;
   }
 }