's Blogs

Whatever you do, don't use TEXTAREA tags.  It will disable the Profile Edit page and you'll be stuck.

Guess how I figured that out. ????

Hopefully Nick18 can wipe the Description and enable edits again.  Otherwise it'll be an account deletion.

Thanks so much for the info. Tbh I just copied the info you posted here for my profile. It's a starter instead of the boring standard profile. I'll learn more about it when I have the time.

Fix Non-compliant Images on Wall (updated/fixed again)

Some users use a copy-paste method for posting pictures on walls.  Sometimes this comes with extra code that screws up the formatting of the wall page.  It is often evident from users that have large monitors and you view it from a small screen (e.g. tablet) which makes the image scroll. Coding some rules that can't be overridden will fix this.  A font color or other item can be added if needed.

Thanks to MarciPan for helping find some bugs.

A way to avoid having code like this copied from other websites is to use the 'insert/edit image' button on the post input box for the initial wall post (instructions in another post below).  Then copy that post image and paste onto other walls.

Put this code inside your style tags:

.comment_right * {
    max-width: 100% !important;
    max-height: 100% !important;
    height: auto !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border: none !important;
    background-color: transparent !important;
    /* color: DimGray !important; */
}

I'll have to use these next time I'm in the desktop ????

What a great Blog if you want to personalize your wall

great assistance curious! luv it.

Whole-Page Background Image (updated)

If you would like a background picture and have it show through a little more than default, use this code. 

Change the URL of the picture to the location of your desired background. Change whatever other items you wish

<STYLE>
body {
    background-image: url(https://www.gayboystube.com/media/backgrounds/default_bg.jpg); /* change this to your desired background picture's URL/address */
    background-size: 100%; /* this will stretch the image to fit the width of the page */
    background-attachment: fixed; /*delete this line if you want the image to scroll with the page*/
}
.wrap-bg {
    background: none; /* this will remove the white box around most objects an allow the above background to show through */
}
.profile-background {
    display: none; /* this will hide your default profile header background - delete this line to keep visible */
    max-height: 400px; /* if not hidden, this line will increase the height of the profile background image - adjust number of pixels as desired */
}
.profile-user-info {
    margin-top: -1%; /* this will adjust the vertical position of your profile info */
    margin-left: 5%; /* this will adjust the horizontal position of your profile info */
    border-bottom: none; /* this will delete the bottom red line */
}
.main-title ul.blog-user-options.right, .wrap-bg .nine-items, .profile-title-headline, .profile-description, .sub-title, .margin
{
    background-color:rgba(256,256,256,0.3); /* this will put a shaded box behind some text to allow for better visibility */
}
</STYLE>

very helpful contribution, thanks

Making Uploaded 'Background' Bigger

Use this code to show more of your uploaded background picture.
Increase the number of pixels (default is 250px) and use the margin-top and -left to move the profile info box around.  The 'border-bottom: none' code will hide the red line.

<style>
.profile-background {
    max-height: 300px;
}
.profile-user-info {
    margin-top: -17%;
    margin-left: 1%;
    border-bottom: none;
}
</style>

Thanks, I played around with my profile, made a couple of changes to some of the code and I like it.  Thanks again.

fascinating

This is awesome man, thanks. 

More Font Choices from Google

There are more fonts to be found from Google.  See https://developers.google.com/fonts/ for more about their fonts and usage.

<STYLE>
@import url('https://fonts.googleapis.com/css?family=Nunito');
* {
    font-family: "Nunito";
    color: FireBrick;
}
</STYLE>

Where to Stick It

If you haven't learned that by now, I'm not sure what to tell you. ????

Any code you want to apply goes into the 'Profile Description' section within 'Edit Profile' (https://www.gayboystube.com/edit-profile).  Add the <STYLE>...</STYLE> code after whatever description text you have already entered and then save the page.

Page Editing Resources

Most page editing is done with CSS, cascading style sheets.  It's a programming code commonly used on web pages like this site. 

A good reference for the code is https://www.w3schools.com/css/default.asp 
Read up!

You will likely want to edit your code in a text editor.  Notepad on Windows works, but programs intended for programmers may work better.  I use Notepad++.

Mozilla Firefox has the ability to inspect elements and show the code for an item you click on.  Simply right-click an item on a page and select 'Inspect Element (Q)' to see the existing code.

Avoid using !important tags, as they may make things harder in the full scheme of things.

Try anything out to see if it works, it won't harm the server's code.  You can always delete the code you last saved.

https://www.gayboystube.com/edit-profile

Background Colors - Guide to Element Layers

This code will change many of the 'boxes' on the page to different colors. It will help you identify the selector names for more modification, if desired.  Make your page more gay with the default colors!

<STYLE>
/* see https://www.w3schools.com/cssref/css_colors.asp for color list */
body {
    background: Red;
}
.col-12.clear-20{
    background: Orange;
}
.wrap-bg.wrap-bg-content {
    background: Yellow;
}
div#ul-comments div div.comment {
    background: Green;
}
.profile-avatar-bg {
    background: Violet;
}
.profile-background {
    max-height: 300px;
}
.col-12.pos-rel {
    overflow: hidden;
    background: CadetBlue;
}
.profile-user-info {
    margin-top: -20%;
    border-bottom: none;
}
ul.video-options.video-options-mobile.this-user-profile.full.nine-items {
    background: Coral;
}
div.wrap-bg {
    background: Blue;
}
div.user-profile-bg div div.item-wrapper.bg-grey, div.user-profile-bg div div.item-wrapper {
    background: LawnGreen;
}
</STYLE>