HOME | DD
GinkgoWerkstatt —
Old vs Gruze Journals
Published: 2009-02-13 21:43:20 +0000 UTC; Views: 44358; Favourites: 893; Downloads: 0
Redirect to original
Description
Thanks to `vanmall and `2dazed for the DD!
And also to all the other people that fave like crazy and leave comments. This is really wow!
---
Not sure if this is really a tutorial but no idea where else i should add it to.
Anyways i thought this might be a good idea to help you with the new classes and to show you what changed... but on the other hand it might be just confusing. So no idea if this really helpful.
Done today, nothing proved yet, so bear with me if there are any mistakes or something is missing - please leave comments if you figure out something like that.
There are some more things that are worth explaining, but that might be too detailed and should go to more specific tutorials - if i will make some more.
---
My tutorials/guidelines 
CSS Guideline [link] Old vs Gruze Journals [link] Ungruze your Journals [link] How to add image paths [link] How to add a gallery CSS [link] How to make a journal layout [link] ABC of dA CSS Part I [link] ABC of dA CSS Part II [link] My walkthroughs How to code a gallery template [link] How to code a journal [link] How to code a journal II [link] My video tutorials Changing sidebar settings [link] Adding Gallery CSS II [link]
Related content
Comments: 314
Gruze is the basic code of DA these days, with the old code still working.
When you start with a blank journal you have the gruze code, as soon as you add .journaltext, .journaltop etc the code will get switched to the old classes, as you can't combine them. Means you have to decide which code you want to use before you add any classes.
Those gr-classes create a 1px border and their edges .
👍: 0 ⏩: 0
Hihi, ich versteh da genau: Bahnhof 
Ich hab sowas noch nieeee gemacht - gibts das auch für dummies
👍: 0 ⏩: 1
Das macht nichts, am Anfang habe ich auch absolut nichts verstanden
Ne ich befürchte, dass sind die Grundlagen. Einfacher ist nicht. Aber wie gesagt, teste einfach mal mit bestehenden Skins rum. Das hilft oft am Besten.
👍: 0 ⏩: 1
uh, ok. Fühl mich überfordert :/
👍: 0 ⏩: 0
A friend of mine was just asking for help with this, in a journal...so I've given him your link to this, thanks for your help, and hopefully it helps him too
👍: 0 ⏩: 1
Oh, yes. Hopefully it will be handy
👍: 0 ⏩: 1
From what I've heard, he's still learning it, but it was very helpful to him, thank you so much!!
👍: 0 ⏩: 0
Höh? Was ist denn der Unterschied zwischen dem alten Journal und Gruze? Lässt sich das (außer für .text) nicht 1 zu 1 übernehmen?
👍: 0 ⏩: 1
Gruze hat wesentlich mehr Klassen, als die alte Version. Der Grundaufbau ist natürlich gleich, aber die Art wie es verschachtelt wurde hat sich ebenfalls teilweise geändert.
Gleichwertig zwecks übernehmen sind die folgenden:
.journaltop = .gr-top
.journalbottom = .bottom
.journalbox = .gr-box
.journaltext = .gr-body oder .text
Der hauptsächliche Unterschied liegt in den Details und wie sich die Elemente zueinander verhalten. Bei einfachen Layouts spielt das sicherlich keine Rolle, wenn es komplexer wird allerdings schon.
👍: 0 ⏩: 0
I'm trying to make my own journal skin from scratch and this has REALLY helped. Thank you!
👍: 0 ⏩: 1
That's always good to hear!
And thanks a lot for the points!
👍: 0 ⏩: 0
Ich bin gaaanz neu im CSS Coden und stolper auf der Suche nach hilfreichen und nützlichen Tuts hierrüber...und hab n paar Fragen
Kann ich nach wie vor mit .journalbox ... coden oder ist es sinnvoller, direkt mit dieser neuen Art des codens zu starten?
Und gibt es deine Tuts eventuell auch in deutsch? Nicht dass mein englisch so superschlecht ist, aber mitunter versteh ich es in Deutsch dann doch schneller xD (logischerweise iwie 
Danke dir für deine Hilfe bzw deine Antworten schon mal
LG
👍: 0 ⏩: 1
Hey,
ne die Sachen gibt es alle nur in englisch. Konnte mich nie dazu durchringen auch ne deutsche Version zu machen. Generell würde ich aber empfehlen mit gruze zu arbeiten. Ist zwar am Anfang etwas komplizierter aber arbeitet sich, meiner Meinung nach, wesentlich besser damit.
👍: 0 ⏩: 1
Oi..na dann hoff ich mal dass ich mich da reinfinde... xD So als Neuling.
Mein Mann kann wohl CSS...ich werd mir mit ihm nochmal deine Tuts anschauen, mal sehen wie wir es schaffen. Dürfte ich dir zum Abschluß den Code zuschicken zum drüber schauenm ob alles korrekt ist? Das wäre echt super
👍: 0 ⏩: 1
Klar, schick mir einfach ne Note wenn es fertig ist und ich guck es mir dann mal an
Und falls vorher noch Fragen sein sollte, einfach anschreiben. Kann nur evtl mal bissel dauern bis ich antworte.
👍: 0 ⏩: 1
Oh super, das ist lieb
Kein Problem, wird vermutlich eh noch dauern bis ich das fertig hab ^^
Gaanz lieben Dank
👍: 0 ⏩: 0
Habs getestet - bei dem .text ul lässt sich nichts mehr machen damit - jedenfalls bekomm ich es nicht hin <.<
👍: 0 ⏩: 1
Was genau hast du denn vor?
👍: 0 ⏩: 1
einfach nur diese Liste unten wegmachen, weils doof aussieht. Also dieses 'Mood:.. Watching:.. Drinking:..'
Das lässt sich aber nicht wegmachen
👍: 0 ⏩: 1
Das geht mit .list {display: none;} oder .f{display: none;} weg.
.text ul wäre für den Inhaltsbereich. Das Mood-Ding gehört aber nicht mehr zu .text dazu.
👍: 0 ⏩: 1
Achsoo, ja jetzt gehts das. Danke
Das Mood zeug ist jetzt schon weg o.o
Naja Hauptsache weg
👍: 0 ⏩: 1
Thank you so much, I have been looking for this info!!!
👍: 0 ⏩: 1
Hey.... here's another one of those "can't figure it out" questions. I have made my .text div scroll, however, no matter what I try I cannot get the scrolling area to a height greater than 480px. From what I can see... it's because there's a div within(?) .text that has a set height that I cannot find the hook for. It holds .textarea, which I can change.
If that at all makes sense to you..... do you have any suggestions?
👍: 0 ⏩: 1
You mean like this [link] ?
It works without problems for me D:
I just used this code
.text{
margin: 20px;
height: 700px;
overflow: auto;
border: 1px solid;}
👍: 0 ⏩: 1
Oh my gosh... wow. Apparently the text input box when you are editing the journal/skin does not reflect the same changes as .text (and can look down right wonky!) 0_o .... Once I started using preview I realized it was working like yours. /headdesk
OH MY GOSH!!! Again.... this solves the Justify issue too. The text input box reflects left, right, and center, but not Justify. Once you preview it or publish, it's justified. How strange is that.
Well, I'll remember to always check the preview now. Thanks so much for letting me know there were gremlins afoot and I wasn't crazy!!
👍: 0 ⏩: 1
The preview often acts different then the page where you can see it in action before you submit. Some changes just appear after the release of a journal as well. It's a bit confusion, that's why i always check everything until i am pleased
👍: 0 ⏩: 1
Yea, quite confusing! Thanks for the help.
👍: 0 ⏩: 0
It definitely has!
👍: 0 ⏩: 0
lol one of the reactions was fear >w<
Thanks for all the tutorials!
Would you happen to know how to make a fluid table with images for borders (for the custom boxes, not journal)?
Kind of like a 9x9 table but with 'set sized' borders and repeating image backgrounds....
Let me know if you have an idea ;w; thanks!
👍: 0 ⏩: 1
For the custom boxes you can only use default dA code, because using CSS/HTML there is a bug. You won't be able to add extra classes etc to modify it to your own liking.
👍: 0 ⏩: 0
Oh! thank you so much I had no idea what a gruze journal was and I tried to code an old journal and it didnt work xD thank you!!!!!
👍: 0 ⏩: 1
Getting used to gruze takes a bit of time, but imo it's better to work with
👍: 0 ⏩: 0
I miss the gruze-looking journal skin 
👍: 0 ⏩: 1
Hm, isn't there any skin looking similar to that? D:
👍: 0 ⏩: 1
I don't know, I can't find the similar one..
👍: 0 ⏩: 0
omg YAYAYAYAYAYAYAY NOW I can actually
understand what the heck is happening in teh coding
👍: 0 ⏩: 1
thankyou! i have looked all over for a
css journal tutorial! ^U^
thankyou!
👍: 0 ⏩: 0
thanks so much for this! how would I go about making the comments link disappear?
👍: 0 ⏩: 1
.commentslink{display: none;} or .bottom{display:none;} if the whole footer area should be deleted.
👍: 0 ⏩: 1
ah that did it! I forgot the ; before...
👍: 0 ⏩: 0
I've been looking for sometihng exactly like this.
Wish they put it in the faq at least so I don't have to magically guess the selectors/classes. :/
Thank you for pointing out the pieces of the template too. ^^
👍: 0 ⏩: 1
That's why i made it. It's easier to work on skins if you know the default classes.
My pleasure!
👍: 0 ⏩: 0
| Next =>