Since it was a little empty, this little 405 by 205 pixel area was used for Shanghai Doll's tagboard although you could use
it for a lot more things like a really long intro, affiliate links, network links, quick updates, etc or you could take it
out. Just pop upen the CSS and look for #intro and take that whole line out as well as this div.
Thank you
For deciding to preview
Synthesis. If you've ever been to Shanghai Doll before, then you know this was SD's second
layout. If not, you know now. In truth, I've never been terribly fond of this layout due to the colors I picked for the CSS.
Lightly modified for visitor use, this CSS based DIV layout was made in Adobe Photoshop
Elements 3.0. Featured is Kururu Sumeragi from the animanga Air Gear by Oh! Great. The image is from
Mangashare and Air Gear chapter 105. Unlike my usual layouts,
this one uses the spiral brush set from
Aethereality
and the tape brush set from
Ewanism. Code-wise,
this layout is also very similar to the first premade in SD's layout section,
Deaf to All but the Night Song.
How to
This is just a basic guide that assumes that you know some basic HTML but don't quite know how to go about editing things.
If you need additional help, try Googling
How to Use a Premade HTML Layout or something more specific to
your needs.
- Download and unzip
- Open index.html to edit this page. Additioal pages are made using Save As instead of Save.
- The effect acheived in the content area will be explained below
- Upload all files to your host's server
As you've noticed, the content is arranged with boxes. This is acheived using the following code. I suggest you use it, the
layout isn't as pretty without it.
This is the header,the white text above each box
Your content would go here.
Use this code for every section e.g. the introduction, updates, credits, etc. If this makes no sense, simply take a look at
the source. Remember, this only applies to the content, not the navigation.
Misc.
Important Text Slanty Slanty Underlined Stuff Marked Out Things Add Little Notes
Blockquote:
Blocky blocky blocky
Quote quote quote
Credits