| Deviant Login | Shop | Join deviantART for FREE  |
Take the Tour  |
Gemma's Squid DesignSubheading 1 :devgemmasuen:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id lorem dolor. Curabitur at libero luctus justo commodo tincidunt id ut nulla. Vivamus venenatis odio nisl, non convallis risus. Pellentesque nec sem a risus auctor placerat dapibus id velit. Morbi lacinia nisl ut purus tincidunt interdum. Ut pulvinar suscipit magna quis condimentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ullamcorper condimentum vulputate. Fusce ac diam urna, ac faucibus nulla. Donec ac elementum urna. Etiam rutrum nibh eget dolor luctus in sodales nibh sagittis. Etiam arcu ipsum, ultric
The Journal Portal
Browse Journals |
Polls |
deviantART [dee·vee·un'nt·ART]
Keep in Touch!
|
Deviousness `anmari has been spreading her infectious positivity throughout our community for over 6 years. Throughout this time Ana has been at the core of all things devious, passionately developing an eclectic gallery, helping organise devmeets, participating in chat events and also recently completed dedicating her time as a Community Volunteer. We are absolutely delighted to bestow the Deviousness Award for May 2013 to `anmari, congratulations! Read More
|
Sta.sh
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.
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.
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.