IMAGE GIF TRANSPARENT BACKGROUND

  • 0
  • 1
  • Question
  • Updated 6 years ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: We have archived this topic as it has either reached a resolution or has become inactive.  If you believe this topic should not have been archived, please let us know, and we would be happy to review it.  You may continue to access this topic as needed fo

Hi Homestead Community!,

I tried inserting a gif image with a transparent background into my website and it still show up with a white background after it gets published.  Any suggestions?
Photo of Victor4384

Victor4384

  • 1,282 Points 1k badge 2x thumb
  • happy

Posted 6 years ago

  • 0
  • 1
Photo of Mike F.

Mike F., Alum

  • 184,718 Points 100k badge 2x thumb
You'll need to use SiteBuilder Plus for this. Supporting transparent .gif files is one of the changes on the newer software.  Would you like us to convert your account?  There's no cost.

Mike
Photo of Mike F.

Mike F., Alum

  • 184,718 Points 100k badge 2x thumb
You will still have to create the transparency with the 3rd party software. SB+ will support .gif and .png's but it can not actually create images.
Photo of Victor4384

Victor4384

  • 1,282 Points 1k badge 2x thumb
Hi Mike,
I figured out how to do it the long and drawn out way, using html and it's only to create a plain ol rectangle box that you can partially see through, using the little snip it below.  It's kinda a pain because you can't just click and drag it like in Sitebuilder Plus I gather, and it's not an picture or photograph (gif or png).  Your offer to move over to Sitebuilder Plus IS tempting...but I'm an OLD SCHOOL kinda guy, heck, I'm still using WINDOWS XP, so maybe not just yet, if that's okay with you?

Vic out

<!DOCTYPE html><html>
<head>
<style>
div.transbox
{
  width: 800px;
  height: 5443px;
  margin: 725px -125px;
  background-color: ffffff;
  border: 0px solid black;
  opacity:0.2;
  filter: alpha(opacity=20); /* For IE8 and earlier */

}
</style>
</head>
<body><div class="background">
<div class="transbox">
</div>
</div>
</body>
</html>
Photo of Drew N

Drew N, Alum

  • 262,826 Points 100k badge 2x thumb
Certainly/  The most important thin is that you got it to do what you want.

Thanks

Drew
Photo of The2918

The2918

  • 160 Points 100 badge 2x thumb
How can I get the new sitebuilder plus?
Photo of Mike F.

Mike F., Alum

  • 184,718 Points 100k badge 2x thumb
I'll have to add it from my end. It's very quick and easy. Just make sure you've published all of your pages from the Desktop version, then reply here when you are ready.

Mike

This conversation is no longer open for comments or replies.