ESP8266 Community Forum

- Mon Feb 29, 2016 8:17 pm #42131 Just uploaded a new build. V1.85

Added a bit of html to make the interface a bit more mobile freindly.

HTML code added was

Code: Select all<meta name="viewport" content="width=device-width, initial-scale=1.0">

You can now upload a css file with the file manager to skin the interface of the device.

The css file must be named skin.css

This will only skin the UI for pages that show the menu on them. If you wish to use the css in the interface for your programs you will have to use the css command in your program.
Picture showing using a skin below. There will probably be some one much better than me who can make a much nicer looking skin for it.

2016-02-29 20_13_12-172.16.0.195_edit.png

Example skin.css file:

Code: Select alla:link, a:visited {
border:inset 5px #000000;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright:75px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:22px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:75px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:22px;
border-top-left-radius:0px;
border-top-right-radius:75px;
border-bottom-left-radius:0px;
border-bottom-right-radius:22px;
}


a:hover, a:active {
-moz-box-shadow: 9px 7px 0px #000000;
-webkit-box-shadow: 9px 7px 0px #000000;
box-shadow: 9px 7px 0px #000000;
}

button, input[type="button"], input[type="submit"] {
border:double 2px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


select {
border:double 2px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


input {
border:double 2px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

You do not have the required permissions to view the files attached to this post.

Serial terminal in the chrome browser see https://serialTerminal.com

http://esp8266basic.com
A BASIC interpreter for your ESP

Working now on Autodrop3d. A 3d printer with automatic part ejection system. https://autodrop3d.com