This skin has been tested with:
Firefox, Explorer, Safari, Opera, Chrome
Fav if you use!——————————————————————
▫ For info about what you can and cannot do,
visit my FAQ. Still unsure? Note me.
LIVE PREVIEW and INFO: fav.me/d4bp1cz
FAQ #62: How do I use Journal skins?
How to add a question?
Copy/Paste the following code (make sure to be in html mode)
<div class="question"> Add question here
<div class="answer"> Add answer here
Had this journal skin uploaded on a different account, but I'm moving some of the skins to this one.
Slightly modified since the first upload.
If you have any questions, don't hesitate to ask!
2011-11-04: Fixed the answer box that looked messed up if using Safari and Chrome
These days I don't use any tutorials etc when I make a skin, but I might as well thank everyone here on deviantart who ever made a CSS tutorial. It's very possible that I've read it when I first started. Especially ginkgografix for her more than amazing tutorials and references. Now I mainly go here when there's something I need or just play around until I find what I'm looking for.
I'm trying to use this journal for my Commission work info, but I can't seem to get it....
There is a little extra coding that needs to go into the journal to make the boxes work.
For context as I explain, click here.
Since this skin was designed for an FAQ, you have a question box and an answer box. (I know they're not actually separate boxes, but for the sake of coding, we're going to treat them as such.)
My journal has five question boxes visible at all times. (They're all numbered as well for convenience.) When you mouse over them, they open and any information that appears during the mouse-over phase is inside the answer box.
To open a question box in your own journal, simply go to the beginning of your question in edit mode and add < div class="question" > (without the spaces between the <>) then close the div at the end of it. You do this by typing < /div > (Again, no spaces.)
So, if you set this journal skin to your default, you can test that code by opening the div, typing your question, then closing it.
If you want to include an "answer" (that is, if you want something to show up when you mouse over the question), you go to the beginning of your answer and open the div with the same code, but instead of typing "question", you type "answer", then close it at the end.
When all is said and done, it should look something like this. (I included extra divs to center my text, but you don't have to. Note that for every open div, there is a closed one.)
That's section #1. of the journal I linked to you.
As for changes I made, I got rid of the borders/glow upon mouse-over, changed out the text (remember: I'm not using it as an FAQ, so I didn't need to tell people to hover over answers), changed the transparency a bit on the text under my journal title, and changed the font. I also added code for centering, bolding, etc. and images to the journal, but those things aren't exclusive to the skin itself, so...
If you want a point of comparison, here is what the original layout looked like.
Hope this helps!
You actually open the question div, type your question, open the answer div, type your answer, then close both divs at the end.
I think that'll fix your problem.
(Sorry for randomness, my brain is tired x_x)
Think you could type it in manually for now and I'll fix it when I get home later? Or you can copy the text from the live preview journal - it should work afaik
It's working for me, but I want to make sure since it was working for me last time as well
I always use the html mode, so I'm not really sure how the rich text one acts, hehe.
That's great! Thank you so much for checking it for me. I really appreciate it
That credit is just there to...ehm well...BE there Sometimes the credit line, at the bottom of the journal - added by dA, doesn't show up for whatever reason
I could've sworn that I saw a tutorial for this uploaded like a year ago, but now I can't find it
Thank you for asking, I really appreciate it
In the stashwriter bar, you'll find "edit", click "switch to html mode" and type in the codes + the text you want.
You need to manually type the codes.
You've closed the <div class="question"> with </div> too soon. That code need to include the <div class="answer"> to make it pop up.
From your journal:
The correct code for it would be:
Do you see the difference?