Skip to content

S
skylivex
Commit 25eb4181 authored by Ivan Bellia's avatar Ivan Bellia
Browse files
Options

added html graphic for main window

parent 4cb37259
Hide whitespace changes
Inline Side-by-side
Showing with 124 additions and 117 deletions
gui/login.html
View file @ 25eb4181
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<div id="page"> <div id="page">
<b><font size="3">SkyliveX 0.1.0 Login</font></b> <b><font size="3">SkyliveX 0.1.0 Login</font></b>
<div id="res"></div> <div id="res"></div>
<div id="alert" style="font-family: 'Arial', serif; font-size: 18px; color: #FF0000; background-color: #000000;">Error!</div> <div id="alert" style="font-family: 'Arial', serif; font-size: 18px; color: #FF0000; background-color: #000000;">Enter your user and pass.</div>
<font size="2"> <font size="2">
<form id="login" name="loginform"> <form id="login" name="loginform">
<center> <center>
......
gui/maingui.html
View file @ 25eb4181
...@@ -3,133 +3,140 @@ ...@@ -3,133 +3,140 @@
<title>SkyliveX 0.1.0</title> <title>SkyliveX 0.1.0</title>
<script type="text/javascript" src="SkyliveX.js"></script> <script type="text/javascript" src="SkyliveX.js"></script>
<style> <style>
#page { body {
background-color: #FFFFFF; background-color: #FFFFFF;
background-image:url('img/mainbg2.jpg');
color: #000000; color: #000000;
text-align: center;
margin: 0 auto; margin: 0 auto;
overflow:hidden; overflow:hidden;
} }
#top {
height:40px;
border: 1px solid #000000;
width:auto;
position: absolute;
top: 8px;
right: 8px;
left: 8px;
}
#left {
width: 330px;
position: absolute;
top:48px;
left: 8px;
right: 8px;
bottom: 8px;
border: 1px solid #FF0000;
}
#livearea {
border: 1px solid #00FF00;
position: relative;
}
#toolsarea { #datitele{
border: 1px solid #0000FF; position: absolute;
position: absolute; top: 82px;
bottom: 0px; left: 438px;
right: 0px; height:100px;
left: 0px; width:50px;
top: 242px; color: #BBBBBB;
} font-size:16px;
#right { background-color: #000000;
position: absolute;
top: 48px;
left: 338px;
right: 8px;
bottom: 8px;
border: 1px solid #FF0FF0;
}
#chatarea {
overflow-y: auto;
border: 1px solid #00FF00;
position: absolute;
bottom: 70px;
top: 0px;
right: 130px;
left: 0px;
} }
#chatlist {
overflow-y: auto; #status {
width: 130px; height:35px;
position: absolute; width:350px;
border: 1px solid #00FF00; border: 1px solid #FF0000;
bottom: 70px; color: #FFFFFF;
top: 0px; text-align: left;
right: 0px; font-size:12px;
} position: absolute;
#chatinput { top: 358px;
position: absolute; left: 37px;
height: 70px;
bottom: 0px;
right: 0px;
left: 0px;
border: 1px solid #0000FF;
} }
#livearea {
height:240x;
width:320px;
top:73px;
left: 61px;
border: 1px solid #FF0000;
position: absolute;
}
#chatarea {
position: absolute;
top: 465px;
left: 23px;
height:154px;
width:407px;
overflow-y: auto;
background-color: #FFFFFF;
border: 1px solid #FF0000;
}
#userlist {
position: absolute;
top: 466px;
left: 466px;
height:220px;
width:140px;
color: #FFFF00;
border: 1px solid #FF0000;
background-color: #AAAAFF;
}
#chatinput {
position: absolute;
top: 642px;
left: 23px;
height:50px;
width:298px;
background-color: #FFFFFF;
border: 1px solid #FF0000;
}
#telescope {
position: absolute;
top: 23px;
left: 312px;
width: auto;
color: #CCCCCC;
font-size:18px;
background-color: #000000;
}
#numteleselect {
position: absolute;
top: 25px;
left: 410px;
}
</style> </style>
</head> </head>
<body> <body>
<div id="page"> <div id="status">
<div id="top"> Telescopio chiuso per maltempo
</div> </div>
<div id="left">
<div id="livearea"> <div id="datitele">
<img src="http://live1.skylive.name/tele1/live640.jpg"></img> RA<br>
</div> DEC<br>
<div id="toolsarea"> CCD Temp.<br>
TOOL FWHM<br>
</div> </div>
</div>
<div id="right"> <div id="livearea">
<div id="chatarea"> <img src="http://live1.skylive.name/tele1/live640.jpg"></img>
<p>CHAT</p> </div>
<p>CHAT</p>
<p>CHAT</p> <div id="chatarea">
<p>CHAT</p> Welcome to Skylive Chat, you are connected as Administrator!
<p>CHAT</p> </div>
<p>CHAT</p>
<p>CHAT</p> <div id="userlist">
<p>CHAT</p> ivan_staff<br>
<p>CHAT</p> nextime<br>
<p>CHAT</p> </div>
<p>CHAT</p>
<p>CHAT</p> <div id="chatinput">
<p>CHAT</p> Write the chat text here
<p>CHAT</p> </div>
<p>CHAT</p>
<p>CHAT</p> <div id="telescope">
<p>CHAT</p> Telescope
<p>CHAT</p> </div>
<p>CHAT</p>
<p>CHAT</p> <div id="numteleselect">
<p>CHAT</p> <select name="numtele">
<p>CHAT</p> <option selected>1</option>
<p>CHAT</p> <option>2</option>
<p>CHAT</p> <option>3</option>
<p>CHAT</p> <option>4</option>
<p>CHAT</p> </select>
<p>PIPPO</p> </div>
</div>
<div id="chatlist">
<p>user1</p>
<p>user2</p>
</div>
<div id="chatinput">
<p>INPUT</p>
</div>
</div>
</div>
</body> </body>
</html> </html>
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