Tuesday, October 8, 2013

Funny layout!

Dear Mind Readers,
I just had the thought: What does this code do? "<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#header {
background-color:orange;border:outset;text-align:center;
}
#menu {
background-color:yellow;height:400px;width:150px;float:left;text-align:center;border:outset;
}
#content {
background-color:green;height:400px;width:400;text-align:left;border:outset;
}
#footer {
background-color:orange;text-align:center; height:40px;border:outset;
}
</style>
</head>

<body>
<div id="container" style=" width:500 px;">

<div id="header">
<form>
<br>
<input type="text" value="Main Title" name="siteTitle" style="font-family:veranda; font-size:30px; margin-bottom:0;">
</form> Welcome, this is a simple website concept creation page.
<br>
</div>

<div id="menu">
<br>
<input type="text" value="Page1" name="Page1" style="font-family:veranda; ">
<br>
<input type="text" value="Page2" name="Pagee2" style="font-family:veranda; ">
<br>
<input type="text" value="Page3" name="Page3" style="font-family:veranda; ">
</div>

<div id="content">
<br>
<textarea rows="10" cols="40" style="background-color:green; border:outset;">This is where content such as text is displayed. (You can re-size this text area by dragging the bottom right corner.)</textarea>
</div>

<div id="footer">
<input type="text" value="Footer Content" name="FooterContent" style="font-family:veranda; font-size:20px;">
</div>
</div>
</body>
</html>"


And tried it out and IT DOES THIS !!!:
(actually I wrote it)

Friday, October 4, 2013

It's back!

Dear Mind readers,
It's back! The one and only Google App Inventor! It was shut down for a while but now it's been restored.

                             Check it out: