Layout Lounge

Account Status: All
Theme: Flexible Squares
Actions: Creating Your Own Layout: Recent Posts From This Journal
Links: Code Index

You may have recently noticed that LiveJournal has made the "Recent Posts From This Journal" available for Flexible Squares. This is what it looks like over at my journal.

The issue I discovered when it first went live was that it doesn't match my journal layout! What to do...
The solution is we have to learn to code for it. And that is what I will endevor to accomplish in this tutorial.
( Read more... )

Account Status: All
Theme: Flexible Squares
Actions: Creating Your Own Layout: Header "Navbar" Section
Links: Code Index // Position at W3Schools.com // z-index at W3Schools.com // Background & Header Images Tutorial

The links at the top of your journal are contained in the header section of your coding. This doesn't include your header image but you can put it in this section. I tend to have mine at the bottom so it is easy to find. Your header image is controlled by the coding for headerimage. These two elements will effect each other.


( Learn More... )

Account Status: All
Theme: Flexible Squares
Actions: Creating Your Own Layout: Learing some of the repeating coding...

Hi everyone. I've been working on a tutorial which is going to be about 13 parts. It is essentially building a layout and what different parts of the coding does. If you come across a part of my explanations that just doesn't make sense to you at all... feel free to comment and ask.

I want to work with an already made layout and show you some differences and how things work. The idea is going to be that hopefully you will be able to remove sections of your layout and replace it with coding from another. This would be required if you liked the look of a layout but wanted the sidebar from another.

Also, most coding options like font's, text alignment, etc can be found in the Code Index. If you don't find something there please post a comment to the Code Index and I will help you out.

First things first, if you are going to be messing with your own journal chances are it will look odd for a bit. So if you currently have a coded layout save it. Copy the coding. Open a Notepad Text File. Paste it into the text file and make sure Word Wrap is off. Then save it. I tend to save mine as sireesanwar03-15-2015. That way I know it was for my personal journal and what the last date was that I used it. I always save my old codes in case I want to go back to them OR I mess something up and want to go back. This will also enable you to stop working in the middle of the new coding, save it in a similar manner and reinsert your old coding so if you have to stop for the day you journal is still readable.

( Read more... )

Account Status: All
Theme: At least Flexible Squares maybe more....
Actions: Random Numbers on Sidebar

I don't know what LJ is doing but they are making all sorts of issues. As you can see there are numbers popping up on this sidebar. I've never encountered this before but suddenly there they are.

What they are is essentially numbering for a list. It is a long explaination but your links and tags are essentially a bulleted list that has been customized with coding by LJ and layout makers. Now numbers are showing up.

In your coding you might see something like this:
.sbarbody2, li.sbaritem2 { padding: 5px; margin: 0px 0px 0 10px; font-family: "Abel", arial, sans-serif; font-size: 14px !important; text-transform: lowercase; text-align: left; } .sbarbody { margin:0; padding: 5px; padding-bottom: 5px; }

( Read more... )

Pass the word on by reposting this message....