7 Replies Latest reply on Feb 5, 2007 11:29 AM by maxroda

    3-D or Shadow effect

    Level 7
      I'm trying to either create a 3-D or Shadow effect on a table using either
      Dreamweaver or Fireworks.



      A good example of the shadow effect can be seen here -
      http://www.smartaffiliatesecrets.com/.



      Any help would be much appreciated.



      Thanks in advance,



      Joe


        • 1. Re: 3-D or Shadow effect
          Level 7
          Try this:
          http://javascript.internet.com/text-effects/shadow-gradient-script.html

          HTH

          Walt

          "Joe" <jbridges@fundflowsystems.com> wrote in message
          news:eor6u1$ro0$1@forums.macromedia.com...
          > I'm trying to either create a 3-D or Shadow effect on a table using either
          > Dreamweaver or Fireworks.
          >
          >
          >
          > A good example of the shadow effect can be seen here -
          > http://www.smartaffiliatesecrets.com/.
          >
          >
          >
          > Any help would be much appreciated.
          >
          >
          >
          > Thanks in advance,
          >
          >
          >
          > Joe
          >
          >


          • 3. Re: 3-D or Shadow effect
            Level 7
            Joe wrote:

            > I'm trying to either create a 3-D or Shadow effect on a table using either
            > Dreamweaver or Fireworks.

            The shadows on that page are images, as you can see here:

            http://www.playingwithfire.com/shadows.html

            It was done by drawing a rectangle of the necessary width, then adding a
            glow and drop shadow to it. The rectangle with shadows and glow was
            sliced and exported to whatever HTML editor was used. Judging by the
            really outmoded HTML, it probably wasn't Dreamweaver.

            The top and bottom shadows are in their table cells as spacers,
            preventing collapse. The bottom and side shadow images were removed and
            used used as background images instead, so they tile as the length of
            the table expands.


            --
            Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
            --------------------------------------------------------------
            http://www.projectseven.com
            Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
            CSS Newsgroup: news://forums.projectseven.com/css/
            --------------------------------------------------------------
            • 4. Re: 3-D or Shadow effect
              P-C-Surgeonz
              In regards to the link 'twocans' provided from ProjectSeven: http://www.projectseven.com/tutorials/images/gradient_tiles2/index.htm
              I really enjoyed this tutorial and even started creating a webpage based on this tutorial but ran into a snag. If you go to this link using IE7, scroll to the bottom of the page, and click on the 'view demo page', the page looks great in the three different resolutions I viewed the page in (800x600, 1024x768, 1200x800). It also looked great in Firefox and on a Mac. However, in IE7, while viewing the demo page, if you hold down the Ctrl key and use the mouse scroll wheel to resize the page, the background stays centered while the added items move to the left of the screen. Since I do not have much experience w/DW, the way I would get around this problem is creating the DW page in a 1900 px wide page and to center tables or items added over the background. But then this creates a web page with a horz scroll bar. There has to be a better way to add items over this background. Any ideas from the excellent help this forum provides?
              • 5. Re: 3-D or Shadow effect
                Level 7
                P-C-Surgeonz wrote:

                > It also looked great in Firefox and on a Mac. However, in IE7, while
                > viewing the demo page, if you hold down the Ctrl key and use the mouse scroll
                > wheel to resize the page, the background stays centered while the added items
                > move to the left of the screen. Since I do not have much experience w/DW, the
                > way I would get around this problem is creating the DW page in a 1900 px wide
                > page and to center tables or items added over the background.

                Since you are probably the only person in the world who would hold down
                the control key and resize the page with the mouse wheel in I.E.7, I
                wouldn't worry about it. :-)

                --
                Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
                --------------------------------------------------------------
                http://www.projectseven.com
                Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
                CSS Newsgroup: news://forums.projectseven.com/css/
                http://www.adobe.com/communities/experts/
                --------------------------------------------------------------
                • 6. Re: 3-D or Shadow effect
                  P-C-Surgeonz Level 1
                  Thanks for the reply Linda. I wasn't sure if combination of the control key/scroll wheel was used much or not? I still do have concerns as when IE7 has been around for awhile that the control/scroll combination to resize windows will be more common?
                  • 7. Re: 3-D or Shadow effect
                    maxroda
                    That's the trouble with new versions of browsers, etc. Web Designers are constantly having to test web pages to make sure that their site or customers site are working correctly in many different browsers and/or platforms so that the page stays as it was designed. You may or may not have to be worried about this problem with IE7. As Linda stated, not many people if any will ever try to resize your website, but on the other hand, if they do, it does cause problems. Look around google, there may be something to eliminate this problem?