deviant art





Login
Join deviantART for FREE Take the Tour Lost Password?
Deviant Login
Shop
 Join deviantART for FREE Take the Tour
[x]

More from `Pyritie

Featured in Groups:

Details

May 3, 2009
1.1 MB
Link
Thumb

Statistics

Comments: 214
Favourites: 381 [who?]
Views: 23,808 (0 today)
Downloads: 628 (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
:icon:
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
109 out of 116 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 1 1 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconangelily-tan:
;A; How do I make it longer again?

--
Misty had to yell cause Ash is a retard. -Yoruichi-Sensei
Reply
:iconpyritie:
`Pyritie Dec 23, 2011  Hobbyist Digital Artist
longer? it shouldn't have a set length

--
#Game-Art | #devBUG | Ponykart
Reply
:iconangelily-tan:
XDD Nvm got it. ;v; Sorry <3

--
Misty had to yell cause Ash is a retard. -Yoruichi-Sensei
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  Hobbyist Traditional Artist
i want the shamwow..... :O

--
oh my!! BUNCHES AND
BUNCHES OF VARIOUS
TYPES OF BANANA HAMMOCKS!!!
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

--
:points: I do cheap commissions!
I also do AT and requests! ^^
I :heart: :iconGaaraplz:
Reply
:iconfledafiech:
sweet :D

--
"Only those with the freshest, most succulent livers will be saved..."
~Raptor Jesus
Reply
:icona-n-d-b:
*A-N-D-B Jul 9, 2011  Professional Traditional Artist
Very nice CSS.... I have been too busy in my life to really do much . but i will

--
#the-surreal-arts
#TheExquisiteCorpse

[link] <--shadowness.com/Otolyth
Reply
:iconkate256:
GIMME MAH SHAMWOW

--
It could be about 20% cooler
~Rainbow Dash
Reply
:iconmssplashley:
~MsSplashley Feb 21, 2011  Student Digital Artist
i dont get how to change anything!
Reply
:icon:
Add a Comment: