white grey and red simple layout

Tags: white, grey, red, simple, custom cursor

Description:

to add music to your profile, use this outside of the <style> </style> borders:

the embed code is the last little part of the youtube link when you share and copy, for example this is the link for the episode of bondi rescue im watching right now: https://youtu.be/Zn4cCyjQ2p8, the embed code would be Zn4cCyjQ2p8, this works with whatever youtube link, it could be anything from demolition lovers to the original yippie audio to absolutely any youtube video

to change the cursor go to https://www.cursors-4u.com/ and pick out whatever one you want and replace the custom cursor code at the bottom of this layout with the the universal CSS/HTML code option for the cursor you want ^v^. ONLY WORKS WITH NON ANIMATED CURSORS IF ITS ANIMATED ITLL STAY ON THE FIRST FRAME OF THE ANIMATION

have fun blogging ^v^

(screenshot example is of my profile, the blinkies and the extra categories in the intrests are not included in this, to get the custom extra categories and to put the blinkies on your profile i have the code listed in this blog post just copy the image adress to put the blinkies (or stamps (or whatever you want really)) inside the code, for example: <img src="https://barbara.crd.co/assets/images/gallery13/983c2934.gif?v=cbba7835"/>. here is a master post by caitlynn with links to a whole bunch of resources for you to use to customise your profile)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by zenny ★★ (https://layouts.spacehey.com/layout?id=23535) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');

    body {
        background: white;
        background-image: url("https://i.pinimg.com/originals/a5/cf/84/a5cf84d48ef01413092cade323f64e5c.gif");
        background-size: ;
        background-attachment:t;
        font-family: times;
        background-position: ;
    }

    .contact {
        font-size: 11px;
        font-family: timesa;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: none;
        border-top: 0px;
        
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("http://dl8.glitter-graphics.net/pub/2766/2766948z4hb6dplic.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("http://dl8.glitter-graphics.net/pub/2766/2766948z4hb6dplic.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("http://dl8.glitter-graphics.net/pub/2766/2766948z4hb6dplic.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("http://dl8.glitter-graphics.net/pub/2766/2766948z4hb6dplic.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("http://dl8.glitter-graphics.net/pub/2766/2766948z4hb6dplic.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("http://dl8.glitter-graphics.net/pub/2766/2766948z4hb6dplic.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("http://dl8.glitter-graphics.net/pub/2766/2766948z4hb6dplic.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("http://dl8.glitter-graphics.net/pub/2766/2766948z4hb6dplic.gif")
    } 
    
    .online {
        content: url("https://ct.pimp-my-profile.com/online/26.gif");}

a {
    color: #ED0707;
    font-style: bold;
}

a:hover {
    color: black;
    font-style: bold;
}

.details-table td:first-child {
    color: white;
  background: rgba(0, 0, 0, 0.3);
}

.details-table td {
    background: rgba(0, 0, 0, 0.1);
}

.profile .table-section, .profile .url-info, .profile .contact {
    border: 0px solid white;
}
.profile .table-section .heading, .profile .contact .heading {
    color: white;
  background: rgba(0, 0, 0, 0.3);
    border-bottom: 0px solid white;
}
.profile .blurbs .heading, .profile .friends .heading
 {
    color: white;
  background: rgba(0, 0, 0, 0.3);
    border: 0px solid white;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

footer {
  background: transparent;
}
footer a {
    color: white;
    font-weight: italics;
}

.comments-table{
display: block;
height: 200px;
overflow-y: scroll;
}

.comments-table td:first-child {
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
}

.comments-table td {
    background: rgba(0, 0, 0, 0.1);
}

</style>


<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth667.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/24/tiny-rock-on-2.html" target="_blank" title="Tiny Rock On"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Rock On" style="position:absolute; top: 0px; right: 0px;"/></a>

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.