deviant art

Deviant Login
Buy ArtBuy T-Shirts & Gear Buy adCast Buy Premium Membership
Shop
 Join deviantART for FREE Take the Tour
[x]
Browse More Like This
Shop Similar Prints
This Print Not Available more ▶

More from `ginkgografix

Featured in Groups:

:iconjournalcss: #journalcss
Quality Journal CSS :icondeviantcss: #deviantCSS
deviantART XHTML & CSS Ref :iconecssited: #eCSSited
a place for all your CSS needs :iconiterators: #iterators
We iterate! :icontutorial-city: #Tutorial-City
Where the best tutorials live. :icondivine-tutorials: #Divine-Tutorials
Tutorials befitting of a deity! :iconvirtualcustoms: #VirtualCustoms
Customize Your Virtual World :iconcustomizeyourprofile: #CustomizeYourProfile
Get Customized!

Details

June 27, 2009
385 KB
900×2700
Thumb

Statistics

Comments: 72
Favourites: 213 [who?]


Views: 8,937 (1 today)
[x]
:iconginkgografix:
A tutorial quickie! It seems like a lot of people have problems with that new structure.

Made a simple txt-file with the class adjustments you need to get rid of all those borders and background of the gruze structure a while ago. Today i decided to share it with you and added some more blabla to it, to let it look a bit more important lol

Just a few code lines can be easily overlooked.
Hope it's useful for you! If you find any grammar or other mistakes, let me know. Too ill and lazy to check it :B

---

Top menu for gruze [link] by `thespook

:pointr: My tutorials/guidelines
:bulletgreen: CSS Guideline [link]
:bulletgreen: Old vs Gruze Journals [link]
:bulletgreen: Ungruze your Journals [link]

:bulletgreen: How to add image paths [link]
:bulletgreen: How to add a gallery CSS [link]
:bulletgreen: How to make a journal layout [link]

:bulletgreen: ABC of dA CSS Part I [link]
:bulletgreen: ABC of dA CSS Part II [link]


:pointr: My walkthroughs
:bulletgreen: How to code a gallery template [link]
:bulletgreen: How to code a journal [link]
:bulletgreen: How to code a journal II [link]


:pointr: My video tutorials
:bulletgreen: Changing sidebar settings [link]
:bulletgreen: Adding Gallery CSS II [link]
Add a Comment:
 
Preview   Add Comment

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:icondevibrigard:
~DeviBrigard Feb 7, 2013
This was most helpful :)
Reply
:iconginkgografix:
`ginkgografix Feb 7, 2013
good to hear :aww:
Reply
:iconfuushou:
!fuushou Mar 5, 2012
I've been using the code to work from for most every journal I've done using the gruze structure! Thank you for the helpful guide! Question on the .gr-top img though; can it be altered? If so, how? And also, if it can be altered, how do I move it to be adjacent to the journal title (which is under my .gr-top image)?
Reply
:iconginkgografix:
`ginkgografix Mar 6, 2012
Good to hear that it has been that useful :aww:

I haven't really worked with the image and usually hide it. And imo it's easier to add a new image and place it via absolute/relative position rather than adjusting that image.
Reply
:iconfuushou:
!fuushou Mar 6, 2012
Mhm! :nod:

I will keep that in mind. I actually worked it out so that I could hide the image and use my header instead, but I'll definitely try the relative positioning the next time as well!

Thank you for your help!
Reply
:iconstrohkopff:
*Strohkopff Oct 22, 2012  Hobbyist Digital Artist
Hey! find your post via google, heh, so... did ypu find how to change gr-top image?
Thanks
Reply
:iconfuushou:
!fuushou Nov 23, 2012
Oh! Sorry I'm so late. Dunno if it's any help now, but...
I ended up coding it so that my header image (coded so it was the replacement for the blue journal) was positioned where the gr-top was supposed to be, then using the gr-box for the header as a background (on non-repeat, and where the image actually ended I set the color to make it look as if it continued). After that, I just altered everything to fit around/over the header.
That method only works for solid colors as far as I know though.
Reply
:iconginkgografix:
`ginkgografix Mar 7, 2012
My pleasure. I would suggest to use absolute postion though. It's less buggy and more safe for that.
Reply
:iconfuushou:
!fuushou Mar 8, 2012
:aww: I will do that then! Less bugs are good bugs!
Thank you again!
Reply
:icondragonlord-rhea:
!DragonLord-Rhea Jan 12, 2011  Hobbyist Digital Artist
hey, this is awesome, thanks! :)

i have a question though:
could this be used for custom boxes too?
Reply
Add a Comment:
 
Preview   Add Comment
©2013 deviantART. All rights reserved
About Us | Contact Us | Developers | Careers | Site Tour | Help & FAQ Advertise | Premium Membership Etiquette | Privacy Policy | Terms of Service | Copyright Policy