wizardnamedoz (wizardnamedoz) wrote in rpglayouts, @ 2010-08-23 17:25:00 |
|
|||
Entry tags: | journal layouts |
[journal layout] roses not red
F A Q S. | |
name: | Roses Not Red |
tested viewing: | FireFox 3.6 & IE 8/screen resolution of 1024x768 or greater [note: boxes will not be rounded & shadowed in IE] |
style: | S2 Bloggish - no theme, 2 column |
header: | 710px width [optional] |
live preview: | scaredofrabbits @ insanejournal |
I N S T R U C T I O N S. | |
insanejournal: |
1. Go to Customize Journal 2. Select S2 under Style System, then click Save 3. Go to Look and Feel (the second tab) 4. Select Bloggish under Layout & Language 5. Select (none) under Themes, click Save again 6. Go to Custom Options (the third tab) 7. Select Two Column (Sidebar Left) under Layout Type 8. Copy/Paste the css code (below) into the Custom Stylesheet textbook at the bottom of the Custom Options tab 9. Click Save & voila! |
C O D E. | |
css stylesheet by adel, sporkingly@gmail.com: |
M O D I F I C A T I O N S. | |||||||||||
color schemes: |
| ||||||||||
backgrounds: |
| ||||||||||
header: |
1. To add a head, edit the following in the code: #banner { background-image: url('URL HERE'); height: NUMBERpx; margin: 5px auto 15px 120px; width: 710px; } 2. Replace URL HERE in background-image: url('URL HERE'); with the full address of your header image 3. Replace NUMBER in height: NUMBERpx; with the numerical number of the height of your header image. If you really want to modify it... you can change the width, but you have to counter act it by changing the 120px in the margin accordingly. |
E X A M P L E S. | |
journals @ work: |