HOME | DD

frisbii — Grey Lavender Customizable Journal Skin

Published: 2014-07-20 18:21:49 +0000 UTC; Views: 1915; Favourites: 111; Downloads: 280
Redirect to original
Description Grey lavender is a journal skin employing CSS3 transitions and a customizable "featured" header image and sidebar. The skin expands to fit large and small contexts. When hovered, the featured image and thumbnails change opacity using CSS3 transitions. The main navigation links transition to be grey text on a purple background when hovered.

By default, the skin does not have a main image. To learn how to add your own custom image and more, check out the user manual here: fav.me/d7rifgm

To view what the skin looks like with and without the sidebar and featured image, go here: frisbii.deviantart.com/art/Gre…

Related content
Comments: 10

Okamorei [2016-09-23 03:00:36 +0000 UTC]

Despite having used the manual for adding a main image, it doesn't show up. Do you know why this is? This is the code I've got so far (I took out the link because I didn't really have a need for it, nor wanted it)
orig08.deviantart.net/273a/f/2… ">

👍: 0 ⏩: 0

Livid-Aria [2016-07-27 04:15:39 +0000 UTC]

For the gallery and favorites how do you link things? > v < ♥
Or like where do you put the link?

👍: 0 ⏩: 0

sethrielle [2014-08-29 14:52:06 +0000 UTC]

This looks great, stunning!

👍: 0 ⏩: 1

frisbii In reply to sethrielle [2014-08-29 17:16:59 +0000 UTC]

Thank you! C:

👍: 0 ⏩: 0

copper9lives [2014-08-04 06:22:01 +0000 UTC]

Nice!

👍: 0 ⏩: 1

frisbii In reply to copper9lives [2014-08-04 12:05:53 +0000 UTC]

Thanks!

👍: 0 ⏩: 0

Kovyx [2014-08-03 21:55:17 +0000 UTC]

Heyy, just wondering a few things that I thought I could perhaps fix myself among the CSS of the skin whatever..

I rather dislike how the title and links on the right side don't allow capital letters, looks eh... not quite as professional or clean I guess...

Is there a way to disable the "no caps" thing or.. I dunno, how do I fix that?

👍: 0 ⏩: 1

frisbii In reply to Kovyx [2014-08-03 23:39:05 +0000 UTC]

Sure, click "edit skin" and in the css section, search for the part where it says "text-transform:lowercase;". You can just delete that line of code. There are two instances where it occurs. For the title, and for the navigation links.

The title code looks like:
h2 a{
font-weight:normal;
text-transform:lowercase; <-- Delete this
font-size:1.4em;
font-family: helvetica;
}

The navigation code looks like:
.nav, .nav a{
text-align:center;
text-transform:lowercase; <-- Delete this
}

👍: 0 ⏩: 1

Kovyx In reply to frisbii [2014-08-03 23:46:51 +0000 UTC]

Awesome, thanks so much! X3

This is a really awesome skin here, I've been using it as my livestream journal skin. :3

👍: 0 ⏩: 1

frisbii In reply to Kovyx [2014-08-04 02:59:52 +0000 UTC]

Glad you like it so much! (:

👍: 0 ⏩: 0