Bugbo Layout (CHECK DESC)

Tags: bugbo

Description:

HI SO IM LIKE KINDA REALLY NEW TO THIS AND THIS IS MY FIRST LAYOUT SOBS feel free to customize anything you want i dont care as long as you comment "using" or smth if you use it ykwim credit not needed but appreciated!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ૮꒰ྀི⸝⸝> . <⸝⸝꒱ྀིა (https://layouts.spacehey.com/layout?id=39115) -->



<style> 

/*==========⚠️==========
* for colors go to https://htmlcolorcodes.com/color-names
* for fonts go to https://fonts.google.com
* for cursors go to https://icons8.com , https://custom-cursor.com , https://www.cursors-4u.com
============⚠️==========*/

<style>

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body{
background-color: linear-gradient(360deg, #000032 30%, #14153b 100%);
}

.container{
margin: 2em auto;
width: 960px;
border: 10px dashed Gold;
border-radius: 10px;
}

nav .top{
background-color: Blue;
}

nav .links{
background-color: MediumVioletRed;
text-align: center;
}

main{
background-image: url(https://i.pinimg.com/originals/a7/31/4b/a7314b5d63a38e505b3794a0f02bb3b9.gif);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

main p{
color: white;
}

.profile h1{
font-family: 'Bebas Neue', cursive;
color: white;
text-shadow: 2px 2px 0px black;
font-size: 40px;
}

.profile .profile-info{
background-color: MediumVioletRed;
box-shadow:2px 2px 0px black;
border-radius: 10px;
}

.profile .blog-preview{
color: white;
}

.profile .general-about{
background-color: MediumVioletRed;
box-shadow:2px 2px 0px black;
border-radius: 10px;
padding: .5em;
margin: .5em 0em .5em 0em;
}

.online{
color: white;
font-family: 'Bebas Neue', cursive;
font-size: 30px;
text-shadow: 0px 0px 5px black;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile-pic img{
height: 10em;
margin: .5em;
}

.profile .contact .heading,
.profile .table-section .heading{
background-color: MediumVioletRed;
border-radius: 10px;
text-shadow: 2px 2px 0px black;
font-size: 25px;
font-family: 'Bebas Neue', cursive;
line-height: 1.5em;
}

.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}

.contact .inner a:before{
content: "🐛";
font-size: 17px;
} 

.profile .table-section,
.profile .contact,
.profile .url-info{
background-color: MediumVioletRed;
border: none;
border-radius: 10px;
box-shadow:2px 2px 0px black;
}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: transparent;
color: white;
text-shadow: 2px 2px 0px black;
font-size: 25px;
font-family: 'Bebas Neue', cursive;
line-height: 1.5em;
}

.profile .blurbs,
.profile .friends{
background-color: MediumVioletRed;
border: none;
border-radius: 10px;
box-shadow:2px 2px 0px black;
}

.profile .blurbs .section h4{
color: black;
font-size: 15px;
padding: .5em 0em .5em 0em;
}


table.details-table td {
background-color: black !important;
border-radius: 10px;
}

table.comments-table{
border: none;
}

table.comments-table td {
background-color: MediumVioletRed !important;
border: 1px solid black;
}

.profile .comments-table .comment-replies{
border: 1px solid MediumVioletRed;
}

.comments-table {
display: block;
height: 600px!important;
overflow-y: scroll;
outline: none !important;
}

footer{
background-color: Blue;
color: white;
}

a{
color: white;
text-shadow: 0px 0px 5px black;
}

a:visited {
color: white;
text-shadow: 0px 0px 5px black
}

a:hover {
color: SeaGreen;
text-shadow: 0px 0px 5px black;
}

a:active {
  color: white;
}

nav .links a:hover{
color: SeaGreen;
text-shadow: 0px 0px 5px black;
}

</style>

<style>
body{background:url("https://cdn.discordapp.com/attachments/1101677636897489016/1143518447859404901/Untitled_Project_10.jpg") no-repeat fixed; background-size:cover;}
</style>


<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://static.wikia.nocookie.net/the-bugbo/images/5/5d/Bugbo_Intro.gif/revision/latest?cb=20230618145257');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 4s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>


<img src="https://media.tenor.com/RKnBJ1VIVesAAAAd/gerbo-bugbo.gif" width="100" height="100"/>
<img src="https://media.tenor.com/pKu1lg_UlS0AAAAC/bugbo-a-familiar-foe.gif" width="100" height="100"/>
<img src="https://media.tenor.com/GV3ViavmrQMAAAAC/bugbo-gerbo.gif" width="100" height="100"/>
<img src="https://media.tenor.com/Hy4VvrIRPrkAAAAC/bugbo-a-familiar-foe.gif" width="100" height="100"/>
<img src="https://media.tenor.com/1WU4nA-R4EAAAAAC/bugbo-dance.gif" width="100" height="100"/>
<img src="https://i.pinimg.com/564x/38/c0/bf/38c0bfe99eeb2e3919f488d2603dd941.jpg" width="100" height="100"/>
<img src="https://media.tenor.com/NjVvxVLGoh8AAAAC/gerbo-bugbo.gif" width="100" height="100"/>
<img src="https://media.tenor.com/-GjahnFGw8AAAAAC/bugbo-gradient-joe.gif" width="100" height="100"/>
<img src="https://media.tenor.com/l2ia3cHYBFwAAAAC/bugbo-swing.gif" width="100" height="100"/>
<img src="https://media.tenor.com/FhW4hYbG4VYAAAAC/bugbo-hoppo.gif" width="100" height="100"/>

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 20 of 22 comments ( View all | Add Comment )

Ryan!	1751029197 using! Report Comment
Y0M1	1743108854 using :3 Report Comment
Shyalmi	1733191003 the blue background isn't appearing Report Comment
HaileyFandroidFan11	1730679743 I may or may not use this bc I fcking love bugbo Report Comment
PIP!!	1722571945 USINGG Report Comment
Cosmoo!	1720830280 I will b using tis!!! Awsome sauce!! >_< Report Comment
Lincoln / tin	1718767782 UISNG !!! Report Comment
brahyce	1713956302 USIGN Report Comment
FRAZZLE!!	1712398996 using :3 Report Comment
fritz !! :-)	1711394647 using :3 Report Comment
tiny ballsack	1707266163 usingg >.< Report Comment
HUNGRYBURGER9TH	1702855607 USING CUZ MY FRIEND WANTS TO MATCH ACCOUNTS 🤷 Report Comment
Jonah >_0	1702420851 I LOVE IT!! >_< Report Comment
wawawawawa	1698247223 is there any way i could possibly get rid of the intro gif? it jumpscared me when i logged onto my page sksjs Report Comment
snowdin sys	1695840428 THIZ IS AMAZINNGGG USING<3 Report Comment
Ethan	1695131348 using if i can find out how >__< Report Comment
84D_H481T	1694647248 using!!! :=:D Report Comment
HarshHarmony00	1693830041 USINGG!!!!!!!! OMG THIS IS SO AWESOME SAUCE!!!!!!!! >_< Report Comment