layout i made for my friend jett :3

Tags:

Description:

only for jett!!

Code:

<!-- (c) Layout created by D.S ★ Layoutz (https://layouts.spacehey.com/layout?id=107311) -->

<a href="https://im.ge/i/i5Jzoh"><img src="https://i.im.ge/2023/06/14/i5Jzoh.converse-fan-by-spitfire19er-d1bl2t3-fullview.png" alt="converse fan"/></a>


<style>

<style>
/* your starting style tag, which is how you start any profile layout or CSS generally */

html{
scrollbar-color:#4a235a black;
}
/* changes scrollbar color */


.contact .heading{ 
font-size:0; 
}
.contact .heading:before {
    content: "talk 2 me!";
    font-weight: bold;
    font-size: 13px;
    color:  white;
}
/* edits the text in ur add to friends section */


.profile {
color: white;
border:0px none;
font-family: "Courier New", monospace;
font-size:12px;
 }
/* determines some base stuff. in order: */
/* border 0px none specifies no border around the body of your profile */
/* then you have font family and size which specifies which font */

:root{
 --dark-orange: white; 
text-shadow: 1px 1px #8f00ff;
}
/* changes blurbs subheaders color (abt me, who id like to meet) */

main {
  background-color:black;
  border:0px none;
}


/*Background*/
body{background:url("https://i.pinimg.com/564x/ce/d8/e7/ced8e71a7e8f1c679cb09d0a6928c5a5.jpg") no-repeat fixed; background-size:cover;}



/* background */

h1{   
color: white; 
text-shadow: 2px 2px 0px #8f00ff;
}
/* changes all text with the h1 (header 1) tag */
/* in this case, this just edits how your name appears at the top of your profile */


.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #121212;
  color:white;
  text-shadow:1px 1px 0px #8f00ff;
}
/* adds cool red text shadow to sub headers, so stuff like Interests and Blurbs and all that */
/* each comma seperates a different sub heading */


.friends:not(#comments) {
  background:black;  
}
/* changes the background color of your friends list */
.friends .inner .friends-grid .person p{
	color:white;
}
/* changes friends list name color */

.friends .inner .friends-grid .person p:hover{
	color: #8f00ff;
}
/* changes friends list name color on hover */


.profile .friends td {
  background: black;
} 
/* makes your profile comments section black and not orange */


.logo {
    background: #67cca4;
}
/* changes the color of the spacehey logo */

nav{
background-color:#67cca4;
}
/* changes the color of the navbar */
nav ul{
background:none !important;
}
/* overrides light blue navbar color */
/* if you want it to match the logo and top replace bg color #4a235 with #8f00ff */

.top{
background:#67cca4 !important;
}
/* changes the color of the stuff above the navbar, !important is to override blue color */
/* i find it looks nicer when this matches the color of .logo, but idk if you add a border to the logo it might look nice? idk lmao */

.profile .table-section .details-table td {
  background-color:#121212;
  color: violet;
  text-shadow: 0px 0px black;
}
/* background color and font color for your interests and links tables */


.profile .blurbs .heading, .profile .friends .heading, .blog-preview h4 {
  background-color: #121212;
  color: white;
  text-shadow:1px 1px 0px #8f00ff;
}
/* changes subheaders (blurbs, latest blog entries, etc) to white text with shadow */



.online { 
visibility: hidden; 
} 
.online img { content: url("http://www.coolspacetricks.com/images/myspaceicons/194.gif"); 
	animation-name: none; 
	visibility: visible; 
	height: 20px; 
	width: 80px; 
}
/* replaces default online icon with pink skull one */


.friends th, tr, .friends td, th, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img{
border: 0px !important;
padding: 5px;
outline: none !important;
}
/* makes it so tables, comments, url, and contact sections have no border */


.friends#comments .inner .comments-table .comment-replies {
	border: black solid !important;
}
/* makes replies not have a white border */


.profile-pic img{
	filter:grayscale(50%);
	transition-duration:1s;
}
.profile-pic img:hover{
	filter:grayscale(0%);
	transition-duration:1s;
}
/* hover fx for profile pic, optional */


footer{
    background-color: black;
    color: #8f00ff;
    padding:5px;
}
/* changes spacehey footer colors (the gray box that says brought to you by tibush) */


a {
color:violet;
}
/* changes link color */

a:hover{
color:white;
}
/* changes link color from ugly blue to white with pruble shadow */



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

fovefrin ☆〜（ゝ。∂）

1780638846

omg heyyy thats my name!!!!

Report Comment