|
|
| (23 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <div id="notice" style="background-color: #f2adad; padding: 2px; border: 3px #b15959 solid; margin-bottom: 30px;">Under construction.</div> | + | <div id="content" style="width: 600px; margin-left: auto; margin-right: auto; background-color: #cfffbe; border: 5px #6eac68 solid; "> |
| − | <div id="header" style="width: 100%; text-align: center; font-size: 70px;">AoPS Blog CSS Tutorial</div>
| + | <h1 style="font-family: 'ITC Avant Garde Gothic Std','URW Gothic L','Century Gothic','Avant Garde','Trebuchet MS',sans-serif; margin-left: 10px;"> Dojo's Wiki</h1> |
| − | <div style="font-size: 20px; text-align: center; width: 100%; margin-top: 40px;">Written By Dojo</div> | + | <div id="inner" style="width: 500px; margin-left: auto; margin-right: auto;"> |
| − | <br />
| + | Please visit my website: [http://www.dgkim.com dgkim.com] |
| − | <br />
| + | </div> |
| − | <div id="part_header" style="width: 100%; text-align: center; font-size: 30px;">Part 1</div> | |
| − | <br />
| |
| − | <div id="info">
| |
| − | This is part one of AoPS blog CSS customization. It is about setting up the blog so it can be edited. First, the browser that is most suited to (and basically required for my methods) web development like this is Opera. You should download Opera (if you can) and use it for your web development.
| |
| − | <br />
| |
| − | <br />
| |
| − | Now, open up a blog that seems to have little to no custom CSS. In this example, I will use Hurdler's blog.
| |
| − | <br />
| |
| − | <br />
| |
| − | [[File:Screen1.png]]
| |
| − | <br />
| |
| − | <br />
| |
| − | Right click, view source. Now you should see:
| |
| − | <br />
| |
| − | <br />
| |
| − | [[File:Screen2.png]]
| |
| − | <br /> | |
| − | <br />
| |
| − | Remove the line that says:
| |
| | </div> | | </div> |
