EZ-Builder Windows Release 2014.10.25.00

Download and install the latest EZ-Builder robot programming software to experience these updates.

Download EZ-Builder
Changes:

- Updated URL for "connection tutorial"

- increased font size for assembly instructions of the Ports for connections

- Prototype of HTTP Custom Server, where you can now create your own customized HTML pages. (Project -> Add Control -> HTTP Server (custom))

- Warning messages and confirmation about disabling the LiPo Battery Protection feature in EZ-Builder

*Note: Root files for the web server is in your My Documents\EZ-Builder\HTTP Server Root


User-inserted image


User-inserted image
#5  
Ok so it appears I have a problem. I have this code:

Code:

<html>

<head>
<link href="indexstyle.css" rel="stylesheet">
<title>Welcome To The Custom Ez-b Web Browser Control Panel, Powered by Ez-Builder</title>

</head>
<body>
<div class="page">
<!--This is the header(Jumbotron div element)-->
<div class="jumbotron">
<br>
<img src="logo1.png" alt="Custon Ez-b web control Logo" width="275" height="250">
<div class="menu">
<div class="list1">
<ul>
<li><a href="default.html">Home</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</div>
</div>

<!--Beginning of main page-->
<div class="main">
<br>
<br>
<!--Rearrange items by changing the "<DIV class=".."> element according to the positions described in the Ez-robot forum post-->

<!--This is the first Position(Left top[t1]).-->
<div class="t1">
</div>

<center>
<div class="t2">
</center>
<br></br>

<div class="t3">
</div>

<div class="b1">
</div>

<center>
<div class="b2">
<!--Movement panel. No changes here required.-->
<table style="text-align: center; vertical-align: middle;">
<tr>
<td></td>
<td><move text="^" direction="forward" /></td>
<td></td>
</tr>

<tr>
<td><move text="<" direction="left" /></td>
<td><move text="O" direction="stop" /></td>
<td><move text=">" direction="right" /></td>
</tr>

<tr>
<td></td>
<td><move text="v" direction="reverse" /></td>
<td></td>
</tr>
</table>
<br />
</div>
</center>

<div class="b3">
<p style="text-align: center;">Script starters</p>
<table>
<tbody>
<tr>
<!--This is a script element. Change the text to what you want, And change the script to either a ControlCommand to start a pre-made script,or-->
<!--paste a script into the area. The same applies to all other script buttons.-->
<td><ezscript text="Script name here">say("this is the first custom script")</ezscript></td>
<td><ezscript text="Script 2 name here">say("this is the second custom script")</ezscript></td>
<td><ezscript text="Script 3 name here">say("this is the third custom script")</ezscript></td>
</tr>
<tr>
<td><ezscript text="Script 4">say("this is a custom script")</ezscript></td>
<td><ezscript text="Script 5">say("this is a custom script")</ezscript></td>
<td><ezscript text="Script 6">say("this is a custom script")</ezscript></td>
</tr>
<tr>
<td><ezscript text="Script 7">say("this is a custom script")</ezscript></td>
<td><ezscript text="Script 8">say("this is a custom script")</ezscript></td>
<td><ezscript text="Script 9">say("this is a custom script")</ezscript></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><ezscript text="Stop All Scripts">controlcommand("script manager", scriptstopall)</ezscript></td>
<td>&nbsp;</td>
</tbody>
</table>
</div>
<br>

<br>
<br>
</div>
<p style="font-size: 14px; text-align: center;">Open sourced web page/HTML code. Use at your own risk. </p>
</body>
</html>


But it displays this:
User-inserted image


Maybe its the DIV elements?
Canada
#6  
Thank you DJ:D
Your allmost the best lol
Synthiam
#7  
I suspect your stylesheet css file has parameters for those DIV's to make them full screen. Plus some other stuff...

Start small?
#8  
Stylesheet only positions the DIV elements.

Code:

html{
background-image: url('background.png');
background-repeat:no-repeat;
background-size: cover;
}
body {
overflow-x: hidden;
}

.jumbotron img{
display: block;
margin: 0 auto;
}

.list1 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
font-size: 24px;
position: relative;
}

.list1 li {
display:inline-block;
}

.list1 a:link {
color: #fff;
background-color: #000000;
text-align: center;
padding: 6px;
text-decoration: none;
font-size: 24px;
}
.list1 a:visited {
color: #fff;
background-color: #000000;
text-align: center;
padding: 6px;
text-decoration: none;
font-size:24px;
}

.list1 a:hover {
background-color: #323232;
}

.list1 a:active {
background-color: #323232;
}

.main {
border-radius: 1em;
text-align: center;
margin-left: 40px;
margin-right: 40px;
Background-color: rgba(255, 255, 255, 0.6);
height: 1%;
overflow: hidden;
font-size: 20px;
}


.jumbotron {
height: 300px;
background-repeat: none;
background-size: cover;
border-radius: 1em;
}

.jumbotron img {
Border-radius: 1em;
Border-color: #fff;
}

.main table {
text-align: center;
}

.t1 {
float: left;
}

.t3 {
float: right;
}

.b1 {
float: left;
}

.b3 {
float: right;
text-align: center;
}
Synthiam
#9  
Lol, yes it does - which are over top of the other elements:)