HOME | DD
moonfreak — Spiral Notebook Journal Skin
Published: 2009-06-10 04:42:54 +0000 UTC; Views: 22896; Favourites: 520; Downloads: 3436
Redirect to original
Description
Spiral Notebook Journal Skin by =moonfreakLIVE PREVIEW
Note: You must be a premium member to use journal skins.
Features:
Works in Firefox 3, Opera 9, Apple Safari 4, Google Chrome, and Internet Explorer 8 with minimal loss of rounded corners/hover effects. Can be used with no HTML (though in order to get the spiral notebook spine you must use it). Sidebar, titles, and thumb effects.HTML:
You must use none or both the content and the sidebar. All HTML goes in the Content: section. Titles are completely optional.
and have my permission to post this in their galleries.
Free CSS Request Information: [link]
Related content
Comments: 125
This journal skin it very nice, I will install it on my profile page.
👍: 0 ⏩: 0
Nicee.
Using it for the free trial of skins us non-subbies are getting xD
👍: 0 ⏩: 0
Use the codes in the Artist's Comments.
👍: 0 ⏩: 1
I may have figured out why its not working right. In the artist's comment where you put all the codes it says " 👍: 0 ⏩: 1
Wow I'm intelligent. /sarcasm Thank you; I'll fix that.
👍: 0 ⏩: 1
You're welcome, and thank you for making this wonderful code. It's quite beautiful.
I also had an issue with the sidebar area, which I see other people had trouble with.
For me it only works if I put the sidebar outside of the "content" area.
👍: 0 ⏩: 1
What content area are you talking about? If you're using the sidebar the code should look like this:
👍: 0 ⏩: 1
Yea. At first I thought it was supposed to be
MAIN JOURNAL HERE
But that's cuz I fail at life.
👍: 0 ⏩: 1
i'm having trouble doing the titles!
they won't work when i'm putting the code in the exact way...
do you know the problem?
by the way this is great!
👍: 0 ⏩: 2
You need to put "
👍: 0 ⏩: 1
I don't know what could be going wrong. What do they look like when you try it?
👍: 0 ⏩: 1
the code is just there. nothing else.
but it's okay!
i don't really need a title anyway!
👍: 0 ⏩: 0
wha .w. i'm so bad with html codes T^T i cant put the sidebar xDU
👍: 0 ⏩: 1
Just copy and paste the code from the Artist's Comments and you should be fine.
👍: 0 ⏩: 1
i copied it in the html section but didn't work, maybe i copied it in the wrong place T_TU
👍: 0 ⏩: 1
You have to use the content section as well if you use the side bar. Just paste them one after another in the main journal section.
👍: 0 ⏩: 0
how do u put the stamps on the sidebar?
👍: 0 ⏩: 1
Copy the :thumb###: code from the bottom of the Artist's Comments and paste it into the sidebar.
👍: 0 ⏩: 1
how do u know where to put it?
👍: 0 ⏩: 1
You put it in the "Content of Sidebar Here" section using the HTML provided in the Artist's Comments.
👍: 0 ⏩: 1
im totally using this :3
my old deep blue one made ppl feel like they were drowning xD
👍: 0 ⏩: 0
I liked that this was clean and simple, and I collect spiral notebooks for my scribbles and stories IRL, too. This just fits my style. Thank you.
👍: 0 ⏩: 0
Oooo! I'll use this, and stick with it! Awesome dude! ^^ Great job!
👍: 0 ⏩: 1
Yes we (club members and founder) do.
If you won't mind answering this one question. I was trying to modify it. I was trying to put a scrollbar in (newbie to css), but can't figure how to keep it on the left side and not in the center. How do I do that, if its not too much to ask?
👍: 0 ⏩: 1
I don't quite understand your question...
👍: 0 ⏩: 1
I do apologize for not being clear. This time I'll try to put it simple. I'm not trying to be rude to you by doing that. I actually reread what I sent and I don't blame you for not getting it. I didn't even get it.
Your skin is of a notebook. It has 2 pages that you can write/post things on.
When I put the code in for the scrollbar/box, then previewed it, (at the location that I wanted it at)it was centered on the page. What I mean is that the entire scrollbar/box was covering both of the notebook pages, including the spiral img. Do you know how to keep the scrollbar/box on one side of the notebook so it still looks like a spiral notebook?
👍: 0 ⏩: 1
Because of the way that the image for the spiral is coded you have to make a new class in order to get a scroll box. Add the following to the CSS (you can change the height to whatever you like):
.scrollbox {
height:300px;
overflow:auto;
padding:5px;
}
And then in the entry, it will look like this:
If you have any problems with that please tell me, because I just wrote that off the top of my head. It should work though.
👍: 0 ⏩: 1
nope didn't work, but .textbox did. found that on another site, but i don't like it much. will have to do till i can figure the scrollbox thing out.
👍: 0 ⏩: 1
I'll have to check it out when I get back from vacation.
👍: 0 ⏩: 1
okay. till then and enjoy your vacation.
👍: 0 ⏩: 0
Hiya, I just wanted to let you know that I used your wonderful Journal Skin on my page. Thank you for all the hard work that you put into it! It looks great!
👍: 0 ⏩: 1
Using your awesome journal layout here [link] I love it!
👍: 0 ⏩: 1
Where do i put in the HTML? I'm still a bit confuse.
I tried almost everything, it bunch up together. Please help ;_;
👍: 0 ⏩: 1
When you open up a new journal entry you put the HTML in the "Content" section below the title. It should look like this:
If you are using a title in the main content section it will look like this:
👍: 0 ⏩: 1
| Next =>