At DeviantLives you have a lot of artistic freedom on the design of your room door. You can use a combination of HTML, CSS, and JavaScript to enhance the look and feel of your room door.
Lets start with some basics by providing a template for a simple room door where we add
- Background color
- Font color
- A picture (centered)
- A title (Centered)
- Some Text (Centered)
<html> <head> <style> body { background-color:black; /*background color for the entire page*/ color:white; /*font color for the entire page*/ } h1 { color:red; /*font color for the Heading*/ font-weight:bold; /*Making the Heading bold*/ } </style> </head> <body> <center> <!-- In this case I want everything centered --> <h1> My Room Name or anything you want for this top line/heading. Or simply remove this. </h1> <!-- I may want an image or so --> <br><img src="[Some image URL here]" /> <br><br><span>Here is some text and here are some rules for my room</span> <span>
<br><br><br> Rule 1
<br> Rule 2
</span>
</center>
</body>
</html>
This should get you started. Here is an example of this code being used: Exp Lab
