HOME | DD

Description

You need to have a Premium Account or to be a staff member/volunteer to use this

Like my resources? Donate here:

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 is a bit more advanced. It will center a container(with text, images or whatever you want) at the top of the journal and it will always stay in the center, no matter how wide or narrow your journal gets. The width of .gr-top .gr is not needed, it will work without it as well (was just added for better understanding).

Done to be able to do a coded version of this header:

Other Code basics: (click for more )

Have suggestions for more? Just leave a comment or note me!

Description

You need to have a Premium Account or to be a staff member/volunteer to use this

Like my resources? Donate here:

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 is a bit more advanced. It will center a container(with text, images or whatever you want) at the top of the journal and it will always stay in the center, no matter how wide or narrow your journal gets. The width of .gr-top .gr is not needed, it will work without it as well (was just added for better understanding).

Done to be able to do a coded version of this header:

Other Code basics: (click for more )

Have suggestions for more? Just leave a comment or note me!