Report Blog Entry
DON'T PUT WHAT I PUT IN BOLD IN THE “ABOUT ME” SECTION.
First, make a line with music that will play every time your profile is visited:
<iframe width="0" height="0" src="https://www.youtube.com/embed/(past your link)?&;autoplay=1&loop=1&controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Your link should look like this: https://www.youtube.com/embed/GCey3j3D70c
The next thing to do is to put it in like this:
<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');
body, p, h1, h2, h3, h4, h5, h6, .details-table, .profile-info, .blog-entry {
font-family: 'Orbitron', sans-serif !important;
color: #00ffcc; /* Bright turquoise color */
text-shadow: 0 0 5px #00ffcc, 0 0 5px #00ffcc; /* Neon glow */
}
What does this^ part do?
It sets the Orbitron font for all listed elements
(body, p paragraphs, h1-h6 headers, and .details-table, .profile-info, .blog-entry classes).
font-family: ‘Orbitron’, sans-serif: Sets Orbitron as the primary font. If Orbitron fails to load, the browser uses a backup sans-serif font (such as Arial or Helvetica).
!important: Raises the precedence of this rule to override any other styles set by SpaceHey by default.
color: #00ffcc: Sets the text to a bright turquoise color.
text-shadow: Creates a neon glow around the text with two layers of turquoise.
h1, h2, h3 {
font-weight: 700;
color: #00ffcc;
text-shadow: 0 0 8px #00ffcc, 0 0 15px #00ffcc; (Enhanced glow)
letter-spacing: 2px;
text-transform: uppercase; }
}
p, .details-table, .profile-info, .blog-entry {
font-weight: 400;
color: #ffffff; (White for body text)
text-shadow: 0 0 2px #00ccff; (Light blue glow)
}
:root {
--background-color: #000000; /* chlordane background color */
--text-color: #448844; /* chlordane text color */
/*--border-color: #77dd88; chlordane border color */
--border-color: #3a553a; /* chlordane border color */
--secondary-color: #3a553a; /* chlordane secondary color */
--accent-color: #448844; /* chlordane accent color */
--highlight-color: #ee1111; /* chlordane highlight color */
--inactive-color: #606060; /* chlordane inactive color */
--selection-color: #223322; /* chlordane selection color */
}
body {
background-image: url('https://your link here.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* glitch filter */
img {
filter: sepia(35%) hue-rotate(100deg) saturate(200%);
}
The effect of CRT monitors is written here:
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(124 226 178 / 20%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 5;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
animation: scanlines 4s linear infinite; }
}
@keyframes scanlines {
0% {
background-position: 0 0;
}
100% {
background-position: 0 100%;
}
}
p, i, b, .count {
color: #77dd88 !important; /* chlordane color */
}
a, .profile .friends .person p, .logout-btn {
color: var(--border-color) !important; /* chlordane color */
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
.heading h4::before {
content: "□ ";
}
nav .top {
background: transparent;
}
nav .links {
background: rgba(0, 0, 0, 0.3);
}
nav { background-image: url(your header picture);
background-size: cover;
background-position: center;
height: 100px;
background-repeat: no-repeat;
}
nav img.logo {
filter: brightness(0) saturate(100%) invert(81%) sepia(66%) saturate(286%) hue-rotate(171deg) brightness(105%) contrast(104%); !important;
}
main {
background: #000000; /* chlordane background color */
color: #77dd88; /* chlordane color */
border-right: 2px solid var(--border-color) !important;
border-left: 2px solid var(--border-color) !important;
}
.heading, .url-info {
color: #77dd88 !important; /* chlordane color */
background: none;
background-color: #000000 !important; /* chlordane background color */
border: 2px solid var(--border-color) !important;
}
.inner {
color: #77dd88 !important; /* chlordane color */
border: 2px solid var(--border-color);
border-top: none;
}
.profile-info {
border: 2px solid var(--border-color);
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid var(--border-color);
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #77dd88 !important; /* chlordane color */
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid var(--border-color);
border-collapse: collapse;
}
td {
color: #77dd88 !important; /* chlordane color */
background: none;
background-color: #000000 !important; /* chlordane background color */
}
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: #000000; /* chlordane background color */
border: 2px solid var(--border-color);
}
footer p {
color: #77dd88 !important; /* chlordane color */
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid grey;
margin: 2px;
}
nav .info {
background: none;
}
<style>
.online {
}
.online img {
visibility: hidden;
}
<style>
.avatar img, .profile-picture img, img[src*="/profile"] {
border: 3px solid #00ffcc !important;
box-shadow: 0 0 10px #00ffcc, 0 0 20px #00ffcc;
border-radius: 10px;
box-sizing: border-box;
}
<style>
.about-me p {
margin-bottom: 15px; /* Indent from the bottom for each paragraph */
line-height: 1.5; /* Increased line spacing for readability */
font-size: 16px; /* Font size */
}
</style>
<div class="about-me">
And here you can whrite about yourself.
Comments
Displaying 0 of 0 comments ( View all | Add Comment )