Cobra Starship Layout!

Tags: cobra starship, neon, scene, gif, music, layout, 2000s

Description:

Inspired by cobrastarship.com :) Sorry for how messy the code is I don't know what I'm doing lol

Preview:

click on the image for a larger preview

Code:

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

<div class="cobra"></div>
<div class="cobra2"></div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&family=Bungee&display=swap');
p{
  font-family: 'Baloo Bhaijaan 2', cursive;
  font-size: 120%;
}
h1{
  font-family: 'Bungee', cursive;
  font-size: 100%;  
}
h2,h3,h5{
  font-family: 'Baloo Bhaijaan 2', cursive;
  font-size: 100%;  
}
h4{
font-size:110%;
}
p, nav label{
  font-size: 120%;  
}
h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: white!important;  
}

body{background:url("https://www.cobrastarship.com/sites/g/files/g2000012956/files/2021-10/BG_Desktop.gif") no-repeat fixed; background-size:cover;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: turquoise; 
	//text-shadow: 1px 1px #F122FC;
	
};
	text-shadow: 2px 2px 3px #F122FC, 0 0 25px #FF4473, 0 0 5px black;
}

.cobra {
background: url(https://img1.picmix.com/output/stamp/normal/7/5/1/6/2116157_ee96f.gif) no-repeat;
background-size: 100%!important;
position: fixed;
right: 0px;
bottom: 0px;
height: 200px;
width: 300px;
z-index: 1000;
}

.profile .friends .person p {
    color: #ffffff;
}

.cobra2 {
background: url(https://i.ibb.co/M7MjYG2/Cobra-Starship-on-Soft-Sound-Press.png) no-repeat;
background-size: 100%!important;
position: fixed;
left: 0px;
bottom: 0px;
height: 200px;
width: 300px;
z-index: 1000;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #f09;
    color: white;
    padding: 2px 7px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 3px solid #00deff;
    margin: 10px 0;
}
    
    .details-table td:first-child {
    background: #00fe1e;
    color: #D81DC4;
    font-weight: bold;
    width: 33%;
}
    
    .details-table td {
    background: #FF0fb1;
    vertical-align: top;
}
nav .top {
    padding: 20px 15px 24px 15px;
    display: flex;
    height: 100px;
    background-color: #ff0099;
}

main {
  background-color: #2e2170de;
  color: white;
}

.count {
  color: #ab21e6
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: #2e2170de;
  --darker-blue: #bd00ffde;
  --lighter-blue: #bd00ffde;
  --even-lighter-blue: #bd00ff;
  --lightest-blue: transparent;
  --dark-orange: #fff;
  --light-orange: #bd00ff;
  --even-lighter-orange: #fff;
  --green: #fff;
  --table-header:white;
  --table-color: white;
  --link-text: white;
  --main-text: white;
}
    a:hover{
        color: #fff !important;
}

</style>

<style>
.profile-info {
border: 2px solid #5421b1;
}
.profile-info .inner {
border: none;</style>


<style>
.details:after {
content: "test";
}
</style>

<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}
</style>

<style>
.comments-table{display:none !important;}
}
</style>

<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "🐍"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "🚀"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🐍"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🚀"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🐍"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🚀"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🐍"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🚀"
   }
</style>

<style>
table{background:none !important; line-height:15px !important;}
table ul li a {color: #000000 !important;}
}
</style>

<style>
    .profile-pic img{
        
border: 3px solid lime !important;   
        
    }
</style>

<style>* {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1151.ani), url(https://ani.cursors-4u.net/cursors/cur-13/cur1151.png), auto !important;}</style>

<style>
             ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(225, 0, 194);
    }

    ::-webkit-scrollbar-track {
    background: rgba(14, 225, 0, 1);
    }
</style>

<style>

.online{content:url("http://img2.coolspacetricks.com/images/myspaceicons/033.gif
");}

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

fangzupcobrastyle	1719521773 This is so cool! Report Comment
2005	1715485218 can you post only the cobra starship 4 eva? Report Comment
2005	1715183780 using! Report Comment
ACE>.<	1705280911 using! Report Comment
mikey	1700807188 using!! Report Comment
ZombieeeRaverrrxX	1700507137 using! >_< Report Comment
MY NIPPLES EXPLORE THE CAVE	1694576610 usingggg!!! Report Comment
MIKEY/RICHIE XD	1685227406 Looks so cool!! XP Report Comment
Frans	1683830607 this is so cool !!!!!! Report Comment
m0n1c4	1676637864 luv this layout!! ill credit u on my profile <33 Report Comment
cardiacXsilence	1674784924 actually the coolest omg Report Comment