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 
3rd-Feb-2008 11:46 pm (UTC)
Anonymous
Heee! tru_faith_lost again! I ♥ you soooo much! Squee! I was gonna ask you a really stupid question about where I type the text in that I want to show up in the box, but heheh, my blonde hair isn't as much of a handicap as you'd think. I totally figured it out. Though, at the moment it still says Text in Baroque, lol. I have to come back and put my fun stuff in there.

As for the dark filigree, I don't see it on your preview or on the individual images that you loaded to photobucket. I only see it in the screenshot of the layout you have on photobucket. Is that my browser? And I see you have the zip file available. If I download that will those images have the dark filigree or are they the same images I already have?
4th-Feb-2008 12:23 am (UTC)
Anonymous
Okay, so the strangest thing. I downloaded the zip file, and when I opened them on my comp they definitely had the dark filigree, but when I uploaded them to photobucket, the filigree disappeared. I have a feeling it's because they are .gif images. I'm never happy with anything I upload as .jpg or .gif because they never look the same once they're uploaded. I usually use .png for everything, but that could just be my slow connection.

Also, the inside image for the sidebar boxes was a nice smooth gradient in the image I downloaded but had even more of the variegated look to it after I uploaded it than the original image I uploaded. I think I'll leave them the way they are for now. LOL.
4th-Feb-2008 12:44 am (UTC)
Well, if you ever want the images in .png, just ask. You were kind enough to test and help me put in the extra bits I didn't think of. Like textboxes and zip file. So I'll return the favor. In the meantime, I am almost done with another layout which I adore at the moment. :)
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
4th-Mar-2008 05:36 am (UTC)
Anonymous
This layout is very beautiful, using it for a week already and quite content with it.
I have a problem though: I have no idea where to add code for tags. I’m new to all this stuff (always used layouts that LJ offers) and I tried to stick the code to different places, but every time my LJ looked messed up.

~NorN
21st-Mar-2008 04:11 am (UTC)
Code for tags are placed in the theme layer.
8th-Apr-2008 09:23 pm (UTC) - Question.
Greetings. I'm using this layout and I just love it, but for some strange reason, I can't get the tags code to work. I do have a paid account, but every time I paste the information given for the tags code, the browser refuses to save.

I've tried it both on my work computer and my home machine, but still no result. Is there a specific place we're supposed to paste it? Currently I have it at the end of the override coding in the CSS box.

One other thing, the first info box (on the left) and the credit image (Scotchbonnet Design) both cut into the entry box border. Is there a command I'm missing, or something that needs to be tweaked in the stylesheet?

Thanks for the help! And the layout's gorgeous. I love it muchly.
18th-Apr-2008 04:57 am (UTC) - Re: Question.
Sorry about the long wait but RL has me busy as a bee.

Let's see.

I've tried it both on my work computer and my home machine, but still no result. Is there a specific place we're supposed to paste it? Currently I have it at the end of the override coding in the CSS box.

You did create a theme layer? (Just making sure the bases are covered.) Because this post is for functions using a theme layer, not the CSS box. If you need to learn how to create a theme layer, check at the top of my post.

One other thing, the first info box (on the left) and the credit image (Scotchbonnet Design) both cut into the entry box border. Is there a command I'm missing, or something that needs to be tweaked in the stylesheet?

Are you seeing this in FF or IE7? I think I designed it so it looked the same in both, I think it would pass IE6 but it been a while since I had it on my computer so I'm not sure.

If it still a problem post an image and I'll try to help.
18th-Apr-2008 03:51 pm (UTC) - Re: Question.
Anonymous
I figured out the tags issue; your tutorial was very helpful. Thanks for posting it.

And at work I'm currently using IE 6. It's not really noticible unless one looks for it, so I think I can live with it, honestly.
18th-Apr-2008 04:59 am (UTC) - Re: Question.
Thanks for the help! And the layout's gorgeous. I love it muchly.

Oh, thanks. I glad you are enjoying it. :)

Question: where are the tops of sideboxes?
18th-Apr-2008 05:03 pm (UTC) - Re: Question.
I have some shots for you.

Top of the sidebar. (http://i19.photobucket.com/albums/b185/sibilantmacabre/Misc/topofsidebar.jpg)
Bottom of sidebar. (http://i19.photobucket.com/albums/b185/sibilantmacabre/Misc/bottomofsidebar.jpg)

Code by masterslacker. Fiddled by userinfoscotchsour. This page was loaded on Jul 22nd 2018, 11:55 pm GMT.