HOME | DD
GinkgoWerkstatt β Code Basics: Absolute Mood
Published: 2010-09-13 17:51:39 +0000 UTC; Views: 4240; Favourites: 70; Downloads: 254
Redirect to original
Description
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.
This code has additional information in the CSS code with explanations.
Have suggestions for more basic codes? Just leave a comment or note me!
Code Basics:
Planned:
Depending on my time, motivation and how useful this will be for people i might add more advanced code snippets later as well.
Related content
Comments: 17
Thank you for making this! i plan on using this now that i know how to use css coding more!
it took me a bit till i had to edit out some things in my code now it shows up!
Thank you for thisΒ Β
π: 0 β©: 1
DA often changes its code structure, so it can happen that things don't work 100% right anymore after some time. And as this is already 4 years old, I am sure it needs some fixes to work right again.
But good to hear that you figured it out
My pleasure
π: 0 β©: 0
We need to give credit if we edit the code a lot?
π: 0 β©: 1
No, credit is not needed for these.
π: 0 β©: 1
Okay! Thanks
π: 0 β©: 0
This isn't working for me. X.x
No matter what I'm using, the mood box refuses to show up. X.x
Here . Help, please? D;
π: 0 β©: 1
It's not working because the mood was removed for this skin. If you want it to show up, then you have to remove "ul(display: none
And btw i saw that you are working on a skin for someone else using code of the "Blue Dunes" journal. I hope you do not plan to use my free skin for commissions because that will be against my skin rules.
It's fine to combine the code basics for that, but not code of free skins.
π: 0 β©: 1
Ah, okay. .... X.x of course it was something like that, haha.
At what point would the code not be considered yours? I used the old journal css (like old vs. gruze) like yours, and it shares a similar link box style with yours, but beyond that, it's pretty much completely different... Like almost nothing is the same beyond that. :/
There's only so many ways to code something in HTML/CSS. D;
π: 0 β©: 1
If it is written from scratch, doesn't use major parts or exact copies of my(or other peoples) journal templates of if made with the help of tutorials.
"There's only so many ways to code something in HTML/CSS. D;"
Of course, but when i looked at that skin the code for the link box you have used was a bit too similar (same properties, same values, same order, same class name) like the code that i did for the "Blue Dunes" skin. That doesn't really happen in a regular case. It's ok to be inspired or to look up how others coded something, but you should still be able to do it on your own. Otherwise it's always just a modifying and you will hardly improve your CSS skills.
I don't want to blame you, but even with code you can have kind of a signature so it's easy to spot "your" code and it will avoid trouble.
Just want to mention it in case you will offer more commissions in the future. And in case there is code you want to use, but couldn't work out on your own just ask the skin creator. Most of them will give permissions for the re-use.
π: 0 β©: 1
I'll change the link box. XD
Besides the link box, is there anything else I should change? I could theoretically do it all on my own but just rewriting it based off of your code is easier since it means I don't forget any element. Hope that's okay?
And okay. XD
π: 0 β©: 1
Re-writing alone won't help you much to understand and improve CSS though. If you make your own mistakes you will remember things later more easily and are able to spot buggy code on your own.
π: 0 β©: 1
LOL, I can spot buggy code on my own. 
Even if I rewrote the whole thing it'd look pretty similar to what I have now.
π: 0 β©: 0
Cool, I used your top menu on my journal, but what's even cooler Linkin Park is what you were listening to!
π: 0 β©: 1
They do make some good music
π: 0 β©: 0
It's cool, but i don't have premium membership T.T
π: 0 β©: 1
