Forum:
can someone PLS get rid of the unnecessary code and make this neat, also can u fix the letters because i wanna use the font starborn but it isnt working and also i wanna change the topic names. i would be so so greatful if someone could do that for me
<img src="https://gifs4crds.carrd.co/assets/images/gallery03/8d01c2e8.gif?vca07fc73a"/><!-- (c) Layout created by iivan (https://layouts.spacehey.com/layout?id=37028) -->
<style>
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(0 0 255 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
</style>
<style>
/*Intro GIF Animation (fade out)*/
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://media.discordapp.net/attachments/1075447171882684538/1136102614619131985/5CB9E5D6-EB4B-46C9-9488-A07BAD78C0E4.gif'); /*gif link here*/
background-size: cover;
background-repeat: no-repeat;
animation: yourAnimation 4s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
/*whole body changes*/
body {
background-image: url(https://i.pinimg.com/564x/0c/9c/31/0c9c31617dd4fea10b244ac9e6751fa6.jpg);/*background for whole page*/
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-family: 'Courier New', monospace;
height: 100%;
color: #ffffff;
h1: #ffffff;
h2: #ffffff;
h3: #ffffff;
h4: #ffffff;
li: #ffffff;
}
Hi i’m ivan, im 14 years old and im gender fluid
<style>
.online {
content: url(https://sillyblinkies.neocities.org/online/catonline.gif);
}
</style>
<style>
@keyframes spin{
from{ transform:rotate(0deg); }
to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
border-radius: 50%;
animation: spin 7s infinite linear;
}
</style>
<style>
nav img.logo {
content:url("https://i.postimg.cc/WzCTBv9P/Picsart-23-07-29-16-34-39-021.png");
}
</style>
<!-- (c) Layout created by alucard ✮ (https://layouts.spacehey.com/layout?id=26557) -->
<style>
@font-face {
src: url(dl.dropbox.com/s/8p8mi5uzbekohv7/Starborn.ttf);
font-family: starborn;
}
</style>
<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
font-size: 10px !important;
color: white;
text-shadow: none !important;
letter-spacing: 1px;
}
.contact .inner a img {
font-size: 0 !important;
}
.contact .inner a img:before {
font-size: 1em !important;
display: block;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url(https://media.discordapp.net/attachments/903364339464044575/1080140749984772186/986CCBFA-AF7E-43D4-86CC-DC634235FB99.gif)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://media.discordapp.net/attachments/903364339464044575/1080137725262438492/03C37ACB-0E34-4F64-A4C2-41B9FB98F519.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url(https://media.discordapp.net/attachments/903364339464044575/1087693658918228008/IMG_9559.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url(https://media.discordapp.net/attachments/903364339464044575/1090822930855899136/43D8BA88-10ED-4C94-AC5E-1F3AF0B1BCB8.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://media.discordapp.net/attachments/903364339464044575/1080140751402451034/31FD6E25-C2DB-4394-A07B-6BE981C52DF4.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://media.discordapp.net/attachments/903364339464044575/1080140750374846524/49E707C7-A8D7-47B2-A807-705F447F4A0F.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: url(https://64.media.tumblr.com/fd6b0a8d466a21203db95a9091009792/e2e6f25fca1c982f-f7/s75x75_c1/8d7d359ee1e9a3cc3e42d7c0b68001ab1c97ac32.gifv)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://media.discordapp.net/attachments/903364339464044575/1090817746696155207/43FB04B0-123B-44E6-AC25-AA17F4D63A58.gif)
}
.search-wrapper input[type=text] {
background-color: transparent !important;
border: 2px solid black !important;
color:black !important;
border-radius: 10px !important;
}
button{
border-radius: 10px !important;
border: 0px solid black!important;
font-family: var(--font-family) !important;
background-color:rgba(0, 0, 0, 0.0) !important;
color:var(--links)!important;
}
.profile-info{
background: transparent;
background-size: cover;
border: transparent !important;
display: flex;
align-items: center;
justify-content: center;
padding: 1px 1px;
border-radius: 10px !important;
margin-top: 10px;
}
.col.right:before {
content: "";
white-space: pre-wrap;
display: block;
height: 280px;
background-image: url("https://64.media.tumblr.com/98b8256ecc6680ec7f5e4436a12d02f3/88169d6aaeca9e7b-1d/s400x600/881591b68d639bba82f80bd3c0c196e4b041da43.gifv");
background-repeat: no-repeat;
background-position-x: center;
background-size: 260px;
margin-top: 30px;
}
.mood:after {
content: "";
white-space: pre-wrap;
display: block;
height: 15px;
background-image: url(https://64.media.tumblr.com/40c93aace51892dafab68a8e756b874f/9b7ddb5905533fa5-dd/s500x750/8aab1489730d6e990dafa3b1afca7a63791f50b6.gifv);
background-repeat: no-repeat;
background-position-x: center;
background-size: 300px;
border-radius: 10px;
}
.contact:after {
content: border: none;
}
.url-info{display:none !important;
}
<!-- (c) Layout created by riot !! (nikki) (https://layouts.spacehey.com/layout?id=39525) -->
.profile h1 {
font-size: 4.5em;
color: white;
}
.profile .blurbs .heading,
.profile .friends .heading {
font-size: 2.5em;
color: white;
}
<style>
.profile {
direction: rtl;
}
.blurbs {
direction: ltr;
}
.blog-preview {
direction: ltr;
}
.friends {
direction: ltr;
}
.general-info {
direction: ltr;
}
.contact {
direction: ltr;
}
.url-info {
direction: ltr;
}
.details-table {
direction: ltr;
}
.profile .table-section .heading {
direction: ltr;
}
.details p {
direction: ltr;
}
.mood {
direction: ltr;
}
</style>
<style>
body {
background: url(https://i.pinimg.com/564x/68/fa/93/68fa93f8026c98299ced09804c46911d.jpg);
background-size: 200px;
text-align: center;
overflow: hidden;
}
main {
background-color: rgb(0, 0, 0, 0.5);
border-radius: 50px;
border: white 5px double;
color: white;
height: 580px;
width: auto;
padding: 10px;
overflow: auto;
}
nav .top,
nav .links,
footer {
background-color: transparent;
}
.profile .blurbs .heading,
.profile .friends .heading,
.profile .contact .heading,
.profile .table-section .heading {
background: none;
}
.profile .blurbs .section p {
border-radius: 20px;
background: rgb(0, 0, 0, 0.7);
}
.profile .blurbs .section h4 {
display: none;
}
.profile .contact,
.profile .table-section {
border: none;
}
.comments-table td:first-child,
.comments-table td,
.comments-table {
border: none;
background: none;
}
.details-table,
.details-table td:first-child {
border: none;
background: none;
}
.details-table td {
border: none;
border-radius: 20px;
background: rgb(0, 0, 0, 0.7);
}
.profile .url-info {
display: none;
}
.mood p:first-child {
display: none;
}
</style>
<style>
.profile .friends .person img:not(.icon),
.general-about .profile-pic img {
border-radius: 100%;
}
.general-about .profile-pic img {
transition: filter 0.3s ease;
}
.general-about .profile-pic img:hover {
filter: blur(3px);
}
.profile .friends .person img:not(.icon) {
transition: transform 0.4s ease;
}
.profile .friends .person img:not(.icon):hover {
transform: translateY(-25px);
}
</style>
<!-- (c) Layout created by Lucian (https://layouts.spacehey.com/layout?id=35084) -->
<div class="snowflakes">
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
<div class="snowflake">
<img src="https://gifcity.carrd.co/assets/images/gallery06/a341e6d7.gif?v=d7271437"/>
</div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
color: blue;
font-size: 2em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym597.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/01/26/transparent-white-star.html" target="_blank" title="Transparent White Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Transparent White Star" style="position:absolute; top: 0px; right: 0px;"/></a>
<div style="float: ; max-height: 800px; position: fixed; right: 10px; bottom: 9px; z-index: 200;">
<img src="https://attachments.f95zone.to/2022/01/1638582_kangel_rainbow_vomit.gif" width="400" height="400"/></div>
<style>
</style>
<div style="float: ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://external-media.spacehey.net/media/s91UtTakzNjPB2tK9abf1bCnrNxsjkfXqQZiSMBWLuQ4=/https://collection.ju.mp/assets/images/gallery18/7ef6e0e3.gif?v=58a5bca8" width="200" height="200"/></div>
<style>
</style>
<div style="float: ; max-height: 400px; position: fixed; right: 222px; bottom: 1px; z-index: 200;">
<img src="https://img1.picmix.com/output/stamp/normal/9/3/7/9/2279739_8058d.gif" width="250" height="250"/></div>
<style>
</style>
<style>
.online {
content: url(https://sillyblinkies.neocities.org/online/catonline.gif);
</style>
<style>
/* text */
.profile h1 {
font-size: 2.5em;
color: white;
}
.profile .blurbs .heading,
.profile .friends .heading {
font-size: 2.5em;
color: white;
}
.profile .contact .heading,
.profile .table-section .heading {
font-size: 2em
}
p {
color: white;
}
a,
nav .links a {
color: white;
text-shadow: none;
}
a:hover,
nav .links a:hover {
color: white;
text-decoration: 1.6px dotted underline;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after {
content: " . "
}
footer .copyright {
text-decoration: none;
}
.friends .heading a.more {
font-size: 0.5em;
}
</style>
<style>
.profile {
direction: rtl;
}
.blurbs {
direction: ltr;
}
.blog-preview {
direction: ltr;
}
.friends {
direction: ltr;
}
.general-info {
direction: ltr;
}
.contact {
direction: ltr;
}
.url-info {
direction: ltr;
}
.details-table {
direction: ltr;
}
.profile .table-section .heading {
direction: ltr;
}
.details p {
direction: ltr;
}
.mood {
direction: ltr;
}
</style>
<style>
main {
background-color: rgb(0, 0, 0, 0.5);
border-radius: 50px;
border: white 5px double;
color: white;
height: 580px;
width: auto;
padding: 10px;
overflow: auto;
}
nav .top,
nav .links,
footer {
background-color: transparent;
}
.profile .blurbs .heading,
.profile .friends .heading,
.profile .contact .heading,
.profile .table-section .heading {
background: none;
}
.profile .blurbs .section p {
border-radius: 20px;
background: rgb(0, 0, 0, 0.7);
}
.profile .blurbs .section h4 {
display: none;
}
.profile .contact,
.profile .table-section {
border: none;
}
.comments-table td:first-child,
.comments-table td,
.comments-table {
border: none;
background: none;
}
.details-table,
.details-table td:first-child {
border: none;
background: none;
}
.details-table td {
border: none;
border-radius: 20px;
background: rgb(0, 0, 0, 0.7);
}
.profile .url-info {
display: none;
}
.mood p:first-child {
display: none;
}
</style>
<style>
.profile .friends .person img:not(.icon),
.general-about .profile-pic img {
border-radius: 100%;
}
.general-about .profile-pic img {
transition: filter 0.3s ease;
}
.general-about .profile-pic img:hover {
filter: blur(3px);
}
.profile .friends .person img:not(.icon) {
transition: transform 0.4s ease;
}
.profile .friends .person img:not(.icon):hover {
transform: translateY(-25px);
}
</style>
<style>
@font-face {
src: url(dl.dropbox.com/s/8p8mi5uzbekohv7/Starborn.ttf);
font-family: starborn;
</style>
<style>
table, th, td {
border: 0px solid;
}
:root {
--topic1: "about me !!";
--topic2: "music !!";
--topic3: "shows !!";
--topic4: "random lol !!";
--topic5: "manga/manhwa !!";
--topic6: "random !!";
}
</style>
Report Topic
Permalink
