Vampire Goth

Tags: vampire, goth, black, animation, layout, dark

Description:

A black layout accented with red and gray accents for vampire goths (or literally anyone) to use. 


Please give me credit for this whether it's in your profile, a bulletin, or a blog. If you could also comment to let me know you used this, it would be appreciated.

You can replace any of the code for your own personalization (It still works without replacing anything). I recommend only replacing the following: Intro Gif, Online Icon, Banner, Snowflakes, Slideshow, Playlist, Blinkies (In the same order it shows up in the code, 'Intro Gif' through 'Banner' code is near the top while the rest are at the bottom). I also recommend cutting and pasting everything from Slideshow to Blinkies somewhere into 'Interests' section.

Under 'body:before': Replace the URL inside the parenthesis with your own GIF or image (Use Imgur to get image code)

Replace the URL inside the parenthesis with your own GIF or image (Use Imgur to resize the image to your liking and to get image code)

Replace the URL inside the parenthesis with your own banner (I used Canva to create mine, and Imgur for image code)

Replace URL inside of the quotes with your image. Mine were resized ~11 px wide by 11 px tall using an image resizer, then imported into Imgur for the URL. If you want multiple snowflakes images, add different URLs for different links. If you want the snowflakes to fall more often, copy and paste your set of URLs until you're satisfied with the outcome.

Under the section 'marquee', replace each URL inside the parenthesis with your image of choice. If you want more images, copy and paste a line of code directly under the code already there and follow the prior instructions.

*THIS DOES NOT AUTOPLAY MUSIC not every (device?browser?) is compatible with this feature, and mine is one of them*
For Spotify: Open Spotify → click on your playlist of choice → choose the three dots → share → embed playlist → copy → replace entire section of code
OR
Open Spotify → click on your playlist of choice → choose the three dots → share → embed playlist → show code → copy everything after 'playlist/' and before '?utm' → replace same section of code in the script.

For others: Look for embedded code in your music playing app and follow instructions above

Replace URL inside of quotes with your blinkie URL of choice. Use Imgur for image codes, if you want more Blinkies copy and paste a line of code (multiple times if you want many more). Or delete lines of code if you want less.


You cannot upload an image URL if it doesn't end in .png, .gif, or .jpg. Using Imgur allows you to 'copy direct link' which ends in these image codes. If you need additional help replacing parts of code, comment below or reference attached images (Yellow = Portion of replaceable code; Orange = Line of replaceable code; Green = Section of replaceable code).

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.