8 Replies Latest reply: Mar 29, 2007 1:33 PM by MO66 RSS

    Background

    guy from NM Community Member
      Can you change the color of the background--the area outside of the FLASH? I refer to the area determined by the HTML. I know this can be changed after the fact in an HTML editor, but is there is a way to do this from withing captivate?
        • 1. Re: Background
          Captiv8r CommunityMVP
          Hi guy from NM

          If this is Captivate 2, you can easily do this. Click Project > Skin... and click the "Background color" selector.

          If this is Captivate 1, then it is a manual "post publishing" action.

          Cheers... Rick
          • 2. Background
            guy from NM Community Member
            ..
            • 3. Background
              Captiv8r CommunityMVP
              Hi again

              So sorry. My bad. I told you the wrong place to look!

              Instead, look at the Borders tab and check out the HTML Background Color button.

              Cheers... Rick
              • 4. Re: Background
                MO66 Community Member
                I have a 'related topic' question: what if you don't want the html background color to display in the final product?

                I've got a project that is using SCORM, a playback control at the bottom along with the border at the bottom enabled.

                Each time I publish & view, the .swf file is not displaying at the upper left corner of the browser window (0,0). I've done some testing and found that it is the html background color showing thru. I went into the html and changed the margins to 0 but that is not working.

                As it now standands, users have to scroll up, down, left, right just a little. If I could get the .swf to load at 0,0 the scroll would be eliminated.

                Any quick assistance is much appreciated!
                • 5. Re: Background
                  Paul_D Community Member
                  MO66,
                  adding topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"
                  to the body section of the html will place the swf top left (0,0)
                  i use <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
                  and it works in firefox and IE,
                  I have my default standard html template as
                  <body bgcolor="@SKINCOLOR" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
                  obviously with the center tag removed
                  • 6. Re: Background
                    Captiv8r CommunityMVP
                    Hi guy from NM

                    Give this a try and see if it works for you.

                    Edit the HTML page used to display your .SWF. Near the top of the HTML code is the <body> tag. Amend the tag so it reads as:

                    <body bgcolor="#??????" topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">

                    Note that the #?????? represents the hex code for your background color and will vary.

                    Cheers... Rick
                    • 7. Re: Background
                      Captiv8r CommunityMVP
                      LOL!

                      Sorry Paul, didn't see you standing there my friend...

                      NM, you are in good hands here. Please ignore my post....
                      • 8. Background
                        MO66 Community Member
                        Found the solution!

                        I had been trying the margin settings with no success. That's because there is also table cell padding buried deep within the code (mine was configured for SCORM).

                        Thanks for your quick replies!