Visual Wit

I've decided to try and build some sort of layout FAQ post. It'll be edited/updated as the questions keep coming.

→ How to Credit:

- Please credit me in your profile/sidebar/public entry.

layout by visualwit
layout by <lj user="visualwit">
-Copy the above text into your blurb/profile.

→ Requests:

- I don't do requests, as I have no real time commitment for them. I will occasionally ask for suggestions, but again, it's at my discretion.

→ How to install a LiveJournal based layout:

- Here's a great tutorial by antagonist if you're interested in importing a stylesheet.
- The LiveJournal version of this site is at visualwit. Layouts can be found under their tag here.

→ How to install a layout (Tabula Rasa)

- Select Journal Style
- Select any Tabula Rasa style layout.
- Then select "2 Column (sidebar on right)". This is important. Repeat this step if the layout's sidebar looks off.
- Go to Custom CSS and uncheck the "Use layout's stylesheet(s)" option.
- Paste code in 'Custom Stylesheet' text box

→ How to install a layout (Transmogrified):

- Select Journal Style
- Select any Transmogrified style layout.
- Go to Custom CSS and uncheck the "Use layout's stylesheet(s)" option.
- Paste code in 'Custom Stylesheet' text box

→ Can I edit the stylesheet?

- Certainly!

→ How to customize links on the sidebar:

- Customize here.

→ How to change colors:

- Color codes look like this: "#948664". Replace this 6 digit hex-code with the code of your choice.
- I highly recommend the "FIND & REPLACE" function as you do this.
- HERE are some hex-codes for some commonly used colors.

→ How to add a header (Tabula Rasa):

- Paste this code :

#canvas {
padding-top: HEADER_IMAGE_HEIGHTpx;
background-image: url('YOURIMAGEURLHERE');
background-repeat: no-repeat;
background-position: center top;
}

- Edit accordingly.
- Keep in mind that I do NOT test headers on my layouts. This is primarily because I like leaving the layout as customizable as possible. You're always free to add a header (and I'll warn you otherwise (e.g., pattern based layouts where the layout is the header image).

→ How to add rounded corners to certain elements of your DW page:

- Does not work in Internet Explorer, as far as I know. I've personally tested it in Firefox but it may work in other browsers:

-webkit-border-radius: 000px;
-moz-border-radius: 000px;

→ Other Resources:

- You may also post to style_system for questions on editing/modifying your layout.

- I'm a Firefox convert. Get it.