Shop Mobile More Submit  Join Login
Journal for FAQ by pjuk Journal for FAQ by pjuk
Gallery | FAQ and Terms of Use | Commissions

:bulletred: This skin has been tested with:
Firefox, Explorer, Safari, Opera, Chrome

Fav if you use! :dummy:

——————————————————————
▫ 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
</div></div>




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!


:bulletred: Edits
2011-11-04: Fixed the answer box that looked messed up if using Safari and Chrome

:bulletred: Credits
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.
Add a Comment:
 

Daily Deviation

Given 2013-03-01
Journal for FAQ by =pjuk

deviantART Related / deviantART Skins & Scripts / Journal & Gallery Skins / Installable Journal Skins ( Suggested by namenotrequired and Featured by bradleysays )
:icondongfairy:
dongfairy Featured By Owner Jun 21, 2015  Hobbyist General Artist
I HAVE BEEN WAITING FOR THIS 
AHHH THANK YOU
Reply
:iconsp0ttish:
Sp0ttish Featured By Owner Jun 15, 2015  Hobbyist Digital Artist
This didn't work ?
Reply
:iconwidyadk:
Widyadk Featured By Owner Jun 8, 2015  Student Artist
uhh
uhh
Reply
:iconcreamilicious:
Creamilicious Featured By Owner May 18, 2015  Student Digital Artist
How can I make a journal skin
Reply
:iconigneous-dragon:
Igneous-Dragon Featured By Owner Mar 4, 2015  Student Digital Artist
Ah this doesn't work anymore ;u;
Reply
:icontinker-jet:
Tinker-Jet Featured By Owner May 1, 2015  Hobbyist General Artist
It still works fine, dear.

Chances are you're not including the proper code in your journal.

On the off chance you're still interested, I explained it to another user in this thread.
Reply
:icontinker-jet:
Tinker-Jet Featured By Owner Dec 5, 2014  Hobbyist General Artist
Reply
:iconlcextrordinaire:
LCextrordinaire Featured By Owner Apr 30, 2015  Hobbyist Digital Artist
AHH! Help! You seem to be more well versed in coding than I am, so would you mind telling me how on earth you got the boxes to work? You mention minor altercations, but what would those be?

I'm trying to use this journal for my Commission work info, but I can't seem to get it.... :(
Reply
:icontinker-jet:
Tinker-Jet Featured By Owner Edited May 1, 2015  Hobbyist General Artist

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... :lol:

If you want a point of comparison, here is what the original layout looked like.

Hope this helps!

Reply
:iconlcextrordinaire:
LCextrordinaire Featured By Owner May 2, 2015  Hobbyist Digital Artist
I've been sitting here and trying, but the coding just won't produce the results! Could you please write the coding for me since I seem to be doing something wrong?
Reply
:icontinker-jet:
Tinker-Jet Featured By Owner May 3, 2015  Hobbyist General Artist
Actually, I just realized the error in my instruction. I told you to close the div after you finish your question.

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. =)
Reply
:icontinker-jet:
Tinker-Jet Featured By Owner May 3, 2015  Hobbyist General Artist
I've sent you a note, dear. =)
Reply
:iconlcextrordinaire:
LCextrordinaire Featured By Owner May 4, 2015  Hobbyist Digital Artist
Alright. I'm actually on my way to a class right now, so I'll check it when I get home. :)
Reply
:iconlcextrordinaire:
LCextrordinaire Featured By Owner May 1, 2015  Hobbyist Digital Artist
Oooo... this is super helpful! Thanks!
Reply
:icontinker-jet:
Tinker-Jet Featured By Owner May 1, 2015  Hobbyist General Artist
Always a pleasure.

All the best to you. =)
Reply
:iconlcextrordinaire:
LCextrordinaire Featured By Owner May 2, 2015  Hobbyist Digital Artist
Thanks!
Reply
:iconacinoynx:
Acinoynx Featured By Owner Jan 18, 2014  Hobbyist Traditional Artist
Used, thank you! <3
Reply
:iconpjuk:
pjuk Featured By Owner Jan 19, 2014
:love:
Reply
:iconacinoynx:
Acinoynx Featured By Owner Jan 19, 2014  Hobbyist Traditional Artist
Would you mind if I used the coding for things other than FAQs? ;u;
Reply
:iconpjuk:
pjuk Featured By Owner Jan 19, 2014
It depends on what other things you're talking about :)
Reply
:iconacinoynx:
Acinoynx Featured By Owner Jan 19, 2014  Hobbyist Traditional Artist
Just some of the most important journals like character lists, commission info, and stuff like that. I'd put credit at the bottom of each one, and I'll use another skin for normal journals. :>
(Sorry for randomness, my brain is tired x_x)
Reply
:iconpjuk:
pjuk Featured By Owner Jan 19, 2014
Go ahead =)
Don't worry, my brain is also tired - so it understands what your brain is saying :giggle:
Reply
:iconjukobaelet:
Jukobaelet Featured By Owner Jan 18, 2014  Student General Artist
errm..
I use preview to check first.

I have just copy and paste the one you said, without replace to my question and answer yet. but i have problem...it gives me the code the word, not the outcome image of hover thing...errm..I do it with clicking the creat journal and i choose this jouranl skin. and..it's not working :(
Reply
:iconpjuk:
pjuk Featured By Owner Jan 18, 2014
Ah, i just added this earlier today and figured that it would copy all of the codes I added to make it visible in text. Though it worked for me when I tried it :S Will look into it :)

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 :)
Reply
:iconjukobaelet:
Jukobaelet Featured By Owner Jan 18, 2014  Student General Artist
thank you :)

I have manually key in and also copy from live journal which make them working now :)

thank you!

I change from rich text to HTML several times and finally it listen to me XD

here : fav.me/d72s9mj  
i would love to change the color, as I think your credit is too light to notice, i love to let peopel notice you better.
Reply
:iconpjuk:
pjuk Featured By Owner Jan 19, 2014
Edited it a bit now, could you do me a favor and try copy/paste it again from the artist comment?
It's working for me, but I want to make sure since it was working for me last time as well ;)
Reply
:iconjukobaelet:
Jukobaelet Featured By Owner Jan 19, 2014  Student General Artist
at the rich text cannot. it show the empty hover without drop down thing but also the code will overlay on.

but everything all fix when it's at html text.

:)thanks!
Reply
:iconpjuk:
pjuk Featured By Owner Jan 19, 2014
I don't think it's supposed to work in rich text, since the answer box isn't really there - if you know what I mean =)
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 :heart:
Reply
:iconjukobaelet:
Jukobaelet Featured By Owner Jan 19, 2014  Student General Artist
:) no problem!
Reply
:iconpjuk:
pjuk Featured By Owner Jan 19, 2014
That's great! And argh, the rich/html switch can be so annoying :D

:aww: That credit is just there to...ehm well...BE there :D Sometimes the credit line, at the bottom of the journal - added by dA, doesn't show up for whatever reason :shrug:
Reply
:iconjukobaelet:
Jukobaelet Featured By Owner Jan 19, 2014  Student General Artist
it shows, but it's so small and the color is too light. 
Reply
:iconnotdamien:
NotDamien Featured By Owner Nov 22, 2013
I figured I would ask. Could I please use the code for the hover thing in my own CSS ? It's just for personal use. I wouldn't share it or anything like that. && Of course, I'd credit you right on the journal for it. u v u I can't find anything similar to this && this is perfect. I'm currently using scroll boxes for this sort of thing, and they're really messy. I'd like to use it as a way to hide order forms. 

If not, it's alright ! Thanks anyway ! I'll look for an alternative. u vu Do you happen to know a sort of "show spoiler" button code, then ? 
Reply
:iconpjuk:
pjuk Featured By Owner Nov 22, 2013
So sure, go ahead :D
I could've sworn that I saw a tutorial for this uploaded like a year ago, but now I can't find it :noes:
Thank you for asking, I really appreciate it :hug:
Reply
:iconnotdamien:
NotDamien Featured By Owner Nov 23, 2013
Aaah ! Thank you so much ! I really appreciate it ! Q VQ ♥ ♥ You're a huge help ! Thank you ! 
Reply
:iconcammi0:
Cammi0 Featured By Owner Nov 5, 2013  Hobbyist Digital Artist
I love this so much, but it will not come up as buttons. They come up witht the codes written out...
Reply
:iconpjuk:
pjuk Featured By Owner Nov 5, 2013
Are you viewing it in rich editing mode or html mode inside stashwriter?
Reply
:iconcammi0:
Cammi0 Featured By Owner Nov 5, 2013  Hobbyist Digital Artist
To be honest, I do not know. I just installed the journal, typed in the codes, and started making it.
Reply
:iconpjuk:
pjuk Featured By Owner Nov 5, 2013
Then I think you are in rich editing.

In the stashwriter bar, you'll find "edit", click "switch to html mode" and type in the codes + the text you want.
Reply
:iconcammi0:
Cammi0 Featured By Owner Nov 5, 2013  Hobbyist Digital Artist
Ok, thank you. Nice journal skin, by the way!
Reply
:iconpjuk:
pjuk Featured By Owner Nov 5, 2013
It should work when in rich editing too (it does for me atleast), but I think it bugs out sometimes or something =)

No worries, let me know if there are any other problems =) I'm glad you like it :hug:
Reply
:iconcammi0:
Cammi0 Featured By Owner Nov 5, 2013  Hobbyist Digital Artist
Thank you so much, switching the mode worked! :hug:
Reply
:iconpjuk:
pjuk Featured By Owner Nov 5, 2013
Great! :hooray:
Reply
:iconchaoticcinder:
ChaoticCinder Featured By Owner Sep 24, 2013  Hobbyist Digital Artist
Faved beacuse I don't want forget to use this!
Reply
:iconpjuk:
pjuk Featured By Owner Oct 4, 2013
I'm glad you like it :heart:
Reply
:iconusedgum:
UsedGum Featured By Owner Oct 18, 2013
Same here - will definitely use if I become premium!
Reply
:iconpjuk:
pjuk Featured By Owner Oct 24, 2013
:heart:
Reply
:iconizukyun:
IzuKyun Featured By Owner Aug 5, 2013  Hobbyist Digital Artist
i dont know to use it ;A; can u plis explain to me :'3

fina-chizu.deviantart.com/jour…
Reply
:iconpjuk:
pjuk Featured By Owner Aug 5, 2013
It only shows the coding because you copied the modified code I sent as a reply to someone else.
You need to manually type the codes.
Reply
:iconizukyun:
IzuKyun Featured By Owner Aug 5, 2013  Hobbyist Digital Artist
ahhh thanks i got it now (/w\) Thank you for making an awesome journal !
Reply
Add a Comment:
 
×




Details

Submitted on
November 1, 2011
File Size
2.8 KB
Link
Thumb
Embed

Stats

Views
8,407 (4 today)
Favourites
753 (who?)
Comments
142
Installs
1,212
×