Steam Inspired Journal Skin

6 min read

Deviation Actions

gillianivyart's avatar
Published:
2K Views
This was originally going to be a gift for my bf, silverbane.  However, he was planning to design and code his own journal skin, so I've decided to make this a free installable instead.  Balance out for all the girly skins I make...  ;D

Heading 1 silverbane


Heading 2 gillianivyart


Heading 3 eCSSercise


Heading 4 eCSSited


Heading 5 CSS-Babes

Heading 6 Hello-Sweetie

Do you like Columns?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Until the previous line, but here is you, grief and password. We Welcome you. You want to free your for who is a bit overwhelming. That would be like no eros. Search tortor, hendrerit sit amet Welcome to America was not. Moreover, the mystery for you in the course of disease. Features your ideas here. What is all this nonsense then?

Of Course you Like Them!

Integer nec elit augue. Morbi sit amet libero quis enim faucibus varius. Ut sed nulla eros. Integer neque tortor, hendrerit sit amet laoreet dapibus, rutrum non erat. Morbi vitae nibh in dolor egestas cursus. Aenean lorem mauris turpis duis. Visit Lipsum.com

This journal is still under works.  I want to test functionality a bit, so need to submit.  I've heard of an error going on right now where the HEADER and FOOTER elements are not showing up properly.  The sidebar is an integral part of this layout, as that is one aspect that really makes it match with the layout and design of the Steam engine.  If you do not see the sidebar, please visit the direct journal link.  I am currently welcoming any critiques on this before release.  I am still in the process of formatting (haven't gotten to thumbs as of yet).  I will update only when it is fully complete.

Journal Thumbs



I may just leave the thumbs with the subtle underline hover.  Nothing too fancy to really take away from the over all journal.  I like subtle.  One element that Steam has for their images, is a nice big panoramic ratio looking preview image.  So, I'll make an image class for that.  Using your standard <img src>.



    Unordered List

  • Do you play video games?
    • yes.
  • Which do you prefer RPG, FPS or what?
  • What is your all time favorite game?

    An Ordered List

  1. Girl Gamers are hawt.
  2. I :heart: Gamer Guys
  3. My game is Sims 3 but I like to watch.
  4.   
  5. I'm a lousy shot and I prefer to solo.

Three columns

Use <div class="third"> to make thin columns.  Use <div class="half"> for just a double column only.  Use <div class="clear"> afterwards so no funky columns.


Italics, Emphasis, Bold, Strong, Abbreviation, Acronym, Small, Strike, Insert, Underline, Code, Teletype, Subscript and Supscript.  

I haven't yet decided what to do with the whole FOOTER area, moods, etc.  Also, I intend to add a vanity menu across the top left edge.  Which would be the user's gallery, note me link, etc.  And I will be leaving the Flash Mob feature in the sidebar install, so the mob will be perpetuated forever.  There will be full instructions for modifying the sidebar links and feature.  I plan to make GoogleDocs for each of my skins as a help file.  Majority of my skins are user friendly, but may need minor adjustments to personalize them for use.  CSSers, anyone remember what that code is for the highlighted text?  I can't remember at the moment and I'll look it up later.  right now, I'm going to take a break.  Maybe I can remember who I was having that CSS conversation with that one time at band camp...

© 2011 - 2024 gillianivyart
Comments54
Join the community to add your comment. Already a deviant? Log In
GinkgoWerkstatt's avatar
Haha, you love going crazy with journal features these days, don't you? Looks great so far and i am looking forward to see the final result :eager:

Just one question, is it intentionally that the mood that can only be read half way? D:

*goes hover-crazy*