5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

border "fading" effect

by Ian Jackson
4 replies
  • WEB DESIGN
    • |
I work in Dreamweaver 8, please can anyone advise me how can I get a outwardly "fading" effect to the border of my web page?
Thanks
#border #effect #fading
  • Profile picture of the author newbim
    Hi,

    Whenever I need box (and I don't think this is the most efficient way of doing this) is create a gradient in Photoshop, then just repeat it, actually, I create the whole background then take a 1px high sample of it and repeat it.

    I don't know if this helps, but it's one way of doing it. Give me a shout if you need any assistance with it (I don't know if you use Photoshop or not).

    Good luck with that.
    Signature
    If what I said helps, let me know, throw me a 'thanks'.
    {{ DiscussionBoard.errors[1660371].message }}
  • Profile picture of the author Orlando Web Design
    what newbim said is correct. Just use css to include your 1px box as a background image and have it repeat vertically. Make sure in photoshop you create your gradient vertically not horizontally.

    You would create css code something such as this:

    <div style="background-image: url('yourgraphicnamegoeshere.jpg'); background-repeat: repeat-x;"></div>
    Signature
    Financial Thing: Peer to Peer Lending Reviews
    Poker Tilt : The Dutch Boyd Story
    {{ DiscussionBoard.errors[1660476].message }}
    • Profile picture of the author newbim
      Thanks for confirming that way - when it comes to coding - I know what can get the job done, but there can be more widely "accepted" ways to do it over other ways sometimes - self taught y'see, lol.

      Thanks for the confirmation. .
      Signature
      If what I said helps, let me know, throw me a 'thanks'.
      {{ DiscussionBoard.errors[1660509].message }}
      • Profile picture of the author Ian Jackson
        Thanks for those pointers, yes, I got to grips with Pshop basics for my page header, over Xmas; I'll do some searches in Youtube also
        {{ DiscussionBoard.errors[1661664].message }}

Trending Topics