Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
March 19, 2011
File Size
8.0 KB
Link
Thumb
Embed

Stats

Views
4,483 (3 today)
Favourites
122 (who?)
Comments
53
Installs
637
×
Silver Gel Pen Redux by GillianIvy Silver Gel Pen Redux by GillianIvy
I've finally revisited one of my earliest journal skins, which had many flaws, though still one of my favorite designs. The original was designed from my own gel pen journal, which I scanned up my gibberish scrawl I write like that on purpose and made into a lovely bg for this journal.

There are a million differences between this journal and the old one. It has been pretty close to a year since I made the original, and frankly, I didn't really know much of what I was doing.

I kept the same layout, however much smaller. Now it can actually fit on your profile page! Lols! Like I said, I had no clue what I was doing. I will soon be taking down the old design. I'll put notices on that skin, so people have a chance to see that there's an updated version before I delete it.


View it Live: [link]




This journal requires basic HTML knowledge, if you need help, contact me in my journal support forum: [link]

In the HEADER section I have 3 editable areas.
  1. div class="FEATURED" - This is an <A HREF> link with an <IMG> tag instead of a thumb. You will need to replace the URL in the link and the IMG SRC.

  2. div class="MENU" - This may look somewhat complicated, but I've made it so you replace the ##### signs with your username and all you need to do is swap in your facebook and twitter information and blog URL. I've removed all of mine, so the default is blank.

  3. div class="THUMBS" - This section you can place stamps/emotes and featured thumbs. The longer the text area of your journal is, the more of these you may want to add. They are there to fill in the blank space that would otherwise be left behind in long journals. You may need to change the feature thumbs for different journal lengths. For stamps, in order to remove the border around the image, use the <em> tag around your thumbs.

If you wish, you can remove any or all of those sections.

In the FOOTER section I have the skin credit, please do not remove this. This is a free to use journal skin. However, this is not free to edit/alter or redistribute. It is not a template.


Once you have saved the journal with your header edits it's very simple. You can just type and go. I did add a few extras.
  1. <p> formatting - For the big first letter at the beginning of the paragraph, enclose the entire journal in the <p> tags. You can do this also at the beginning and end of each paragraph if you would like multiple big letters. This is optional, if you forget it, it doesn't matter.

  2. div class="CENTER" - Put this div around anything you want centered. Especially for centering thumbs.

  3. <em> formatting - I use this easy to remember tag for emotes. em=emotes. If you feature emotes a lot, the regular thumb styling which has a small border, may not look very good. This code removes that border.

  4. ol and li - A simple list and an ordered list.

  5. <BLOCKQUOTE> - I've finally remembered to style a blockquote! So pretty.

  6. <STRONG> - This one changes the font and color, which would serve well for subheaders or just bolded text that really stands out.

The thumb styling for the main text area features some mini thumbs which have an opacity fade when you mouseover them.

Gallery: Under Construction
I hope you enjoy the revision!

Google Chrome users: There's a fix for a minor problem with thumbs displaying huge - [link]
Add a Comment:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconemowolf26:
EmoWolf26 Featured By Owner Sep 23, 2012  Hobbyist Artist
<teletyped> Beautiful ! </teletyped>
Reply
:icongillianivy:
GillianIvy Featured By Owner Sep 23, 2012  Hobbyist General Artist
;D Thank you!
Reply
:iconemowolf26:
EmoWolf26 Featured By Owner Sep 23, 2012  Hobbyist Artist
ahah, most fail for me x3 xox but you are most welcome :hug:
Reply
:icongillianivy:
GillianIvy Featured By Owner Sep 23, 2012  Hobbyist General Artist
I think it is just <tt> Not sure if that one even works in comments, never tried it. Let's see? <--- yup, it did.
Reply
:iconemowolf26:
EmoWolf26 Featured By Owner Sep 23, 2012  Hobbyist Artist
uh, thank you kindly hun x3 quite embarrassing xD but still, thank you for helping out a fellow DA person xox
Reply
:iconsilver-moon123:
Silver-moon123 Featured By Owner Jun 23, 2012  Hobbyist Traditional Artist
Imma use this:)
Reply
:icongillianivy:
GillianIvy Featured By Owner Jun 23, 2012  Hobbyist General Artist
Excellent ;D
Reply
:iconsilver-moon123:
Silver-moon123 Featured By Owner Jun 24, 2012  Hobbyist Traditional Artist
:D
Reply
:icongraceml11:
Graceml11 Featured By Owner Jun 16, 2012
This looks awesome, thought comlicated.
Reply
:icongillianivy:
GillianIvy Featured By Owner Jun 16, 2012  Hobbyist General Artist
;D Thanks. There is nothing I do simply. lols!
Reply
Add a Comment: