My Layouts

this is the google fonts import code. Add this to the top of the code:

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

font-family: "Barrio";

by Bela; 1746687363; Report

Thank you so much!!! /vpos

by AD3.Ghost; 1746797574; Report

yeah no problem, for a simple youtube autoplay code check out my blog here, if you want a different style check out Easy Youtube Autoplay Player V2 by xerlandia

by Bela; 1740627086; Report

of course! there's a simple fix to this, just add the !important after the 0 in the code:

.contact .inner a img {
  font-size: 0!important;
}

by Bela; 1740256244; Report

I'm super late with this reply, but this blog CSS Snippet: Changing The Contact Icons by Cory has the CSS code for that :)

by Bela; 1739413190; Report

thank you! I would say you only need to change the margin:top: ; for the one you want to lower. If you change all of them individually, it just changes to distance between them instead of moving the entire thing down a bit.

by Bela; 1733441572; Report

it looks good on my end, all the images show up :)

by Bela; 1726607341; Report

Oh sure. I made this layout before An updated the spacehey styling. The code to remove the text shadow is this:

.nav .links a{
    text-shadow: none;
}

by Bela; 1725831179; Report

thank u so much!

by lowes!!; 1725850648; Report

yeah the code is:

nav{
margin-top:20px;
}


by Bela; 1720851420; Report

thank youu!<3

by ❀✮gabi✮❀; 1720855556; Report

I would really be thankfull if you or someone else could help me >_<

by moosya!!! ☆; 1717277017; Report

I'm sorry for the late reply but I see you figured it out, your profile looks cool! :D

by Bela; 1717568388; Report

 nav .top{color:black;background-color:whitesmoke!important;}nav img.logo{filter: brightness(0) saturate(100%)!important;}
nav .links a{
text-shadow: none!important;
}
nav .links{
background-color:whitesmoke;
border-top:2px solid black;border-bottom:2px solid black;}nav .links a{color:black;}button{background-color: transparent;border:none;color: black!important;}.edit-info{background-color:white;border:2px solid black;}.comments-table{border-spacing:2px;}.comments-table td, .comments-table td:first-child{background-color:white;border:2px solid black;}.comment-reply:not(:first-child) {border-top: 3px double black;}.comment-replies {border: 2px solid black;}.kudos, a, .count{color: DarkSlateBlue;}
nav .links a{
text-shadow:none;
}

by Bela; 1715112969; Report

THANKS SM OMG UR A LIFE SAVER 💜💜💜

by emma; 1715115869; Report

sorry but its not working :( any idea why ?

by emma; 1715118033; Report

add the code between the style tags :)

I have a video here if you need it [
Blog Css

by Bela; 1715143038; Report

oooh i see ty ty

by emma; 1715143504; Report

sorry for the late reply, but I see you fixed it. your profile looks dope!!

by Bela; 1712638942; Report

lol thanksss, I had just started so I wasn't exactly sure what everything did but I'm starting to get the hang of it (aka I paste layouts into the code panel and hope for the best lmao)

by dead.mp4; 1712670443; Report

sorry for the late reply!! I see you fixed it, sorry I wasn't any help but your profile looks great!

by Bela; 1712639018; Report

no no, I got colours changed but not the background of the page itself- still need the help sorry

by shxrkiiee; 1712993685; Report

the background image is in the root code, once there, you can change the image.

root:{

--background_image:

}

by Bela; 1713234157; Report

okay, thanks!

by shxrkiiee; 1713251134; Report

I've seen Wubzilla use a custom bulletin layout, you could try asking him for a base code :)

by Bela; 1704761383; Report

sorry for the late reply, I was going to comment that you can add a filter to the images but it looks like you've already done it lol

by Bela; 1704760751; Report

yep lol, thanks anyways tho!

by xasthur.wizard; 1704768161; Report

The code for inside the scrollbox is the main code and the outside would be the body. you just have to add the background-image code to both to add the image you want.

by Bela; 1704164321; Report

Thank you!

by Piko✮(Autoplay ^_^) OSC and PRECURE ver; 1704164928; Report

you just have to add !important after the border code for example:

border: 2px solid black!important;

you can read more about the !important here -> https://www.w3schools.com/css/css_important.asp

by Bela; 1703057006; Report

forgot to add, if you don't want the border just put

border: none!important;

by Bela; 1703057082; Report

omgg thank youu it did work ! <3

by cevityl; 1703881805; Report

I think it's because it's an imgur picture. Imgur blocked spacehey so any pictures loading from imgur don't show up. The picture is still up on imgur though, you can save it to another website like img.bb just replace the url

by Bela; 1701072127; Report

sorry for the late reply! here's the code:

:root{
    --topic1: "Hobbies";
    --topic2: "Bands";
    --topic3: "Tech";
    --topic4: "Fandoms";
    --topic5: "Scenes";
    --topic6: "Writers";
}

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
  color:var(--links) !important;
  letter-spacing: normal !important;
   text-shadow: 2px 2px black !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

by Bela; 1699831766; Report

no worries! already figured it out tho lol

by Nehiri; 1699837679; Report

sure! the code is this:

.container{
    width: 100%;
}
main{
    width:800px;
    height:500px;
    overflow-y: scroll;
    margin: auto;
}

by Bela; 1690315301; Report

tysm!!!!! youre the sweetest

by ten | cherubsreunion; 1690321647; Report

also idk if it matters but i wanna put images like this https://i.kym-cdn.com/photos/images/original/001/879/084/63d.gif on the side of screen like in the corner or smth idrc as long as its there yknow

by bonez; 1689019288; Report

I have the code in this layout. If you need further help let me know :)

by Bela; 1689051181; Report

to make another image one the left side just make another div and title it something else like for example div class="leftsideimage" and in the code, instead of right:0; change it to left:0;

by Bela; 1689051363; Report

i think i got it thank u sm for the help!!

by bonez; 1689055736; Report

you're welcome :)

by Bela; 1689059402; Report