Shop Forum More Submit  Join Login
.:Code Basics: Scroll Box by GinkgoWerkstatt .:Code Basics: Scroll Box by GinkgoWerkstatt
:iconfreeperm1::iconfreeperm2::iconfreeperm3::iconfreeperm4::iconfreeperm5::iconfreeperm6:
:bulletgreen: You need to have a Premium Account or to be a staff member/volunteer to use this :bulletgreen:



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.






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


Code Basics:
:bulletgreen: Scrollbox
:bulletgreen: Topmenu
:bulletgreen: Sidebar (floating)
:bulletgreen: Sidebar (absolute)
:bulletgreen: Mood-List (absolute Position, without any background)
:bulletgreen: Topmenu (absolute Position)


Planned:
:bulletgreen: Credit (absolute Position)



Depending on my time, motivation and how useful this will be for people i might add more advanced code snippets later as well.
Add a Comment:
 
:iconsparkeythehamster:
sparkeythehamster Featured By Owner Jan 9, 2017  Hobbyist Writer
How do I use this?
I clicked install but it just takes me to my own Journal with my usual skin?
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Jan 9, 2017
Like mentioned in the description "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!"

Once you installed a journal, you need to select it at the journal page, when you click edit you will see the code that can be copied and used within other skins.
This is just a code part/journal feature, not an entire journal skin. So more code will be required.
Reply
:iconhikaru-i:
hikaru-i Featured By Owner Sep 5, 2016  Student General Artist
Hello, I have a question,
is there a way to resize the scroll box? For example I have three boxes but I want one of them to be taller than the other two. How can I do this?
Reply
:iconhikaru-i:
hikaru-i Featured By Owner Sep 5, 2016  Student General Artist
ahhhhhh I see now! Thank you!!
Reply
:iconmaroon-smoke:
Maroon-Smoke Featured By Owner Jun 14, 2016  Hobbyist General Artist
If you don't mind my asking, why can't non-core members use this? 
Are we unable to, or something else?
I'm asking because I would like to install this and use it, but I noticed that only core members were allowed to. And I can't find anyone who offers anything else like this in the first place, let alone for non-core members.

(I'm sorry if I sounded harsh or rude aaaskjvjkbdm)
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Jun 14, 2016
CSS isn't supported for Non-Core Members. You would be able to install it and also could see the preview(as far as I remember), but you can't apply it to any journal skin.
Reply
:iconmoonyarsaraidh:
MoonyArsaraidh Featured By Owner Dec 4, 2015  Hobbyist Digital Artist
Sag mal, kennst du einen Code für eine durchsichtige Scroll box für Custom Boxes? Ich hab rumgesucht aber bisher keine gefunden. Vielleicht aber auch übersehen bei all den Angeboten da draußen..aber vielleicht kennst du was?
Ich wollte meine Page umgestalten mit Customboxen, in denen Scrollboxen integriert sind. Die Custombox mit Hintergrund versehen.
Die meisten Scrollboxen die ich gefunden hatte hatten weißlichen bzw den dA farbenen Hintergrund. Nicht das was ich suche für einen zB dunklen Sternenhintergrund.
Hast du da eine Idee?
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Dec 5, 2015
Hm, ne. Also mit diesem Custom Box Zeug hab ich mich bislang ja nur sehr wenig beschäftigt. Wüsste jetzt auch gar nicht, ob mir schon mal was transparentes über den Weg gelaufen ist.
Wenn du es allerdings mit nem Fake-Journal machst (so wie bei mir auf der Seite), dann hast du ja natürlich alle CSS Freiheiten, die dir das Journal bietet.

Ansonsten mal evtl bei SimplySilent nachfragen. Soweit ich weiß, war sie eine der Ersten mit den Scrollboxen auf'm Profil :nod:
Reply
:iconmoonyarsaraidh:
MoonyArsaraidh Featured By Owner Dec 5, 2015  Hobbyist Digital Artist
Fake Journal? Wo ich so gut css und so kann xD

Ich werd bei mir mal schauen ^^ Danke dir
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Dec 5, 2015
Na da gibt es ja auch schon teilweise Templates - auch bei SimplySilent :nod:
Da sind dann diese Übersichten mit Links, wo du dann evtl nur die HIntergründe anpassen müsstest.
Reply
:iconmoonyarsaraidh:
MoonyArsaraidh Featured By Owner Dec 5, 2015  Hobbyist Digital Artist
Ja gesehen. Hab sie denoch mal gefragt, vielleicht weiß sie ja was ^^
Reply
:iconxxjustforfunxx:
xXJustForFunXx Featured By Owner Dec 27, 2013
I know its a journal skin, but I want to put a scrollbox into a journal skin
this here for example: xxjustforfunxx.deviantart.com/…
It doesnt matter where I put the code in the skin css or other, nothing happens
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Dec 28, 2013
The code comes it two parts, the CSS code and the HTML code. Did you add both to that other skin? And if yes, have you added enough content? The scrollbar just appears when there is too much content for the defined height. Otherwise it will look like normal text.
Reply
:iconxxjustforfunxx:
xXJustForFunXx Featured By Owner Dec 28, 2013
well, okay it worked, but I dont want all the text in the scrollbox. One part normal and one part scrollbox.
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Dec 28, 2013
Then you just have to wrap the scrollbox HTML code around what should be inside.
Reply
:iconxxjustforfunxx:
xXJustForFunXx Featured By Owner Dec 28, 2013
Oh, I've got it! Thank you very much ^^
Reply
:iconbubbiies:
bubbIies Featured By Owner Sep 12, 2013  Hobbyist Digital Artist
hello! ;v;
i was wondering if you knew how to get the scroll bar to be only a solid colored bar? (i'm sure you do but >n<)
i've looked everywhere but can't seem to find a code for it, and i've played around as well with the css but can't get it right :c
Reply
:iconkerliy:
KErliy Featured By Owner Jul 22, 2014  Student Traditional Artist
can you tell me the font you use in this comment please? :meow:
Reply
:iconbubbiies:
bubbIies Featured By Owner Jul 26, 2014  Hobbyist Digital Artist
sure thing ! : )
just use <code> : )
Reply
:iconkerliy:
KErliy Featured By Owner Jul 27, 2014  Student Traditional Artist
thank you!
Reply
:iconbubbiies:
bubbIies Featured By Owner Jul 29, 2014  Hobbyist Digital Artist
welcome c;
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Sep 12, 2013
Hm, i don't see what you mean as scrollbars depend on the browser + possible styles/themes you are using. So i might see something different than you do.
Usually you can style the appearance of a scrollbar only for InternetExplorer. It won't work in general and for all browser. Still it can be overriden by browser themes.

So it's nothing i would recommend to change, it's not really worth the effort. On dA you might not find anything about it. Try a google search for scrollbar CSS for Internet Explorer otherwise.
Reply
:iconbubbiies:
bubbIies Featured By Owner Sep 12, 2013  Hobbyist Digital Artist
Oh okay, well thanks anyways! 8D
Reply
:iconstar-sprout:
star-sprout Featured By Owner Aug 27, 2013  Student Digital Artist
can you use this on a profile page?
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Aug 27, 2013
No, this is only for journals.
For profile stuff, check either `CypherVisor or go to #eCSSited and take a look at the "Custom Widgets" folder :aww:
Reply
:iconstar-sprout:
star-sprout Featured By Owner Aug 27, 2013  Student Digital Artist
thanks!
Reply
:iconkira-nyan:
Kira-Nyan Featured By Owner Jun 5, 2013  Student Filmographer
Omg thank you so much, this is so helpful! :'D
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Jun 5, 2013
Good to hear!
Reply
:iconforty-fathoms:
Forty-Fathoms Featured By Owner Mar 10, 2013  Professional General Artist
I can't get the scrollbox to appear inside the journal without starting at the top of the journal. For example, when I placed the (I've done this countless times so I am doing it right) code at the top of the box it works with the closing div tag. However, when I place the code anywhere below any other text to get a scrollbox underneath a paragraph or two (I don't want to include those paragraphs), it doesn't work. :saddummy:
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Mar 11, 2013
When you install this code, it will automatically be placed at the top, as the HTML code is part of "Skin Header". So when you take that code from there and place it at you actual content area (where you type your journal text), there shouldn't be any problem.
Just to make sure i did a test here: [link] (it's just the scrollbox code and a limited width for the whole journal).

Have you changed anything of the code itself or already have any other code applied? If you have a live preview for me to look at that would already help, as i can directly look for the bug. Or maybe send me the HTML and CSS code you have used via note. Otherwise i wouldn't know what to suggest to be able to fix that.
Reply
:iconforty-fathoms:
Forty-Fathoms Featured By Owner Mar 11, 2013  Professional General Artist
I double checked it and I accidentally wrote forgot a ' " ' in the div. :facepalm: Thank you though for responding. :hug:
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Mar 12, 2013
Well that was an easy way to fix it then. Glad to hear, that you have been able to resolve the problem :aww:
Reply
:iconyumenox:
YumeNox Featured By Owner Feb 22, 2013  Hobbyist General Artist
thank you :)
Reply
:iconninjakitten22:
NinjaKitten22 Featured By Owner Jan 21, 2013  Hobbyist General Artist
I love this code but its putting my journal footer in it as well and I really dont want that..
please
how do i fix it?
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Jan 22, 2013
Sounds like you have forgotten to close the scrollbox. Please check if there is a after the content of the scrollbox.
Reply
:iconninjakitten22:
NinjaKitten22 Featured By Owner Jan 22, 2013  Hobbyist General Artist
Thank you
Reply
:iconalemanoz:
Alemanoz Featured By Owner Dec 6, 2012  Hobbyist
Do you know how we can have the same scroll box for a custom box (so not a journal)? =0
(but good work for this css! \o/)
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Dec 6, 2012
It doesn't work for custom boxes, as they allow default dA CSS only.
Reply
:iconalemanoz:
Alemanoz Featured By Owner Dec 7, 2012  Hobbyist
okay but you don't know when I can find this for a costum box? =o
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Dec 7, 2012
I mean it doesn't work in general, not just this code. It's not possible to add any scrollbox to custom boxes.
Reply
:iconalemanoz:
Alemanoz Featured By Owner Dec 7, 2012  Hobbyist
Ok! Thank you for your answer! ^^
Reply
:iconminakie:
Minakie Featured By Owner Nov 23, 2012  Hobbyist General Artist
Is there a way to change the color of a scrollbar? I used the regular color code but it doesn't seem to work.
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Nov 23, 2012
As far as i know it only works for IE and Opera. Last time i have used it was around 2002, so i am not sure if it is still supported by any of the newer browsers.
Reply
:iconashborne-demon:
Ashborne-Demon Featured By Owner Sep 23, 2012  Professional General Artist
Thank you so much for making these! You are really helpful. I may not have money for a subby but when I can I will get the goods!
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Sep 23, 2012
My pleasure. Hopefully you don't have to wait for too long to get a sub :aww:
Reply
:iconashborne-demon:
Ashborne-Demon Featured By Owner Sep 24, 2012  Professional General Artist
*nodnod* I hope so too. Thank you.
Reply
:iconemotional-silence:
Emotional-Silence Featured By Owner Sep 4, 2012  Hobbyist
Thank you greatly for this. I'm going to try to use it to modify a current skin I have put up. :meow: Again, thank you.
Reply
:iconginkgowerkstatt:
GinkgoWerkstatt Featured By Owner Sep 5, 2012
My pleasure :aww:
Reply
:iconanirishmystic:
anirishmystic Featured By Owner Jan 19, 2012
Thank you! I hadn't even thought of it, just looking for how to format the journal text. Learned a bunch about the skins, today. :)
Reply
Add a Comment:
 
×




Details

Submitted on
April 11, 2010
File Size
0 bytes
Link
Thumb

Stats

Views
20,066 (1 today)
Favourites
552 (who?)
Comments
113
Installs
3,321