deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour
[x]
Shop Similar Prints
This Print Not Available
Download File
ZIP, 1.1 MB
more ▶

More from `Pyritie

Featured in Groups:

Details

May 3, 2009
1.1 MB
Link
Thumb

Statistics

Comments: 216
Favourites: 406 [who?]

Views: 25,916 (3 today)
Downloads: 671 (0 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
[x]
:iconpyritie:
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
Add a Comment:
 

Daily Deviation

Given 2009-06-04
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 )
:iconthespook:
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
What do you think?
The Artist thought this was FAIR
113 out of 120 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

love 5 5 joy 3 3 wow 2 2 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconvitanikopa:
~VitaniKopa Oct 13, 2012  Hobbyist Writer
I'm gonaa use the Code Lyoko ones especially Odd
Reply
:iconilnanny:
Mood: Wow! ~ilnanny Jun 9, 2012  Professional Digital Artist
Wow!! :woohoo: thank you so much :D
Reply
:iconangelily-tan:
;A; How do I make it longer again?
Reply
:iconpyritie:
`Pyritie Dec 23, 2011  Hobbyist Digital Artist
longer? it shouldn't have a set length
Reply
:iconangelily-tan:
XDD Nvm got it. ;v; Sorry <3
Reply
:iconfreelifegfx:
~Freelifegfx Oct 20, 2011  Hobbyist Digital Artist
you did amazing on this and i love it :D
id love to use this :D
oh and id like to be the one to say :D
happy birthday:D
:hug:
:D
Reply
:iconmillychan:
~MILLYCHAN Aug 26, 2011  Student Traditional Artist
i want the shamwow..... :O
Reply
:iconbakura-girl-96:
~Bakura-Girl-96 Aug 14, 2011  Hobbyist Digital Artist
Sorry, I don't get how to modify my thing >>; Sowwy ><;; <-- Total ditz on computers
Reply
:icondeborah-valentine:
*Deborah-Valentine Jul 9, 2011  Professional Traditional Artist
Very nice CSS.... I have been too busy in my life to really do much . but i will
Reply
Add a Comment: