IMVU homepage header

by noobhomepager · 13 posts
2 years ago in General

Posted 2 years ago · Author

I've seen some homepages with a "clean" header, no blue bar (message-stack) nor grey bar (ccpheader_leaderboard) and with transparent IMVU mininav.

but also I've read this from the imvu FAQ

"Why can't I customize the blue bar and other items at the top of the page?

To maintain a consistent look and feel to IMVU.com, we do not allow the customization of the page header."

I want to completely remove whats in red, and make the mini nav transparent (the mini nav is highlighted in yellow)

image.png

please help!

*edit*
Thanks for all the support, i was able to remove all of the header! Now i am trying to make the mininav background transparent, any ideas?
Example:

Capture.PNG

Last edited by noobhomepager on Wed Oct 05, 2022 7:21 pm, edited 2 times in total.

Posted 2 years ago

@noobhomepager

Can you show us a screenshot of the bluebar you're talking about? Pretty much anything on the profile can be customized with css.

Posted 2 years ago · Author

@DataMine

just added the print, thanks for the reply!

Posted 2 years ago

@noobhomepager

Use the attachments tab next time to attach your image. The website you used to upload the image blocks offlinking. I had to fix it for you.

Posted 2 years ago

@noobhomepager

Add this to your homepage code:

Code

<style type="text/css">
#message-stack, #mininav_body {
   display: none;
}
</style>

Posted 2 years ago · Author

@Don Von Alpha Dom

sorry for the trouble, thank you!

-- Tue Oct 04, 2022 8:29 pm --

@DataMine

no luck, thanks anyway!

Posted 2 years ago

@noobhomepager

Oh right, I forgot the homepage is actually an iframe. The mininav is in the parent dom.

To hide it, you need to target the parent dom like so:

Code

<script type="text/javascript">
window.addEventListener('load', function () {
   window.parent.document.getElementById("mininav_body").style.display = "none";
   window.parent.document.getElementById("message-stack").style.display = "none";
})
</script>

I've tested this on my own homepage.

Posted 2 years ago · Author

@DataMine

Thank you so much!!!! My homepage was still showing a graybar (ccpheader_leaderboard), I just added it to the code and was all gone!! Perfect!!!!

Thank you thank you thank you!!!!!!!!✨✨✨✨✨✨

-- Wed Oct 05, 2022 7:23 pm --

@DataMine

Hey, just one more thing... I was trying to make the mininav transparent, as shown on screenshot, could you help me again? Thanks for all the support!

Posted 2 years ago

@noobhomepager

noobhomepager wrote:
just one more thing... I was trying to make the mininav transparent, as shown on screenshot, could you help me again? Thanks for all the support!

replace

Code

window.parent.document.getElementById("mininav_body").style.display = "none";

with

Code

window.parent.document.getElementById("mininav_body").style.opacity = .5;

You can replace .5 with any number between 0 and 1. 0 being invisible and 1 being opaque.

Posted 2 years ago · Author

@DataMine

You are the best! Thank you very very much!!!!✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨

-- Wed Oct 05, 2022 9:35 pm --

@DataMine

Just tested it, not worked as intended =/ just makes the mininav white, any ideas?

Product Requests

IMVU homepage header

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in

Already have an account? Sign in here

Create an account

Sign up for a new account in our community. It's easy!