Shop More Submit  Join Login
×



Details

Submitted on
May 27, 2012
Image Size
804 KB
Resolution
1328×856
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
490 (1 today)
Favourites
11 (who?)
Comments
9
×
Gemma's Skin by GillianIvy Gemma's Skin by GillianIvy
Add a Comment:
 
:icongemmasuen:
GemmaSuen Featured By Owner May 27, 2012  Professional Digital Artist
Love! :D:D:D:D
Reply
:icongillianivy:
GillianIvy Featured By Owner May 28, 2012  Hobbyist General Artist
:giggle: You're biased! I'm glad you love your new skin ;D
Reply
:icongemmasuen:
GemmaSuen Featured By Owner May 28, 2012  Professional Digital Artist
Teehee, yes probably a little. :D But they are super awesome. I especially liked the blue round cirlcles! Never seen anything like them before haha.
Reply
:icongillianivy:
GillianIvy Featured By Owner May 28, 2012  Hobbyist General Artist
That was what I woke up thinking about! hahaha! I saw a brillian one that `kjherstin did where the copyright symbol would pop up with her link. Very subtle signature on the skin. I really liked the idea but hadn't really done much with pop ups. They are a fun scrolly surprise.
Reply
:icongemmasuen:
GemmaSuen Featured By Owner May 28, 2012  Professional Digital Artist
wowzers, she has one impressive gallery of work!
Well thank you very much for experimenting. It's really cool, I wonder if there was a way to include the first letter of the link name in the bubble to give some inidication it does something. :) I have no idea how any of it works sadly, but it will be so cool to see your ideas!
Reply
:icongillianivy:
GillianIvy Featured By Owner May 28, 2012  Hobbyist General Artist
Yes, actually, I just did it by making the color transparent. If we set it to first-letter (which may or may not work as it sometimes works in some things because it is a pseudo element not universally recognized). That means IE will not work... Also some fields in DA do not allow pseudo elements yet.

Add this to the CSS:

a.one:first-letter, a.two:first-letter, a.three:first-letter, a.r_one:first-letter, a.r_two:first-letter, a.r_three:first-letter{
color:#efefef;
padding:0 0 0 14px;
line-height:250%;
font-weight:bold;
text-shadow:#efefef 0 0 2px;
}


And find & replace the following (in bold):

a.one:hover, a.two:hover, a.three:hover, a.r_one:hover, a.r_two:hover, a.r_three:hover{
width:auto;
color:#efefef;
padding:0 14px 0 0;
line-height:250%;
font-weight:bold;
text-shadow:#efefef 0 0 2px;
box-shadow:inset #59c9ea 0 0 4px,
#dbc2c6 -2px 2px 4px;
}


The bold line is the only one that changed.
Reply
:icongemmasuen:
GemmaSuen Featured By Owner May 29, 2012  Professional Digital Artist
:D wow thank you Gill, you know so much haha. I've saved all your code in a document file to look back on in case I ever need to.
It's really quite cool! I guess I understand what you mean about the pseudo elements, actually I'm surprised there is such a thing as 'first-letter' O.o.
Reply
:icongillianivy:
GillianIvy Featured By Owner May 29, 2012  Hobbyist General Artist
So glad DA enabled stacking elements, because that would've been a ridiculously looooong comment otherwise :lmao:
Reply
(1 Reply)
Add a Comment: