Report Blog Entry
Drop Down Menu
<details><summary style="font-size: 13px;" class="mb8"><u>TITLE</u> </summary>
<p>
CONTENT</p>
</details></p>
Hiding Profile Link
<style>
.profile .url-info {
display: none;
}
</style>
Interest Rows
Replace x with these numbers for each of these interest categories:
General = 1
Music = 2
Movies = 3
Television = 4
Book = 5
Heroes = 6
Remove Row
<style> .table-section:nth-last-child(2) .details-table tr:nth-child(X){display:none;} </style>
Change Row Title
<style>
.table-section:nth-last-child(2) .details-table tr:nth-child(X) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(X) td:first-child p:before { content:"TEXT"; font-size:.7rem; }
</style>
Removing All Rows
<style>
-table-section:nth-last-child(2) .details-table {display:none;}
</style>
Text Related
Line Break
<br/>
Sliding Text
<marquee>TEXT</marquee>
Linking URLs Through Text
<a href="URL" target="_self">TEXT</a>
Center Text
<center>TEXT</center>
Font Color, Size, Style (delete the ones you don't want)
<span style="color: #HEXCODE; font-size: NUMpx; font-family: STYLE;">(TEXT)</span>
Bold, Italic, Underline, and strikethrough
<b>TEXT</b> <i>TEXT</i> <u>TEXT</u> <strike>TEXT</strike>
Images (blinkies, stamps, buttons and dividers included)
My current width/height for blinkies stamps and buttons !!
*max width is 400
blinkies + buttons:
w: 200 h: 30
stamps:
w: 100 h: 60
dividers:
w: 400 h: 20 (you will need to change this depending on your dividers !
<img src="URL" width="W" height="H"/>
Personally I upload images i want to use to a private Discord server that no one but me is in, and I copy the link to put it on my blogs . Usually anything from neocities and sites like that arent necessary to do that step, its just what I do for my personal photos .
Scroll Boxes
Simple Scroll Boxes
<div style="height: 120px; width: 120px; border: 1px solid black; overflow:auto;">
CONTENT
</div>
Scroll Box w Color Background
<div style="height: Hpx; width: Wpx; border: 1px BORDER COLOR; background-color: BACKGROUND COLOR; overflow:auto;">
CONTENT
</div>
Scroll Box w Background Image
<div style="height: Hpx; width: Wpx; border: 1px BORDER COLOR; background-image: url('BACKGROUNDURL'); background-repeat: REPEAT / NO REPEAT; overflow:auto;">
CONTENT
</div>
Scroll Box for Profile and Blog Comments
<style>
table.comments-table{
display: block;
height: Hpx!important;
overflow-y: scroll;
}
</style>
Old Scroll Bar
<style>
::-webkit-scrollbar {
width: 3px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background: rgba(80, 80, 80);
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);
}
</style>
Contact Icons on Profile
Emoji
<style>
.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: "⬜️"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: "⬜️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "⬜️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: "⬜️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: "⬜️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: "⬜️"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: "⬜️"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: "⬜️"
}
</style>
Image
<style>
.contact .inner a img {margin-right: -2px;
font-size: 0;}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("URL");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: url("URL")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
content: url("URL")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("URL")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("URL")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("URL")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("URL")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("URL")
}
</style>
Comments
Displaying 5 of 5 comments ( View all | Add Comment )
xXredXangelXx
tysm dis was rlly helpful
Mike !
how do you change the color of the title for the drop down menu
sam ☆
what is a scrollbox?
if you go to my profile and look at my friend comments, you can see it doesnt go on forever like it usually does for other profiles . this is because i made it a *scroll box* :) it basically just isolates whatever you have and puts it into a little box, and if you have content that goes past that border, it gives you the ability to scroll through it .
hope this helps !
by Athemulu; ; Report
⋆ MOBILE
TYSM.. i had to try like 6 other scroll boxes and finally one worked!
ofc!!
by Athemulu; ; Report
pendleton
It's fantastic that such knowledge is widely disseminated. I am aware that you worked very hard to create this content. Thanks, and access rocket bot royale to relax