MPBG&TC (miniprofile background & text color) [lib support]

[ialwaysneedhelp :(]

Jun 30, 2016 11:11:26 GMT -8 ?adwoman? said:

Jun 30, 2016 10:48:08 GMT -8 ialwaysneedhelp :( said:

Hey There,

My mini profile background does not change even after I set up the custom profile fields.

Stupid question ahead Did you click on save? in your profile

Yes...

[Jaguar]

Wormopolis, is really super busy right now so you might need to use a little trick I know with this plugin. 



{"image":"insert URL code here","color":""}
Your image code needs to be in the area I showed above. And place that code in your Mini Profile Background section.

Mine looks like this :



{"image":"http://i1285./a590/Zen_o7/ProBoards/Pro96.jpg","color":""}


[Tix Mascot]

Thanks, Jaguar, that really did the trick. Before, there opened a new box where we could just insert the URL directly, but this is gone now. Once we know how the system works, it should be fine, although the random members will struggle a little, I'm afraid...

So I'll have to start an info thread about it.

[Jaguar]

Yeah the box doesn't open now, so I learned how I can still use this plugin. I'm glad it's helping.

[voice]

Hi. I installed this plugin, and added the Custom Profile Fields, but the edit profile area looks the same as it always has. I don't see any of the custom options for the mini profile, just the usual default avatar/link avatar options.

Am I looking in the wrong place?

[Tix Mascot]

When you have finished updating your Custom Profile Fields and it has autosaved your changes, you have to refresh the page before the changes are displayed in profile/edit profile/personal, where the first three fields come from the miniprofile background & text color plugin; and the rest should be your manually created fields.

[ialwaysneedhelp :(]

Jun 30, 2016 14:21:57 GMT -8 Jaguar said:

Wormopolis , is really super busy right now so you might need to use a little trick I know with this plugin. 



{"image":"insert URL code here","color":""}
Your image code needs to be in the area I showed above. And place that code in your Mini Profile Background section.

Mine looks like this :



{"image":"http://i1285./a590/Zen_o7/ProBoards/Pro96.jpg","color":""}

Hey There, I noticed in your site that your username changes color, how did you do that?

[Tix Mascot]

I installed a plugin called Styled Member Names and inserted this code for my username:

#rainbow { background: -moz-linear-gradient( top , rgba(255, 0, 0, 1) 0%, rgba(0, 1, 255, 1) 100%; padding: 1px 10px; border-radius: 10px;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(100%, rgba(0, 1, 255, 1) ); } #rainbow { width: 300px; height: 300px; text-shadow: 1px 1px 3px #090002;}

You can have the full rainbow by inserting

#rainbow { background: red; /* not working, let's see some red */ background: -moz-linear-gradient( top , rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 15%, rgba(0, 255, 0, 1) 30%, rgba(0, 255, 255, 1) 50%, rgba(0, 0, 255, 1) 65%, rgba(255, 0, 255, 1) 80%, rgba(255, 0, 0, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(15%, rgba(255, 255, 0, 1)), color-stop(30%, rgba(0, 255, 0, 1)), color-stop(50%, rgba(0, 255, 255, 1)), color-stop(65%, rgba(0, 0, 255, 1)), color-stop(80%, rgba(255, 0, 255, 1)), color-stop(100%, rgba(255, 0, 0, 1))); } #rainbow { width: 300px; height: 300px; }

Then remove the colours you don't need, swap them around or change the percentages for each colour.

I'm actually hosting a seminar on another forum where I teach some of the tricks that I have picked up. If you want to join, I'll give you the necessary info.

[ialwaysneedhelp :(]

Jul 1, 2016 9:04:55 GMT -8 Tix Mascot said:

I installed a plugin called Styled Member Names and inserted this code for my username:

#rainbow { background: -moz-linear-gradient( top , rgba(255, 0, 0, 1) 0%, rgba(0, 1, 255, 1) 100%; padding: 1px 10px; border-radius: 10px;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(100%, rgba(0, 1, 255, 1) ); } #rainbow { width: 300px; height: 300px; text-shadow: 1px 1px 3px #090002;}

You can have the full rainbow by inserting

#rainbow { background: red; /* not working, let's see some red */ background: -moz-linear-gradient( top , rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 15%, rgba(0, 255, 0, 1) 30%, rgba(0, 255, 255, 1) 50%, rgba(0, 0, 255, 1) 65%, rgba(255, 0, 255, 1) 80%, rgba(255, 0, 0, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(15%, rgba(255, 255, 0, 1)), color-stop(30%, rgba(0, 255, 0, 1)), color-stop(50%, rgba(0, 255, 255, 1)), color-stop(65%, rgba(0, 0, 255, 1)), color-stop(80%, rgba(255, 0, 255, 1)), color-stop(100%, rgba(255, 0, 0, 1))); } #rainbow { width: 300px; height: 300px; }

Then remove the colours you don't need, swap them around or change the percentages for each colour.

I'm actually hosting a seminar on another forum where I teach some of the tricks that I have picked up. If you want to join, I'll give you the necessary info.

ymam.proboards.com  do the color change like the users in that site?

[Tix Mascot]

Yes, you just insert different codes. For more simple solutions, use this formula and choose your own colour combinations:

<span style="color: green; border: 1px solid black; background: #0874e9; text-shadow: 1px 1px 3px #fa0c28; padding: 1px 10px; border-radius: 10px;"></span>

[ialwaysneedhelp :(]

Jul 1, 2016 9:33:41 GMT -8 Tix Mascot said:

Yes, you just insert different codes. For more simple solutions, use this formula and choose your own colour combinations:

<span style="color: green; border: 1px solid black; background: #0874e9; text-shadow: 1px 1px 3px #fa0c28; padding: 1px 10px; border-radius: 10px;"></span>

Thank You!

Where do I enter these codes?

[Tix Mascot]

Sorry, I misunderstood you. No the colours in one username don't change internally. To achieve that, you need to install another plugin and I have no idea how the two will work together. I don't need that option, since I modified the first plugin to a unique level that I haven't seen elsewhere, which makes the Heretix Forum stand out in yet another way.

[Tix Mascot]

Jul 1, 2016 9:34:34 GMT -8 ialwaysneedhelp :( said:

Jul 1, 2016 9:33:41 GMT -8 Tix Mascot said:

Yes, you just insert different codes. For more simple solutions, use this formula and choose your own colour combinations:

<span style="color: green; border: 1px solid black; background: #0874e9; text-shadow: 1px 1px 3px #fa0c28; padding: 1px 10px; border-radius: 10px;"></span>

Thank You!

Where do I enter these codes?

Install the plugin called Styled Members Names, then insert the code in the text field called Custom CSS  for each member or group and click Save Changes at the bottom of the page. You may also need to refresh your page before the changes appear in the display mode. Good luck!

[ialwaysneedhelp :(]

Jul 1, 2016 9:41:09 GMT -8 Tix Mascot said:

Jul 1, 2016 9:34:34 GMT -8 ialwaysneedhelp :( said:

Thank You!

Where do I enter these codes?

Install the plugin called Styled Members Names, then insert the code in the text field called Custom CSS  for each member or group and click Save Changes at the bottom of the page. You may also need to refresh your page before the changes appear in the display mode. Good luck!

I'm confused.... Will this still make my usernames change color?

[Tix Mascot]

It will change from defalt to the style of your choice when you save the modifications, but it will not have animated alterations like a billboard if that's what you mean. This function requires another plugin unless I'm able to develop another and more complex code, but I don't have the skills that this support forum's staff members have and I don't have much time for further experiments right now.

You could, however, try this plugin, but I have never installed it, so I don't know what it really does:

www.proboards.com/library/plugins/item/114

Or you could contact the admin of the other forum and ask for their advice, to save time.