This recipe shows you how to use a custom background in your app.
Copy the full code of this recipe from the code/10/custom-background
source folder. You can launch this code using the URL: http://localhost:8080/10/custom-background/main.html
.
Create
main.html
and define theorangebar
andorangebody
classes in the<head>
section, as follows:<style> .orangebar { border: 1px solid #e3b264; background: #f7e0bb; color: #000; text-shadow: 0 1px 0 #bfbfbf; background-image: -webkit-gradient(linear, left top, left bottom, from( #f7e0bb ), to( #f7bd5e )); background-image: -webkit-linear-gradient( #f7e0bb , #f7bd5e ); background-image: -moz-linear-gradient( #f7e0bb , #f7bd5e ); background-image: -ms-linear-gradient( #f7e0bb , #f7bd5e ); background-image: -o-linear-gradient( #f7e0bb , #f7bd5e ); background-image: linear-gradient( #f7e0bb , #f7bd5e ); ...