Forum:
I'm trying to edit this layout by sun, and it says that it hides the links, but im having a hard time understanding where in the code it is specifically doing this. I know my code looks crazy.. im a beginner lol and fighting for my life here. But basically i just want to be able to have the different pages/accounts ive linked to my profile to show on my layout. i would ask the creator but they havent been online in 5 years.... so..... haha....
any help is greatly appreciated T-T
code below, i dont know if theres a way to make a scroll box in a forum post sorry!
<style>
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
:root {
--logo-blue: transparent!important;
--darker-blue: #000000;
--lighter-blue: #ffcdd2;
--even-lighter-blue: transparent!important;
--lightest-blue: #transparent!important;
--dark-orange: transparent!important;
--light-orange: #dfd1f4;
--even-lighter-orange: #FFFFFF;
--green: #000000;
}
.section {color: black!important;}
h4, nav label, {display: none;}
.section {color: white!important;}
p {color: white!important;}
.search-wrapper input[type=text] {
font-family: times;
background-color: white!important;
border: 1px dotted!important;
border-radius: 0px !important;
font-size: 9px;
}
button{
border-radius: 0px !important;
border: 1px dotted!important;
text-transform: lowercase;
font-family: times;
font-size: 9px!important;
background-color: black!important;
width:;
color: white!important}
body {
background: white;
background-image: url("https://wallpaperaccess.com/full/109538.jpg");
background-size: 2000px;
background-repeat: repeat;
background-attachment: fixed;
text-transform: lowercase;
font-family: times;
font-size:13px!important;
}
.blog-preview p {
text-align: center;
background-color:;
padding: 0px 1px;
border-radius: 10px;
margin-top: -50px;
color: white!important;
}
}
.blog-preview p a{
color: black!important;
}
.blog-preview p a:hover
.blog-preview p a:active,
.blog-preview p a:focus{
color: white!important;
}
nav {
margin-bottom: 0px;
border-radius: 50px 50px 0 0;
color: black!important;
text-align: center;
overflow: hidden;
border: 0px;
border-color: black!important;
border-bottom: none!important;
}
nav .top {
color
}
nav .links {
background: transparent!important;
font-size: 11px;
}
nav { background: transparent!important;
}
.contact .heading {
display: none;
}
.contact {
font-size: 14px;
font-family: times;
border: dotted 0px!important;
background-image: url("")!important;
background: ;
border-top: 0px;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: url("")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
content: url("")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("")
}
.profile .url-info {
display:none;
}
.profile .table-section {
display: block !important;
}
.profile .url-info,
.profile .table-section {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.profile .table-section a,
.profile .url-info a {
display: inline !important;
color: white !important;
}
.profile .table-section,
.profile .url-info,
.profile .contact,
.profile table,
.profile td {
border: none !important;
}
table.comments-table,
table.comments-table td {
border: 1px solid rgba(255,255,255,0.35) !important;
}
table.comments-table td {
border: 1px solid rgba(255,255,255,0.25) !important;
transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
table.comments-table tr:hover td {
border-color: rgba(255,255,255,0.8) !important;
box-shadow:
0 0 10px rgba(255,255,255,0.25),
0 0 28px rgba(255,255,255,0.22),
0 0 60px rgba(255,255,255,0.12),
0 0 100px rgba(255,255,255,0.08);
animation: commentEtherealGlow 10s ease-in-out infinite;
transition: box-shadow 0.5s ease, border-color 0.5s ease;
}
.profile .table-section {
margin-bottom: 50px;
font-size: 11px;
border: dotted 0px!important;
border-right: none!important;
}
.home-actions {
border: none;
margin: 10px 0;
padding: 12px;
background: url("https://i.pinimg.com/564x/8a/b2/c7/8ab2c74e27ab1205bfa1eb3d13a074f7.jpg");
background-size: cover;
background-position: center;
border-radius: 10px;
box-shadow: 0 0 10px rgba(255,255,255,0.4);
}
.home-actions .heading {
background: rgba(255,255,255,0.85);
color: black !important;
padding: 4px 8px;
border-radius: 6px;
font-size: 11px;
box-shadow: 0 0 6px white;
}
table.details-table {
border-radius: ;
border: dotted px;
border-collapse: ;
border-top: 0px;
background: transparent!important;
opacity: ;
}
table.details-table td {
order-radius
background: url("");
color: black!important;
border-bottom: dotted px;
border-right: dotted px
}
.profile-pic {
position: relative;
width: 180px !important; /* was 90px → doubled */
height: 320px !important; /* was 160px → doubled */
padding: 14px;
background: url("https://i.postimg.cc/SxqsVnLp/unnamed.png") no-repeat center;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
}
.profile-pic img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
transition: filter 0.6s ease, transform 0.4s ease;
}
.profile-pic img{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-webkit-transition: all 1s ease;
}
.profile-pic img:hover{
filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);
filter: none;
transition: 1s ease;
transform: scale(1.05);
}
.heading {
margin-top: 10px;
padding: 0 !important;
background: transparent !important;
border: none !important;
color: white !important;
font-size: 12px;
text-align: left;
line-height: normal;
box-shadow: none !important;
}
h1 {
background: url("");
font-size:70px!important;
font-family: 'UnifrakturMaguntia', cursive;
font-weight: 200;
transform: ;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: black;
font-style: ;
text-shadow: ;
text-align: center;
line-height: 55px!important;
display: block;
color: white;
padding: 10px;
margin-top: -260px!important;
margin-bottom: px!important;
}
main:before {
background-image: url('');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
color: transparent!important;
display: block;
content: "";
width:;
height: 300px;
margin-bottom: -30px;
}
main {
background: rgba(0, 0, 0, 0.18) !important;
backdrop-filter: blur(2px);
border: 1px solid rgba(255,255,255,0.6) !important;
box-shadow:
0 0 10px rgba(255,255,255,0.35),
0 0 28px rgba(255,255,255,0.22),
0 0 60px rgba(255,255,255,0.10);
animation: etherealGlow 10s ease-in-out infinite;
}
@keyframes etherealGlow {
0% {
box-shadow:
0 0 8px rgba(255,255,255,0.22),
0 0 24px rgba(255,255,255,0.16),
0 0 52px rgba(255,255,255,0.08);
}
50% {
box-shadow:
0 0 14px rgba(255,255,255,0.45),
0 0 40px rgba(255,255,255,0.28),
0 0 100px rgba(255,255,255,0.14);
}
100% {
box-shadow:
0 0 8px rgba(255,255,255,0.22),
0 0 24px rgba(255,255,255,0.16),
0 0 52px rgba(255,255,255,0.08);
}
}
.container {
border-radius: 0px 0px 0 0;
.container {
padding: 40px;
margin-top: -60px;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.blurbs .heading {
display: none;
}
.blurbs p {
color: white;
font-size: 14px;
line-height: 1.5;
text-align: center;
}
footer {
border-radius: 0px 0px 50px 50px;
border: 0px;
border-top: 0px;
background: transparent!important;
display: block !important;
line-height: 0px;
height: 83px;
margin-top: -1px!important;
}
.comments .heading {
display: none !important;
}
table.comments-table {
background: rgba(0, 0, 0, 0.35);
border-collapse: collapse;
width: 100%;
}
table.comments-table td {
background: transparent;
border-bottom: 1px dotted rgba(255,255,255,0.4);
padding: 12px;
font-size: 11px;
color: white;
}
.comments-table td:first-child {
width: 80px;
text-align: center;
}
.comments-table td:first-child img {
width: 60px;
border-radius: 50px;
filter: grayscale(100%);
}
.comments-table td:first-child img:hover {
filter: grayscale(0%);
}
}
.profile .friends .person img {
width: 60px;
border-radius: 50px;
}
.blog-preview {
margin-top: -230px;
text-align: center;
color: white;
}
.blog-preview p {
font-size: .8rem;
margin-top: -10px;
}
a.addme {
font-size: 4rem;
font-weight: bold;
margin-bottom: 15px;
display: block;
}
a:link {
color: white!important;
}
a:hover {
text-transform: lowercase;
text-decoration-style: none!important;
color: black;
background: none;
border: none;
filter: opacity(100%);
}
a:visited {
color: grey!important;
}
.friends {
display: block;
margin-top: 20px;
}
.profile .friends .heading {
display: none !important;
}
.profile .friends .person img {
border-radius: 0; /* default SpaceHey shape */
width: 60px;
filter: sepia(65%);
transition: filter 0.4s ease, transform 0.15s ease;
}
@keyframes shake{
0% {transform: translate(1px, 1px) rotate(0deg);}
10% {transform: translate(-1px, -2px) rotate(-1deg);}
20% {transform: translate(-2px, 0px) rotate(1deg);}
30% {transform: translate(2px, 2px) rotate(0deg);}
40% {transform: translate(1px, -1px) rotate(1deg);}
50% {transform: translate(-1px, 2px) rotate(-1deg);}
60% {transform: translate(-2px, 1px) rotate(0deg);}
70% {transform: translate(2px, 1px) rotate(-1deg);}
80% {transform: translate(-1px, -1px) rotate(1deg);}
90% {transform: translate(1px, 2px) rotate(0deg);}
100% {transform: translate(1px, -2px) rotate(-1deg);}
}
.profile .friends .person img:hover{
filter: sepia(100%) saturate(0) blur(1px);
animation: shake 1s;
animation-iteration-count: infinite;
}
.table-section:last-child {
display: none !important;}
.online {
display: inline-flex !important;
align-items: center;
gap: 6px;
font-size: 10px;
font-family: times;
text-transform: uppercase;
letter-spacing: 2px;
color: white !important;
}
.online img,
.online::after {
display: none !important;
}
.online::before {
content: "";
width: 40px;
height: 40px;
display: inline-block;
background-image: url("https://media0.giphy.com/media/v1.Y2lkPTZjMDliOTUycnMwejM4ZWkxMmI2YTJwdHBoaHgzYmZ3MmZzMGNsejE5enFreXEwNSZlcD12MV9zdGlja2Vyc19zZWFyY2gmY3Q9cw/AZYVnZVRsDuMVY5GAu/giphy_s.gif");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
animation: blinkOnline 1.2s infinite;
}
@keyframes blinkOnline {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
*
{cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}
}
/* ===== GLOBAL SECTION FADE CONTROL ===== */
/* ===== STAGGERED SECTION FADE ORDER ===== */
.profile .friends {
animation-delay: 3.2s;
}
.comments,
table.comments-table {
animation-delay: 3.9s;
}
.profile .friends,
.comments,
table.comments-table {
opacity: 0;
transform: translateY(10px);
animation: sectionFadeIn 1.2s ease forwards;
animation-delay: 3s; /* matches your intro overlay timing */
}
/* stagger children after section appears */
.profile .friends .person,
table.comments-table tr {
opacity: 0;
animation: childFadeIn 0.8s ease forwards;
}
/* friends stagger */
.profile .friends .person:nth-child(1) { animation-delay: 3.2s; }
.profile .friends .person:nth-child(2) { animation-delay: 3.3s; }
.profile .friends .person:nth-child(3) { animation-delay: 3.4s; }
.profile .friends .person:nth-child(4) { animation-delay: 3.5s; }
/* comments stagger */
table.comments-table tr:nth-child(1) { animation-delay: 3.3s; }
table.comments-table tr:nth-child(2) { animation-delay: 3.5s; }
table.comments-table tr:nth-child(3) { animation-delay: 3.7s; }
table.comments-table tr:nth-child(4) { animation-delay: 3.9s; }
@keyframes sectionFadeIn {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes childFadeIn {
to {
opacity: 1;
}
}
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExbWE2czc1Z3prd2g3aTJ4MnV6ZXpwYnB6bG9weWJuNXNrejd4aWlldCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/n1qZGExS4kGadknqp0/giphy.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2.7s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
Report Topic
Permalink