HOME | DD
StudioHarajuku — dA Multiple Boxes CSS v1.0
Published: 2009-01-01 12:54:59 +0000 UTC; Views: 7274; Favourites: 89; Downloads: 233
Redirect to original
Description
Here is the complete code for my multiple box dA style CSS to fit with the new user pages.This is currently v1.0 you can see the live version of this here
I have left my icon in the corners off in the file so you will need to take the image from the .rar and upload that one yourself, the beauty of this is that you can add your own icon into that left corner of the header or leave it blank.
Known Bugs
0.5 pixel difference in some boxes This discrepancy changes boxes dependant on if you view it on the user page or journal page, working on a solution
Mini Gallery Hover cut-off Due to the layout of the boxes some of the mini gallery images get cut off on hover when they reach the border of the journal, working on a solution
Box height If your right side boxes are bigger then your left side boxes then the alignment is knocked out and you will have boxes floating all over the place, interesting effect but not recommended. No known coding fix at present though inserting line breaks in the left boxes to match the heights will keep the alignment in check.
If you find any other bugs please note me so I can take a look at them.
Credits
=brgtt Her original CSS was the inspiration for this you can see her version here
`thespook write the Mini Gallery unfortunately due to not being able to go through all their journals any more I am unable to find a link for you at this time. and also for his fantastic Journal Structure Reference
If you use this CSS I would love to see what you have done
Related content
Comments: 34
Looks great Kelly! I have to fav it for now, because I can't seem to unzip or open rar files. Don't know why. I can do zipped files.
I also can't get the mini code to work. 
👍: 0 ⏩: 1
Hmm I didn't realise anyone would have problems with the .rar would you like me to make a .zip as well? it would only take a few secs and I could stick that in my scraps or on filefront and link the download.
You mini code problems puzzle me, but the boxes can be any length, just make sure the right side ones are smaller or the same size as the left ones.
👍: 0 ⏩: 1
Well, I'd say that'd be great, but I have no idea how to access my own Scraps now. Lol!
👍: 0 ⏩: 1
You know what I never looked, but I could link it in the deviation that would be the smart thing to do lol.
👍: 0 ⏩: 1
Lol! Well that would work too I suppose. I didn't think of that either.
👍: 0 ⏩: 1
well the only way I've found to get to it is to go into my gallery and click on the scrapbook link.
👍: 0 ⏩: 1
I'm in my Gallery, & all I see is Featured, Browse, Search, Edit, SitBack, Submit Art, More, Profile, Gallery, Prints, Favs & Journal. Am I in the wrong place.
👍: 0 ⏩: 1
👍: 0 ⏩: 1
Shoot. Well, it is my Gallery, I just never use the Browse button on my own Gallery. Ok, hold on....
Ok, are you able to get to my Scraps, because it's still not there. If you can get to my Scraps, I'll upload the screencap I just took, so you can see it.
👍: 0 ⏩: 1
That is wierd I can't see your scraps link. hmm lets try something....
[link]
Try that link seems to work for me. but it's really odd that you don't have the link, unless it has something to do with your activity status, is your activity private? mines public not sure if that may make a differance but worth looking at.
👍: 0 ⏩: 1
Hey! Who the hell hid my activity? Lol! I made it public now, but I still don't see the link there when I click Browse.
That link you gave did work, & I bookmarked, since that's the only way I can reach my Scraps.
👍: 0 ⏩: 1
Think that was automatic with the new pages update but the missing link is odd. At least you have a way to get to it now.
👍: 0 ⏩: 1
Lovely CSS. I like the clean and simple design and the nice layout.
👍: 0 ⏩: 1
hi, used and did a little bit edit.
u can see it here [link]
thanx
👍: 0 ⏩: 1
Great to see, though it seems the headers are missing the pointy triangle indents, or did you intend that?
Thanks for using my code
👍: 0 ⏩: 1
glad u like it
yeah, i ve a prob with headers. but i ve no time to do it again. later gonna fix it, thanx
👍: 0 ⏩: 1
Ahh the constraints of time,
👍: 0 ⏩: 0
[link]
I changed it a little. I hope, It's a no problem?
I leave a credits
But I add a "comments" in journal bottom
And my picture on top.
If You are angry with it, I can remove this.
Sorry for my English, is not my mother language
👍: 0 ⏩: 1
Great to see it, I have no problems with changes, your CSS should be yours.
It's very interesting to see that the slight bug with the box alignment shows up on different boxes in yours to mine.
Thanks for letting me see it.
👍: 0 ⏩: 0
Looks nice and I like the idea.
I would however double check your offsets.
There are some miss aligned right corners.
Also IE doesn't seem to like your code at all.
You might want to figure out what's wrong there and try fix a few things on that. Looks like some underscore trickery could do the job.
Keep up the good works
👍: 0 ⏩: 1
I know about the offsets, it's in the known bugs in the comments, just that it seems they change dependant on where you view the journal.
I never looked at it in IE I use firefox, and aside from the bugs mentioned it works fine in that, I am not a coder, I have managed to write this and I would like to try others but all of this is a huge learning curve for me.
Thanks for your comment, I will try to fix the bugs, it just may take a little time. xD
👍: 0 ⏩: 0
Oh, this looks awesome!
I just don't know how to get the new user page, lol. I am subscribed.
👍: 0 ⏩: 1
You need to turn them on
Just go to this thread the button to turn on the new user pages is in the first post.
Have fun with it
👍: 0 ⏩: 1
Oh, thanks you so much! Yeah, I got it.
👍: 0 ⏩: 1
The live preview looks fantastic! Really nice design, and congrats for sticking at it even though it was driving you a bit mad at times
👍: 0 ⏩: 1
Driving me mad I think it actually did send me a little more insane.
I am glad I got it finished though it did take some help from my dear hubby to get the alignment of the headers right. Once he helped with that it kind of flew right.
Thanks a lot for the favourite hun
👍: 0 ⏩: 1