ShopDreamUp AI ArtDreamUp
Deviation Actions
Daily Deviation
Suggested Deviants
Suggested Collections
You Might Like…
Featured in Groups
Description
Sorry, we're all out of shamwows :P
After working on this on and off for a while, I finally finished the guide
Massive thanks to `thespook for various help and for his great CSS stuff!
OMFG A DD
Thanks so much everyone! 8D
Especially you, `2dazed ;3
After working on this on and off for a while, I finally finished the guide
Live preview!
Installable Version
Features
- Popup menus with special divs to control their width - for avatars, text, or stamps
- A mini gallery for featuring large amounts of thumbs at once
- Two types of bulleted lists - a regular one and an "indented" one
- Custom cursors
- Modified hr so it fits with the rest of the journal nicely
- A sidebar that stretches down to the bottom without forcing the journal to have a fixed width - a problem I've seen lots of journals have
- A detailed customization guide, taking you through every step from building the header to what to change with different images
Cheatsheet
- <div class="minigal"> for the mini gallery
- <div class="custom_bullet"> for the bulleted list
- <div class="custom_bullet_indented"> for the indented bulleted list
- <div class="title"> for the "box separator", for section titles
Other CSS designs based on this one
Massive thanks to `thespook for various help and for his great CSS stuff!
OMFG A DD
Thanks so much everyone! 8D
Especially you, `2dazed ;3
Comments223
Join the community to add your comment. Already a deviant? Log In
Overall
Vision
Originality
Technique
Impact
I think people are going to enjoy using this. It looks great and has a good balance of special features they can use.
From what I can see of the sample journal code you've provided, the HTML people will need to use on a daily basis is quite simple and easy to remember. You could have made it even simpler by using <strong> tags, but it's a minor quibble; I don't expect people will have trouble with the div tag. (It should be noted that people don't have to wrap each section in it's own 'box' div tag, the heading is enough. This somewhat makes up for the above)
Technically, I think your CSS is almost perfect. The sidebar fills the height of the journal without requiring a fixed-height. The sacrifice here it seems is that if a journal is too short for the contents of the sidebar, the sidebar will scroll. This, while a distraction, is the most graceful solution - and I don't expect it's a situation that'll arise often.
The only thing that looks wrong visually, is the border that runs along the right edge of the main content, even across the gaps between sections. I suspect this is a side effect of the way you structured it not to need 'box' divs, in which case it's an okay sacrifice. It's not distracting anyhow, just a minor observation.
The amount of care and planning you've put into your instructions is impressive. At first, when I extracted everything and I saw a bunch of PDFs and a rich text file, I was wondering what I got myself into. Colouring the image URLs red to help people find what they had to change when hosting their images was a brilliant idea. I did find the default text size far too small to read, but this was easily fixed.
Usually anything PDF just makes me switch off, but in this case I didn't mind it so much - though I have to ask why you didn't got with something simpler, like HTML?
To sum it up, I think you've got a great journal skin packaged with easy to follow instructions. Any criticisms I had were minor, this belongs up there with the greatest.
I'm still waiting for Vince to give me my shamwow though. ;p