Shop Mobile More Submit  Join Login
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
:iconladybrookecelebwen:
LadyBrookeCelebwen Featured By Owner Nov 2, 2011  Hobbyist General Artist
This is awesome!
Reply
:icongillianivy:
GillianIvy Featured By Owner Nov 2, 2011  Hobbyist General Artist
:hug: Thank you! And for the faveness!
Reply
:iconladybrookecelebwen:
LadyBrookeCelebwen Featured By Owner Nov 2, 2011  Hobbyist General Artist
:hug: You're welcome!
Reply
:iconanapkmn-chan:
AnaPKMN-chan Featured By Owner Sep 17, 2011  Student Traditional Artist
i'll use this in my journal ^^
Reply
:icongillianivy:
GillianIvy Featured By Owner Sep 17, 2011  Hobbyist General Artist
;D Great!
Reply
:iconkayleero:
kayleero Featured By Owner Aug 5, 2011  Student General Artist
So, I don't know if its just that I'm doing it wrong, but when I try to edit the menu and stuff it comes up with my links next to the ones already there... But other than that awesome journal, love the idea and the layout!
Reply
:icongillianivy:
GillianIvy Featured By Owner Aug 5, 2011  Hobbyist General Artist
You should just be editing the links there. This one is done as an image sprite, so adding different titles doesn't really work for it. You would be able to remove the image menu and use your menu instead. I'll need to see example to be sure exactly what's wrong. I'll try to help you set it up the best I can.
Reply
:iconkayleero:
kayleero Featured By Owner Aug 5, 2011  Student General Artist
Ok... 1 second lemme make an example...
Reply
:icongillianivy:
GillianIvy Featured By Owner Aug 5, 2011  Hobbyist General Artist
I'm about to go to sleep, so take your time ;D
Reply
:iconkayleero:
kayleero Featured By Owner Aug 5, 2011  Student General Artist
Ok. I made the example its [link] here. You don't have to look at it now if your going to sleep. Good night! XD
Reply
:icongillianivy:
GillianIvy Featured By Owner Aug 5, 2011  Hobbyist General Artist
It looks like you need to just delete everything else.

<div class="featured">
<
a href="http://fav.me/d3argre"><img src="http://th00.deviantart.net/fs70/PRE/i/2011/061/7/5/o_carnivale_by_gillianivy-d3argre.jpg"></a>
</div
>

Replace the Striked Out info with your link and img url.

<div class="menu">
<
a class="facebook" href="[link]"></a><a class="twitter" href="[link]"></a><a class="blog" href="[link]"></a><a class="gallery" href="[link]"></a><a class="collections" href="[link]"></a><a class="polls" href="[link]"></a>
</div>


You can either remove the entire "menu" section, or edit each link to be your own. If you remove particular links, then the image that matches will be removed. Adding new links will just be text. It may be hard to see against background, you may want to use image links if you can.


<div class="thumbs">
<div class="center">
<em>:thumb#####::thumb#####::thumb#####::thumb#####:</em>:thumb#####:
</div></div>


Replace :thumb#####:'s or remove them entirely. The <em>'s are for stamps/emotes.

Hope this helps! ;D
Reply
:iconkayleero:
kayleero Featured By Owner Aug 6, 2011  Student General Artist
I figured it out. I was putting the codes in the wrong place. Thank you!!! :)
Reply
:icongillianivy:
GillianIvy Featured By Owner Aug 6, 2011  Hobbyist General Artist
Glad you got it worked out ;D
Reply
(1 Reply)
:iconkayleero:
kayleero Featured By Owner Aug 6, 2011  Student General Artist
I tried doing all this, but it still isn't working... (Sorry to waste more of your time...)
Here's what I typed:
<div class="featured">
<img src="[link]">


<div class="menu">




<div class="thumbs">
<div class="center">
:thumb251050205:
:thumb251050205:
:thumb251050205:



The journal is here [link]

Thanks for helping... And I'm sorry to waste your time, again. :)
Reply
:iconkayleero:
kayleero Featured By Owner Aug 5, 2011  Student General Artist
Reply
:iconenkeli-kristalli:
Enkeli-Kristalli Featured By Owner Apr 8, 2011
LOVE THIS TY X
Reply
:icongillianivy:
GillianIvy Featured By Owner Apr 9, 2011  Hobbyist General Artist
:iconloveyouplz:
Reply
:iconlilangel0913:
LilAngel0913 Featured By Owner Apr 1, 2011  Hobbyist Digital Artist
i love the design in this but i cant seem to get the thumbs to work right but i still love it to death :D
Reply
:icongillianivy:
GillianIvy Featured By Owner Apr 2, 2011  Hobbyist General Artist
What are you having trouble with? Maybe I can help. Send me a note with full details or post in my forum: [link]
Reply
:iconlilangel0913:
LilAngel0913 Featured By Owner Apr 2, 2011  Hobbyist Digital Artist
ok thanks :)
Reply
:iconranizzle:
Ranizzle Featured By Owner Apr 1, 2011   Photographer
i love this design :)
Reply
:icongillianivy:
GillianIvy Featured By Owner Apr 2, 2011  Hobbyist General Artist
Thank you! I'm glad you do ;D I'm in love with it too, so far the favorite I've made.
Reply
:icondhik-a:
dhik-a Featured By Owner Mar 21, 2011  Student General Artist
Seriously, this is soo amazing! I though that this was a web design o__0 Well done :clap:
Reply
:icongillianivy:
GillianIvy Featured By Owner Mar 21, 2011  Hobbyist General Artist
Aw, thanks! Maybe I'll make a web page based off of it ;D I've used it before for html stuffs. But now it's niftier than it ever was before!
Reply
:iconclaudya06:
claudya06 Featured By Owner Mar 20, 2011  Hobbyist Digital Artist
Oh, just premium users can use, so sad... But itīs lovely anyway...
Reply
:icongillianivy:
GillianIvy Featured By Owner Mar 20, 2011  Hobbyist General Artist
I'm glad you like it. I believe if you install it now that it stays installed if you ever get a subscription. Or whenever DA runs a free trial of journal skins. They do that to tease people. I love my DA sub, this is only the second time I've subscribed, but now I'm hooked!
Reply
:iconclaudya06:
claudya06 Featured By Owner Mar 20, 2011  Hobbyist Digital Artist
Wow!!!! Amazing, love the colors and stuffs you added. xx from Brazil. Iīll install it.
Reply
:iconjlemin:
jlemin Featured By Owner Mar 19, 2011   Interface Designer
I think Gel pens were created just for you! [link]
Reply
:icongillianivy:
GillianIvy Featured By Owner Mar 19, 2011  Hobbyist General Artist
Loves! Thanks, hon! ;D
Reply
:iconsilverpixigirl:
SilverPixiGirl Featured By Owner Mar 19, 2011  Professional Interface Designer
How could I give you a fair and impartial critique? I think every thing you do is awesome and an EPIC WIN +1 :tighthug:
Reply
:icongillianivy:
GillianIvy Featured By Owner Mar 19, 2011  Hobbyist General Artist
Lols! You make my ego happy! ;D
Reply
:iconsilverpixigirl:
SilverPixiGirl Featured By Owner Mar 19, 2011  Professional Interface Designer
I'm your #1 fan @.@ (said like Cathy Bates in SK's Misery)
Reply
:icongillianivy:
GillianIvy Featured By Owner Mar 19, 2011  Hobbyist General Artist
Should I be scared? You're not gonna break my legs or anything... Well, so long as it's not Kathy Bates in About Schmidt XDDDDD
Reply
:iconsilverpixigirl:
SilverPixiGirl Featured By Owner Mar 19, 2011  Professional Interface Designer
[quote]Well, so long as it's not Kathy Bates in About Schmidt XDDDDD[/quote]

eeeeewwwww>.< no way! lol
Reply
Add a Comment:
 
×




Details

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

Stats

Views
4,826
Favourites
130 (who?)
Comments
53
Installs
685
×