I would like to thank babyelefant for the last minute help to get this layout working properly. Preview of Baroque Layout [ Click Here for Preview] Details Instructions
How to Style? (using the InsaneJournal customize journal area) |
1. In insanejournal's navigational menu, go to journal > customize journal or press the link. |
1a. The first page you see is Journal Display that shows four tabs. The first is highlighted as Basics. Look below for Style System and make sure the radio button is highlighted for: S2 - For users who don't know HTML or CSS, or make only minor alterations. |
2. 2. Press Tab for Custom Options. You can either scroll down or press Custom CSS in the Selection area. |
3. Look for : Use layout's stylesheet(s) and say No. In the Custom external stylesheet URL You leave blank. |
4. Look for : Custom stylesheet and copy/paste Baroque's stylesheet. |
5. Save Changes. |
6. It will save and look for : "Your settings have been saved. View your Journal." |
7. Go view Journal. |
8. You're Done. |
9. Thank you for trying this layout. |
Instructions
How to Style? (using the LiveJournal new customize journal area) |
1. In livejournal's navigational menu, go to journal > customize journal or press the link.
|
1a. The first page you see is Journal Display that shows four tabs. The first is highlighted as Basics. Look below for Style System and make sure the radio button is highlighted for: S2 - For users who don't know HTML or CSS, or make only minor alterations. |
2. Under (2. Select a New Theme), go the search box and type dear diary. Once the layouts appear go to the bottom and in the drop down choose (all). |
3. Find and press (apply theme) to "striking by martin atkins" and then press (customize). |
4. Under (customize your theme), press custom css. |
5. Under custom css > page > where it states: ("Use layout's "Base Weblog" stylesheet") say no. In the Custom external stylesheet URL You leave blank. |
6. Add the css into the custom stylesheet textarea. |
7. Press "save changes". |
8. In the blue box where it says your current theme, press on your journal's name. |
9. You're Done. |
10. Thank you for trying this layout. |
Extras CSS Code
InsaneJournal Cascading Style Sheet |
|
LiveJournal Cascading Style Sheet |
| *Remember, the Cascading Style Sheets only have the name of the images but no direct address to show them in your journal. You must upload them to a server or file storage and replace them into the css to get them to work.* For Paid/Permanent AccountsIf you wish to have tags, extra textbox and metadata function to work in your journal, please click here for code. ImagesIf using, please don't hotlink. Upload to another storage online, try photobucket or imageshack. Optional the zip file includes: a html file with css and images. Note: The link will go to Megaupload. There is a 45 second wait to non-members. CreditIf you keep the image in the layout (logo), then it isn't necessary to have a link in the sidebar. However, if you wish to remove the the image then I would appreciate it. QuestionsIf you have questions, please ask in comments. I'll try to get to you. If you are not part of InsaneJournal, please leave a name so I'll at least know who you are. :) NoteIf you see a staggered gradation in the images in your layout, which might result from your computer saving the images as .bmp only, I learned from carriep63 that it is most likely due to the need to clean out your temporary internet files. | |
|
The LJ version? Really? There are certain things different I noticed between IJ and LJ to get this layout to work. The images that weren't under mini images for example has images pointing to IJ server, so using the LJ version won't show them.
The reason you kept receiving a proxy error because I wanted to stuff this layout with so much without using a paid/permanent account that I had exceeded the space allow for css. I reduce as much as possible to make it work so I don't know why it doing it now but if you want to try again:
1. add back a line of css under mini images one by one and see where it starts giving you an error.
2. remove small space such as:
.entryposter img[src="http://www.insanejournal.com/i
img[src="http://stat.livejournal.com/im
background:url(16-member.png);
}
<.... see this space- remove it...>
.ljuser img, .entryicon img{
padding: 14px 16px 0 0 !important;
background-color:transparent;
width: 0;
height: 0;
background-repeat: no-repeat;
}
if that doesn't work try smooshing
ex:
a,a:hover {
color: #9E0000;
text-decoration: none;
}
to
a,a:hover {color: #9E0000; text-decoration: none;}
Tell me if this helped.