I've finally revisited one of my earliest journal skins, which had many flaws, though still one of my favorite designs. The original was designed from my own gel pen journal, which I scanned up my gibberish scrawl I write like that on purpose
and made into a lovely bg for this journal.
There are a million differences between this journal and the old one. It has been pretty close to a year since I made the original, and frankly, I didn't really know much of what I was doing.
I kept the same layout, however much smaller. Now it can actually fit on your profile page! Lols! Like I said, I had no clue what I was doing. I will soon be taking down the old design. I'll put notices on that skin, so people have a chance to see that there's an updated version before I delete it.
View it Live: [link]
This journal requires basic HTML knowledge, if you need help, contact me in my journal support forum: [link]
In the HEADER
section I have 3 editable areas.
- div class="FEATURED" - This is an <A HREF> link with an <IMG> tag instead of a thumb. You will need to replace the URL in the link and the IMG SRC.
- div class="MENU" - This may look somewhat complicated, but I've made it so you replace the ##### signs with your username and all you need to do is swap in your facebook and twitter information and blog URL. I've removed all of mine, so the default is blank.
- div class="THUMBS" - This section you can place stamps/emotes and featured thumbs. The longer the text area of your journal is, the more of these you may want to add. They are there to fill in the blank space that would otherwise be left behind in long journals. You may need to change the feature thumbs for different journal lengths. For stamps, in order to remove the border around the image, use the <em> tag around your thumbs.
If you wish, you can remove any or all of those sections.
In the FOOTER
section I have the skin credit, please do not remove this. This is a free to use journal skin. However, this is not free to edit/alter or redistribute. It is not a template.
Once you have saved the journal with your header edits it's very simple. You can just type and go. I did add a few extras.
- <p> formatting - For the big first letter at the beginning of the paragraph, enclose the entire journal in the <p> tags. You can do this also at the beginning and end of each paragraph if you would like multiple big letters. This is optional, if you forget it, it doesn't matter.
- div class="CENTER" - Put this div around anything you want centered. Especially for centering thumbs.
- <em> formatting - I use this easy to remember tag for emotes. em=emotes. If you feature emotes a lot, the regular thumb styling which has a small border, may not look very good. This code removes that border.
- ol and li - A simple list and an ordered list.
- <BLOCKQUOTE> - I've finally remembered to style a blockquote! So pretty.
- <STRONG> - This one changes the font and color, which would serve well for subheaders or just bolded text that really stands out.
The thumb styling for the main text area features some mini thumbs which have an opacity fade when you mouseover them.Gallery:
I hope you enjoy the revision!Google Chrome users:
There's a fix for a minor problem with thumbs displaying huge - [link]