« Web, HTML, Tech Forum

How To Change Profile Headers

Posted by adri_k1ll3r_k1tt3n(≧◡≦)

posted
updated

Forum: Web, HTML, Tech

NON IMPORTANT INFO:
I couldn't for the life of
me find anyone saying how to change the Contacting, Interests, Links,
Friend Space, Friends Comments, or the Blog Entries header on the profile, so I kinda cobbled
together bits of other people's code and wrote some of my own to do it. Please forgive my sucky
code, this is my first time coding. I tried my best to make this as
clear and concise as possible, with notes explaining everything, so that
anybody should hopefully be able to understand it. If you find any
bugs, know how to fix them, or know of a better way to go about doing
this, please don't hesitate to leave a comment. If you use this code
it'd be cool if you gave me credit in some way, but no worries if you
don't. I hope this can be of help to you because I have spent several
hours getting this all to function. Happy profile customizing <3

IMPORTANT INFO:
  • To change the text, replace [HEADER NAME] TEXT with your desired text.
  • To
    change the text color, replace COLOR with the name of your desired
    color or a hex code. (ex: purple or #663399) Leave this as is to use the
    default color.
  • To change text font, replace FONT with your desired font name. (ex: Courier New) Leave this as is to use the default font.
  • To
    change text size, replace the 1 in "font-size:1rem;". (0.99 and smaller
    shrinks the text size, and larger than 1.01 expands the text size). Leave
    this as is to use the current text size.
  • There
    is a known bug where if you set the text, color, and/or font on Friends
    Comments with nothing set on Friend Space, what you set on Friends
    Comments will also be set on Friend Space (Can most likely be fixed if
    you find out what the Friends Comments header is called, and replace
    .friends with it)
  • The user's Blog Entries Text can be hidden, but the "view blog" hyperlink cannot be hidden.
  • User set Blog Entries Text appears after the "view blog" hyperlink



<!-- coding shiteshow created by adri_k1ll3r_k1tt3n(≧◡≦) -->
<style>

/* Hides Contacting Header Text */

.contact h4 {
    font-size: 0px;
}
</style>

<style>

/* Sets Contacting Header Text */

.contact .heading:first-of-type h4:after{
    content:"CONTACTING TEXT";
font-family: FONT;
font-size:1rem;
color: COLOR;
}
</style>



<style>

/* Hides Interests Header Text */

.table-section h4 {
    font-size: 0px;
}
</style>

<style>

/* Sets Interests Header Text */

.table-section .heading:first-of-type h4:after{
    content:"INTERESTS TEXT";
font-family: FONT;
font-size:1rem;
color: COLOR;
}
</style>



<style>

/* Hides Links Header Text */

.table-section + .table-section h4 {
    font-size: 0px;
}
</style>

<style>

/* Sets Links Text */

.table-section + .table-section .heading:first-of-type h4:after{
    content:"LINKS TEXT";
font-family: FONT;
font-size:1rem;
color: COLOR;
}
</style>



<style>

/* Hides Friend Space Header Text */

.friends:not(#comments) h4 {
    font-size: 0px;
}
</style>

<style>

/* Sets Friend Space Text */

.friends:not(#comments) .heading:first-of-type h4:after{
    content:"FRIEND SPACE TEXT";
font-family: FONT;
font-size:1rem;
color: COLOR;
}
</style>



<style>

/* Hides Friends Comments Header Text */

.friends h4 {
    font-size: 0px;
}
</style>

<style>

/* Sets Friends Comments Text */

.friends .heading:first-of-type h4:after{
    content:"FRIENDS COMMENTS TEXT";
font-family: FONT;
font-size:1rem;
color: COLOR;
}

</style>



<style>

/* Hides Blog Entries Header Text */

.blog-preview h4 {
    font-size: 0px;
}
</style>

<style>

/* Sets Blog Entries Header Text (text appears after the "[view blog]" link)*/

.blog-preview h4:after{
    content:"BLOG ENTRIES TEXT";
font-family: 'FONT;
font-size:1rem;
color: COLOR;
}

</style>


Report Topic

3 Replies

Sort Replies:

Reply by ✭CJ✭

posted

this is so cool!! i might try it thank you so much !!


Permalink Report Reply

Reply by Sofii

posted

YOU SAVED MY LIFE


Permalink Report Reply

Reply by XxP0nyIzD3dxX

posted

thank you so much, your a lifesaver!!! <3 but dyk how to stop the interests header and links header to show at the same time. my interests header text is 1nt3r3stz and links header text is l1nks. but it's showing 1nt3r3stzl1nks. if anyone knows how 2 fix this bug, please help, thanks!


Permalink Report Reply