Neon Hearts

Tags: hearts, neon, hyperpop

Description:

this is the first thing ive literally ever made coding-wise, it kindof sucks but i think its cute so uhm if you wanna use it go ahead, pls credit me tho lol

Preview:

Code:

<!-- (c) Layout created by nyxxi (https://layouts.spacehey.com/layout?id=26902) --> <style> body { background-color: purple; background-image: url('https://i.pinimg.com/originals/0a/f7/bf/0af7bf7c76ae6754ecd9478d30d57e8b.jpg'); background-attachment: scroll; background-repeat: repeat; background-position: center; } </style> <style> main{ background-color: black; } </style> <style> .top{ background-color: black; } </style> <style> .links{ background-color: lime; } </style> <style> .top input{ color: lime; background-color: purple; background-image: url('https://i.pinimg.com/originals/c3/c2/85/c3c2850dcd52b832ef08425304e95448.jpg'); background-attachment: fixed; background-repeat: no-repeat; background-position: center; } </style> <style> button{ background-color: pink; } </style> <style> .contact{ background-color: purple; } </style> <style> table.details-table{ background-color: hotpink; } .profile.details-table{ background-color: lime; } </style> <style> .blog-preview{ background-color: pink; } </style> <style> .blurbs{ background-color: black; } </style> <style> .friends{ background-color: hotpink; } </style> <style> .comments-table td{ background-color: black; } </style> <style> .logo{ color: black; background-color: lime; } </style> <style> footer{ background-color: purple; } </style> <style> .contact.heading{ background-color: hotpink; background-image: url('https://i.pinimg.com/originals/c3/c2/85/c3c2850dcd52b832ef08425304e95448.jpg'); background-repeat: repeat; background-position: center; } </style> <style> .table-section.heading{ background-color: black; } </style> <style> .blog-preview h4{ background-color: pink; </style> <style> .blurbs .heading{ background-color: black; </style> <style> .friends .heading{ background-color: hotpink; </style> <style> .top{ border: 5pt solid black; } </style> <style> .logo{ border: 5pt solid black; } </style> <style> .top input{ border: 5pt solid black; </style> <style> button{ border: 5pt solid black; } </style> <style> .links{ border: 5pt solid black; } </style> <style> .profile-pic img{ border: 5pt solid lime; </style> <style> .contact{ border: 5pt solid black; } </style> <style> .url-info{ border: 5pt solid lime; </style> <style> table.details-table{ border: 5pt solid purple; } .profile .details-table td{ border: 5pt solid pink; </style> <style> .profile-info{ border: 5pt solid lime; } </style> <style> .blog-preview{ border: 5pt solid hotpink; </style> <style> .friends{ border: 5pt solid black; </style> <style> .comments-table td{ border: 5pt solid purple; </style> <style> .top{ color: hotpink; } main{ color: lime; } footer{ color: hotpink; } </style> <style> a{ color: lime; } a:hover{ color: pink; } a:visited{ color: white; } .top a{ color: hotpink; } .top a:hover{ color: lime; } .top a:visited{ color: white; } .links a{ color: pink; } .links a:hover{ color: white; } .links a:visited{ color: lime; } .friends-grid p{ color: white; } footer .links a{ color: lime; } footer .links a:hover{ color: white; } footer .links a:visited{ color: lime; } </style> <style> .online{ content: url("https://dl.glitter-graphics.com/pub/364/364595vgqwlvfpt6.gif") !important; } </style> <style> .top{ color: purple; background-color: purple; background-image: url('https://i.pinimg.com/originals/f5/8b/7a/f58b7ad51c308697d8b2815b94a7513d.jpg'); } </style> <style> .blurbs .heading{ color: black ; background-color: black; } </style> <style> .profile { background-color: purple; background-image: url('https://i.pinimg.com/originals/c3/c2/85/c3c2850dcd52b832ef08425304e95448.jpg'); background-attachment: scroll; background-repeat: repeat; background-position: center; } </style>

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.