ScotchBonnet
Scotchsour's Place for Layouts, Codes, Icons, Mood Themes...
Previous Entry
Layout .01 - S2 Dear Diary : Baroque 
Next Entry
5th-Dec-2007 08:18 pm
I would like to thank [info]babyelefant for the last minute help to get this layout working properly.




Preview of Baroque Layout
[Click Here for Preview]




Press for bigger size of Baroque Layout


Details
layout available: two-column-left
custom colors : in stylesheet
best view: : 1024x768 or higher
browser checked : Firefox, Internet Explorer
works with : Free, Paid, Nav Bar (Unknown with Plus)
available at : http://asylums.insanejournal.com/scotchbonnet/
based design on : http://www.freecsstemplates.org/ornate
images used : sweetie, famfamfam, pdphoto, freecsstemplates



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
Implement CCS into Theme Layer
(Paid/Permanent Users)
If I offer a theme layer, follow any of the links below on how to implement into any of mine into your journal. Thank you.
[info]s2bloggish Tutorials by [info]carriep63:
1. Creating a Theme Layer(using Livejournal new customized area)
2. Using CSS with a Theme Layer
[info]scotchbonnet Tutorials by [info]scotchosur:
1. Creating a Theme Layer(for InsaneJournal users)
2. Create a Style(Coming Later...)



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 Accounts
If you wish to have tags, extra textbox and metadata function to work in your journal, please click here for code.

Images
If using, please don't hotlink. Upload to another storage online, try photobucket or imageshack.

On each image link, right click [Save target as] or [Save Link as] to your computer (downloading) then upload them to a server or personal storage to use.


Main Images
banner | logo | calendar flower | entry flower | bullet | sidebar container image | sidebar container top image | background body image

Mini Images
lj user image | lj community image | newspaper image | privacy image : friends lock | privacy image | previous | memories | tell a friend | edit tags | edit entry | next | track | screen | unscreen | disconnect |freeze | delete




Optional
download baroque 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.


Credit
If 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.

Questions
If 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. :)


Note
If 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 [info]carriep63 that it is most likely due to the need to clean out your temporary internet files.
amused
Comments 
14th-Mar-2009 07:13 pm (UTC) - Re: Navigation
Thank you, it still is my best seller. :)

For Navigation, you can add by going to your customize journal section : http://www.insanejournal.com/customize/options.bml

then under the tab Custom Options
look for Number of journal entries to show on recent entries page

you can change the number such as if you have 5 journal entries so you set the number as 4 it will show what you see in preview journal or simply create twenty-one entries and see the similar effect.

For adding links go here : http://www.insanejournal.com/manage/links.bml

and follow directions. Hope that answers your questions.
Code by masterslacker. Fiddled by userinfoscotchsour. This page was loaded on Mar 29th 2024, 7:33 am GMT.