A Thank You to Everyone!

Now, an extra big wonderful thank you to everyone who installs, faves and comments today. I really appreciate every one of you. Please show some love to the stock resources and the tutorial I originally learned from (over a year ago).

This skin has minor HTML which will need to be edited to personalize the journal for your use. This link is a GoogleDoc with instructions in the comments. Simply click the highlighted text and a comment will pop up. You can leave comments, or if I am available, I can chat with you on the document.

Happy 11th Birthday DeviantART

This journal is a re-design of my very first journal skin on DA, which has always been a favorite. Since I started skinning, just over a year ago, my skills have advanced incredibly. I thank my watchers and CSS friends with their constant encouragement as I learn to skin. A thorough critique is appreciated!

This was a test of myself to compare how my original skin from a tutorial has advanced to where I feel confident in my skills and knowledge to be a Mentor at eCSSercise.

Free to Use

This is an easy install journal which is also easy to use. There are a lot of extra features, but you really need minimal HTML/CSS knowledge to use this skin.

Otherwise it will have the defaults, which the menu will have my links and the footer will have a nonsense blockquote in it. The blockquote is there as example for you to use.

HEADER

Edit or remove the <div class="menu"> links in order to change the drop down link menu. IMPORTANT Do NOT alter the ul and li orders, as it can mess up your skin. Altering the menu will take more advanced knowledge, and I cannot explain how to do it.

The header also contains the images for the design and divider line. You can remove this if you wish a plainer skin, however, you may not alter or redistribute them.

Journal Input

First, you will need to add the <p> element to the very beginning to get the first letter to be big. The close tag is in the footer. I did not place it into the header, as it does not do pseudo-class styling properly.

From there, you can simply type up your regular journal entry as normal. But there are a lot of extras you can use to change the fonts, style, colors, float, effects, and more. Please read the journal to see what each does. I'll just list them here, they are better explained in the journal.

More Extras!

Float your thumbs or blocks of text with <div class="right/left">>. Blockquotes and two box styles can set features apart. For the dotted feature box, use this: <div class="dotBox"> And use <div class="solidBox"> for a matching box with a solid border instead. Two matching horizontal rules, <hr> for solid line and <div class="dot"> for the dotted line.

Two list styles, Ordered and Unordered. There's no numbers, it's just opposite colors and link styles. they also have a nifty hover effect, because I like hover effects...

For an interesting font change, good for adding quotes <i class="quote"> (easy to remember as "I Quote"). This can be stacked with the float DIVs left or right in order to put your quote in a separated section.

Images are formatted 3 ways. First, thumbs, which have shadow and hover effects. Then for emotes, stamps and pngs, you can use <em> in order to remove the thumb styling. And finally <img class="zine"> tag is formatted to have a matching style with the skin and a max-width set to fit within the journal. It is a percentage so it can scale to the document. I named it "zine" to be easy to remember as it has a magazine sort of style when put in a column. You can add captions by adding <acronym> or <abbr>.

Center anything in the journal using <div align="center"> around the text or images you want centered.

FOOTER

The footer contains an example blockquote with the quotation images in place. Just copy & paste it where you want it, or delete it if you're not using it. But it's in the footer for you as a template so you don't forget the quotations. The blockquote can also be used without them.

Two images are in the footer, the divider and the design on the bottom right. You can remove them if you wish a plainer skin. However, do NOT edit, alter, or redistribute my art.

Permissions

You are granted permission to use this skin for your personal journal or group. You can alter links and remove image elements, but do not alter the CSS, or artwork. Do not redistribute or manipulate. No derivations permitted.

Stock Textures Used

Original Design

Tutorial I first learned from

Commissions

Please support the CSS community! (CSS-babes & DeviantCSS are both trying to raise points to renew Super status)

Help & FAQ's

Please make sure you have read through instructions. I will try to help you with the installation and use as best as I can, however, I cannot just teach you HTML. For advanced features you will need to have at least a working knowledge of basic HTML. This journal is user friendly, though some parts may be fairly complicated to edit. Please refer to my journal forum for any troubleshooting issues: gillianivy.deviantart.com/jour…

Browser Compatibility

This journal is optimized for use in Mozilla Firefox. It should also be supported in Google Chrome (I didn't test as we uninstalled it, have not reinstalled yet, please comment me any issues in my forum), there may be minor differences in the glowness of fonts causing text to appear blurry. Using <em> should clear the glow. Internet Explorer does not properly show up all the glow effects which will make reading the mood box and bottom links very difficult. You may wish to simply turn those off, or add in a contrasting bg. I can assist you with this.

Edit - Fix to Lit thumbs and attribute/credit shadow/mood bg removal

Please use the following codes to fix up the lit thumbs a little nicer:q{padding:5px;text-shadow:none;color:#ffffff;}

Daily Deviation

Given 2011-08-19

Dragonfly Rider V.2 by =GillianIvy
CATEGORY: deviantART Related / deviantART Skins & Scripts / Journal & Gallery Skins / Installable Journal Skins:
The suggester says of the wonderful, free installable-CSS, "A gorgeous, and brilliant Journal Skin usable by any Premium User!" There is a "live link" to check to see how it looks in use. Really nice and very striking!"
Also suggested by *14forever who says, "This is a really creative Journal Skin. It's dark, but fabulously and amazingly creative. I love it!" (
Suggested by TimberClipse and Featured by
WDWParksGal)

Thank you! I am glad you are enjoying it, and thanks for the mention, I appreciate that. ;D I will be making more skins, no worries there. I've just been slow about it lately! lols. I see you were interested in CSS/Journals and Custom box type stuff. Check out a few groups eCSSited , deviantCSS , and CustomizeYourProfile

Also, CypherVisor has a great custom box tutorial which shows you how to skin a lit deviation and set it as your featured deviation. You can make menus or just have a custom box of stuff. They are smaller than the regular custom box widget extras, but interactive. He also has a tonne of resources in his gallery (and does commissions for custom box, etc). Good luck!

"First, you will need to add the <p> element to the very beginning to get the first letter to be big. The close tag is in the footer. I did not place it into the header, as it does not do pseudo-class styling properly. "

More usage styling instructions are in the artist's comments. Basically, begin your journal post with <p>

Yes, you go to "Edit Skin" clear out the footer (unless you're going to use it). You'll need to edit the Header links also, since it is all mine. I should have blanked everything out. Once all edits are made, then save the new copy with a new name so you can always go back to the original if there is a mistake.

Ah, ok. I suppose let whoever can edit in the club know. I have had Facebook invites before in the past because I forgot to make everything blank, and people thought I was someone else. I try to be more careful of that on new journal designs ;D

hi there, i'm using your journal skin and i only have few accounts like FB, Twitter, tumblr so I hope you don't mind that I cut the rest off in the edit css format. It wouldn't make sense to have other links when you dont even have accounts on them if you know what I mean.

Oh yes, it's meant to be edited (since I think I left the defaults as mine). I once had someone try to add me on FB thinking I was a cosplayer on deviantART I sometimes forget to blank out all the default urls to avoid that sort of mix up.

The code could be redone simpler, but for installables, I can't change them without deleting the old and making the new. This one was my DD, so it will stay foreverz!

The quote box in the footer is there as a blueprint, so delte from the one you are posting by clicking "apply" instead of "save". Remember to save your changes for the header menu so it has all your links instead of mine. I do not mind the free advertising, but I've had peole come to my Facebook thinking I am someone else

I would like to use this skin on my group journal but I need the codes cuz when I press "install journal skin" it's installing it for only my profile and I dont want it on profile I want it on journal group.I was hoping u will help me and give me the codes so I can add this to my group . I have no knowledge about how to work with those codes so I was hoping u will help me and give me the codes so that I can add them in Skin Header, Skin CSS and Skin Footer . I hope u can help me.Thx I wait for answer.

If you have it installed you can copy & paste each field into the corresponding sections. Header to Header, etc. Then save the file (edit any links, etc first). Alternately, you can use Sta.sh to submit to your group with the skin from the install version. I think each blogger would need to have it installed in order to use that option. But it may be easier than managing the group journals. (I wish they had installables active in groups) Like an install to group option, that would be great! Need gallery installs and group installs ;D

If you need further help, I'll try the best I can, maybe send the code via notes.

I pressed the install journal...it installs in my journals skins for profile and I want it on group . I don't have any code knowdlege and I can't understand the turitorials they don't specify nothing useless for a beginer ...only who have knowledge can understand.Please help me x.x. my group is I need the codes and I dont know how to get them.