psychol-bob on DeviantArthttps://www.deviantart.com/psychol-bob/art/Arustic-Journal-Skin-IE6-122238858psychol-bob

Deviation Actions

psychol-bob's avatar

Arustic Journal Skin - IE6+

By
Published:
25.5K Views

Description

Second CSS journal skin. This is a very easy install with little/optional html coding I think I'm getting better at this.

The live example found here: [link] . This preview image does NOT do justice until you SEE THE REAL THING!

.........................................

HOW: - div tags for the text boxes:

1. Dashed textbox:
<div class="dashedbox"> your content </div>

2. Hover textbox:
< p> your content </p >


3. Stylish Textbox:
<div class="entry"> your content </div>

.........................................

- To change the sidebar menu replace the text and links you want in the header section (The original code has my personal links).

- To change the header image with your customized one: replace the 'layouttop.jpg' link with the URL of your image inside the body of the CSS code (850x251).

- To download the section images or a .PSD file to customize your header, click here [link]

- Tested in Mozilla Foxfire, Google chrome and Internet Explorer 6 (although the hover effects on the icons/thumbs won't work and the corners are kinda buggy in IE6).

- Credits: All the CSS is made by me, but I did get some help from :iconthespook: 's journals. The graphics come from different PS brushes and shapes from deviantArt.
© 2009 - 2024 psychol-bob
Comments94
Join the community to add your comment. Already a deviant? Log In
Bronytoss's avatar
Love the simplicity! Hope you dont mind me using ^.^