?

Log in

 
 
20 August 2015 @ 05:02 pm
95. Clean Slate (2 variations)  
Layout Style: S2 Flexible Squares
Features: Embedded Fonts, Sidebar on Top
Layout Width: 1000px


Sidebar on Top { Preview } { Live }
Sidebar on side { Preview } { Live }
Credit:
layout_lounge


Theme and Layout Change Tutorial

All embedded in coding from Google Fonts

Sidebar on the Side - no header


Sidebar on Top no header image



Additional Layout Directions: Adding A Header image

  1. Currently this layout is not set up for a Header Image. However you can add on by putting the link in the .headerimage section. You should change the height in that section to the same height as your image. This will make your header overly your journal. Follow the directions below to change that...

  2. First find the .maincontent coding. Currently it has a padding of 45px on top. If you image is 300px in height then you will want to add 300px to this 45px padding for a total of 345px. If you image is a height of 250px then your total top padding would be 295px and so on.

  3. Then find your .sidebar coding. In this you will see the margin-top is set to the same 45px. The same idea applies. If you image is 300px in height add 300px to 45px for 345px.


Helpful Tutorials:

  1. Common Issues

  2. Theme and Layout Change Tutorial

  3. Image Tutorial: Adding Background & Header Images in Coding

  4. Sidebar: What I Do and Do NOT Want On It

  5. LJ Advertisements: What is that weird box on my LJ?


More Images:
More Headers: Layout Lounge: Headers
More Background Images: Layout Lounge Site
More Tiny Icons: Layout Lounge Site

RULES:
No Hotlinking Images #4 under general
Header can be changed
Background image can be changed or removed.
Credit Necessary.

Having Trouble? Try:
Theme and Layout Change Tutorial or Helpful Hints
If that didn't work. Comment Below with example if possible.
 
 
 
yuzaya_twinsakihalim92 on March 7th, 2016 11:05 am (UTC)
Help
Hi, I'm using this currently but I have a problem.
When I bold a text, it turns green and if I place a color, it's not that color but instead another color.
Can u help?
Jill aka Josireesanwar on March 9th, 2016 07:15 pm (UTC)
Re: Help
Yes, towards the beginning of the coding you'll find

b, strong { color: #298779; }
i, em { color: #D6002E; }
u { color: #2F6E8A; }
s, strike { color: #F6A000; }
q { font-style: italic; color: #D6002E; }

These codes make text that is bold, italics, underlined, strikethrough and quotes different colors. You can delete them or change them as you like.