here are some basic html stuff thatll make ur profile 100 times better. im bad at explaining stuff so im sorry.
autoplay from youtube:
replace the '######' with the video link (ONLY THE NUMBERS/LETTERS)
<iframe width="0" height="0" src="https://www.youtube.com/embed/######//?&;amp;;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>
how to change online icon:
<style>
.online{
content: url("IMAGE URL") !important;
}
</style>
how to put an image/gif:
<img src="IMAGE URL"/>
how to get gifs/images side by side:
<img src="IMAGE URL" width="75" height="75"/>
you can adjust the width and height to your liking
how to embed a picture:
<a href="WEBSITELINK"><img src="PICTURELINK"/></a><br/>
how to embed text:
<a href="WEBSITELINK">TEXT</a>
how to change the topic names in the interest section:
<!--PUT IN GENERAL SECTION-->
<style>
:root {
--topic1: "General"; /* EDIT INTEREST LABELS HERE */
--topic2: "Music";
--topic3: "Movies";
--topic4: "TV";
--topic5: "Books";
--topic6: "Heros";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px red !important; /*change color of text*/
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}
</style>
how to replace url with an image:
.url-info{
background: url('IMAGE URL');
background-position: center;
background-size: cover;
border: var(--borders)!important;
border-radius: var(--curve);
height: 300px;
}
.url-info p{
opacity: 0.0;
}
How to replace the text in 'about me' & 'who id like to meet':
<style>
.blurbs .inner .section:first-of-type h4{
font-size:0;
border: 4px dashed #fff;
}
.blurbs .inner .section:first-of-type h4:after{
content: "about me";
font-size:.8rem;
}
.blurbs .inner .section:last-of-type h4{
font-size:0;
border: 4px dashed #fff;
}
.blurbs .inner .section:last-of-type h4:after{
content: "who id like to meet";
font-size:.8rem;
}
</style>
Comments
Displaying 9 of 9 comments ( View all | Add Comment )
𝒪𝒩𝒴𝒳
where do i put the url thing cuz ive tried in dif places but it dosent work
Report Comment
in the about me section between the style code
by bullet; ; Report
AAA I'm confused sorryyy but in between wht style code???
by 𝒪𝒩𝒴𝒳; ; Report
Mikey
tysm!
Report Comment
Lethal._.bunny
im like new to this stuff so this is great
Report Comment
jayden jenocide
you are so real for this bullet
Report Comment
x.{finn}.x
thanks for dis very helpful guide :D
Report Comment
XxAdrenalineAngelxX
:0 THIS IS SO HELPFULLL
Report Comment
tarsiercandy
TYSMM!! leaving kudos here cause u deserve it
Report Comment
madison
OOOOO TYTYTY
Report Comment
jezebelian ☆
TYS,,,,MMMM
Report Comment