ScotchBonnet
Scotchsour's Place for Layouts, Codes, Icons, Mood Themes...
Previous Entry
For Paid/Permanant Users using a Theme Layer 
Next Entry
5th-Dec-2007 08:27 pm
This is for (A Dear Diary Layout) codes
Layouts: [Baroque - Pink and Grey - Green and White]



Create Theme Layer
Tutorial by [info]carriep63:
Creating a theme layer (using Livejournal new customize journal area)
Tutorials by [info]scotchosur:
Creating a Theme Layer (for InsaneJournal users)

Note:
You will have also created a user layer automatically because of the css. In editing theme and user layer place on top instead:

Under Theme
Replace
layerinfo "type" = "theme";
layerinfo "name" = "";

With This
layerinfo "type" = "theme";
layerinfo "name" = "Baroque";

Under User
Replace
layerinfo "type" = "user";
layerinfo "name" = "Auto-generated Customizations";

With This
layerinfo "type" = "user";
layerinfo "name" = "Baroque";

Believe me, this is a simple way if you redesign your journal a lot with custom layers.

Add these into theme layer

Taken from: Original Source
Mood Icon to Left of Metadata





Taken from: Original Source
Multi-Layer Tags


Note: See all Tags on Sidebar:

The tags verical scroll, just remove this out of Multi-Layer Tags code:
/* Vertical Scroll */
/* Need to shrink the list width to prevent horizontal scrollbar in Firefox. */
/* Note this won't prevent it if your tags are super long, it will only */
/* prevent it from displaying unnecessarily. For the pleasure of IE users */
/* you can also colour any resulting scrollbars as you desire. */
ul.tagList {
width: 70%;
}
.tagBox {
height: 200px;
overflow: auto;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #930000;
scrollbar-face-color: #930000;
scrollbar-highlight-color: #cb7575;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #930000;
}



Extracted from [info]babyelefant
To add a custom textbox, just add this into the Multi-Layer Tags code:




After this:

Page::lay_print_custom_paraphernalia() {


Before this:

    var string id      = "";
    var string header  = "";
    var string content = "";


Want to change the title of the textbox, simply replace CustomText with the name you've chosen.

Extracted from [info]babyelefant
To change the position on the sidebar such as tags below the links, just add this into the Theme code:



This is the natural order for this Dear Diary sidebar but to rearrange, simply changing the paraphernalias in the position where you want it. And Save.
cold
Comments 
4th-Feb-2008 04:39 am (UTC)
Anonymous
Thank you so much! I hope to keep this layout for a long, long time, but I can't wait to see what you come up with next. I may have a few other lesser used journals hanging around in need of TEH PURTY. LOL. Though, those aren't paid accounts, so not quite as flexible.

You're wonderful. *smishes*

Tracy
Code by masterslacker. Fiddled by userinfoscotchsour. This page was loaded on Mar 28th 2024, 9:42 pm GMT.