Twilight Sparkle's profile picture

Layout published by Twilight Sparkle

published
updated

View Layouts

View Profile

Report Layout

Decorate your SpaceHey logo with any image/pride flag you want!

Tags: pride, twilight, logo, gradient, background

Description:

Ever wanted to give the SpaceHey logo a certain gradient but haven't been able to?
Or perhaps you wanna put a pattern image under it?
Don't want to bother with image editing just to see how it'd look? Here you go!
(This may not work on some browsers — mask is still an experimental CSS property! Check https://caniuse.com/css-masks for more info. This has been tested on latest desktop Chrome and latest desktop Firefox. If your browser doesn't support it, it should gracefully failback to the original logo.)
By default, this will put the SpaceHey logo in trans flag colors.
You can either replace the "background:" rule with background: url([your image you want to use]), or replace it with one of these for more pride flags!

(Please leave the credit comment in the style tag in when you use it!)

Preview:

Layout Screenshot
click on the image for a larger preview

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.


Comments

Displaying 4 of 4 comments ( View all | Add Comment )

GRIMXCIV

GRIMXCIV's profile picture

The trans flag ia ontop of spacehey instead of decorating it on the description page in the corner. How can I make it do that instead lol.


Report Comment



It was only broken in the layout description, the layout works fine. Fixed, regardless.

by Twilight Sparkle; ; Report

♡⃕nainu❜

♡⃕nainu❜'s profile picture

I'm obsessed! love how it looks, ty


Report Comment

roastyghostyprincess

roastyghostyprincess's profile picture

Love it! I used the bi pride for my profile XD


Report Comment



Just replace the "background:" line with any of the "background:" lines from these: barchok

by Twilight Sparkle; ; Report