Pyritie on DeviantArthttp://creativecommons.org/licenses/by-nc-sa/3.0/https://www.deviantart.com/pyritie/art/Hive-CSS-Installation-Guides-121341028Pyritie

Deviation Actions

Daily Deviation

Daily Deviation

June 4, 2009
Hive CSS - Installation Guides by =Pyritie This is an outstanding Journal CSS! Such fun to use. Very detailed, nicely coded, & great graphics for Nature lovers. It's soothing & relaxing. Earthy. It has several tabs which allows for multiple content.
Featured by 2dazed
Pyritie's avatar

Hive CSS - Installation Guides

By
Published:
30.6K Views

Description

Sorry, we're all out of shamwows :P

After working on this on and off for a while, I finally finished the guide :P

:star: Live preview! :star:
:star: Installable Version :star:



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 :icontardraveplz:

Thanks so much everyone! 8D
Especially you, `2dazed ;3
Comments223
Join the community to add your comment. Already a deviant? Log In
nichtgraveyet's avatar
:star::star::star::star: Overall
:star::star::star::star::star: Vision
:star::star::star::star-half::star-empty: Originality
:star::star::star::star::star-half: Technique
:star::star::star::star::star-empty: 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