bluey!!

Tags: bluey, bingo, bandit, chilli, kids show, children, autoplay, music, disney

Description:

my first bluey layout. autoplays the bluey theme song. cursor taken from other layout. no credit needed. edit however you like. if i remove a certain gif of a pumpkin, the entire code breaks. idk why. it doesnt show up on the page, just in the code.

Preview:

click on the image for a larger preview

Code:

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


<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-6/foo507.ani), url(https://cur.cursors-4u.net/food/foo-6/foo507.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/28/lucky-charms-rainbow.html" target="_blank" title="Lucky Charms Rainbow"><img src="https://cur.cursors-4u.net/cursor.png" alt="Lucky Charms Rainbow" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
  
  .logo {
  
  content:url("https://cdn.discordapp.com/attachments/1134670771353038881/1143603990169395311/Bluey-trademark-blue-white.png")
  
  }


<style>

main {
    background: #f9c93300;
}

main {
    background: transparent;
    color: #f2f2f2;
    padding: 6px 0px;
    font-size: 80%;
}

:root {
    --even-lighter-blue: #026ae0;
    --lightest-blue: #026ae0
    --light-orange: #026ae0;
    --even-lighter-orange: #026ae0;
    --dark-orange: #ffffff;
    --logo-blue: #ffffff;
    --darker-blue: #2d8bf7;
    --lighter-blue: #2d8bf7;
}

body, .bodyContent {
    font-family: "MS PGothic"!important;
    text-transform: lowercase;
    text-shadow: 0px 0px 5px;
    letter-spacing: 2px !important;
    font-size: medium !important;
    text-align: center;
    image-rendering: pixelated;
    background-image: url(https://www.missouriquiltco.com/cdn/shop/products/0026eee3-cd36-3b3e-aee0-825388703cbf_800x.jpg?v=1676932971);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: #2d8bf7;
}

form::after {
    content: url(https://i.gifer.com/YaMy.gif);
    position: fixed;
    left: 0;
    bottom: 0;
}

footer {
    margin: 5px;
    border: 1px solid transparent!important;
    background: #ffffff00;
    border-radius: 2px;
    padding: 10px;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #6cc3f9;
    background: #2d8bf7;
    color: #83a4fc;
    color: #f2f0f0;
    padding: 2px 7px;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #70a1fa;
    color: #f2f0f0;
}

.mood, .contact, .table-section, .blog-preview, .blurbs, .friends, #comments.friends, .profile-info {
    margin: 5px;
    border: 5px solid #505575!important;
    background: #66b0e8;
    border-radius: 2px;
    padding: 10px;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #f9c56c;
    background: #725257;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: #b3c8ff;
    background: #3f3e4d;
    vertical-align: top;
}

body > div > main > div > div.col.w-40.left > div.contact > div.inner > div > div > a > img.icon {
    display: none;
}

.count {
    color: #4e5273;
}
nav .top, footer{
background:url(https://www.joann.com/dw/image/v2/AAMM_PRD/on/demandware.static/-/Sites-joann-product-catalog/default/dw751fbda0/images/hi-res/alt/19365147ALT1.jpg?sw=556&sh=680&sm=fit)
}
footer p{
  color:white;
}

<img src="https://clipart-library.com/images/BcaKxrGqi.png"/></style>
<!-- (c) Layout created by Clown (https://layouts.spacehey.com/layout?id=38025) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/8nv1m-aTCZI/?&;amp;;autoplay=1&;loop=1&;controls=1//?&;amp;;autoplay=1&;loop=1&;controls=1&quot;" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>/* Profile Picture & Online Icon */
	.details p {text-align: center; font-family: monospace; font-size: 15px; color: #000;}
	.profile-pic {border-radius: 500px; overflow: hidden;}
.profile .mood {color: #000;}
	.mood {text-align: right;}
    .online {visibility: hidden;} 
    .online img { 
        content: url("https://cdn.discordapp.com/attachments/1134670771353038881/1143607540563857600/ab420964-cc8d-4269-9b07-bc65e7803877.png"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 60px;
		display: block;
		margin-left: auto;
		margin-right: auto;
    }</style>
<style>/* Profile Name Header */
	@import url('https://fonts.cdnfonts.com/css/cheri');
	.profile .left h1{ font-family: 'Cheri', sans-serif; font-size: 38px; color: #47587d; text-align: center; overflow-wrap: break-word; text-shadow: 3px 3px 3px #000;}
</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.

Comments

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

Gloss! ♡	1714461031 Using!! Report Comment
jellyseaz	1711833006 Using !! Report Comment
fn.mp4	1702203906 USING Report Comment
J4yy	1700921454 using! :3 Report Comment