HOME | DD
GinkgoWerkstatt — Code Basics: Hover Box
Published: 2013-01-31 12:58:41 +0000 UTC; Views: 4411; Favourites: 122; Downloads: 222
Redirect to original
Description
You need to have a Premium Account or to be a staff member/volunteer to use this Every now and then it happens that i get asked how to code certain features for journals and similar to that i often see journals where someone struggles with coding from scratch or doesn't exactly know how to do what.
That's why i figured out that it might be helpful to have several very(!) basic code snippets, people can use to get started.
All these code snippets are rather plain code, mostly without any fancy images and much colors. They should just show the start. The possibilities of what can be done with that code are endless.
Also these snippets do not affect the journal in general, they will just add that featured "journal element" and nothing more.
I hope that this will be helpful for some people. To use the code snippets just click install. Everything can be found in the Skin Header or Footer and in the CSS form area.
No additional content code is needed!
Keep in mind that all these code snippets will refer to the gruze-structure, in case special journal classes will be affected by the code.
Other Code basics: (click for more )Have suggestions for more? Just leave a comment or note me!
Related content
Comments: 13
I love this so much, thank you for this gift to the community!
Would you mind if I were to make some modifications to it? I have a list of artists that I have commissioned and my current journal layout is quite, needless to say, inappropriate to give them credit. Also, would you like me to credit you for the base code? ^^
👍: 0 ⏩: 1
My pleasure. I am a bit surprised that it still works.
Do whatever you like with it. Just when you re-upload any new code it would be nice if you would link back to this as the original code. Otherwise it is up to you if you want to credit me or not (if you just use it for yourself).
👍: 0 ⏩: 1
Thank you so much! I included your name and a link to the code in my journal! ^^
Thank you so much for letting me use your code!
👍: 0 ⏩: 0
You are full of energy it seems, nice tips and tricks coming out one after another. Makes me want to try them right now.
👍: 0 ⏩: 1
Haha, just wanted to do that hover menu. But then due to a conversation i made the hover box as well. And shortly afterwards i had another idea.
Should be all for now though - maybe
👍: 0 ⏩: 1
I think these are really useful for people who want to learn to make journal skins.
👍: 0 ⏩: 0
Omg yes! YES YES YES YES! You my dear are amazing! 
👍: 0 ⏩: 1
Nice, may I aks, does it possible to make box which opens only with one mouse clicked and stays open before it ?
👍: 0 ⏩: 1
You open a box via click only with the help of Javascript (as far as i know), so atm there wouldn't be a change to add something like that to journals or galleries. For regular webcoding it would work.
👍: 0 ⏩: 2
There's a way to do it with CSS using IDs and the :target pseudo class, but it wont work here on dA of course because as you know we can't specify an ID. Or have that changed that?
👍: 0 ⏩: 1
IDs are still not allowed here.
👍: 0 ⏩: 0