12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

How do I get my webpage to have a border like this?

by aaallday2010
10 replies
  • WEB DESIGN
    • |
I know I can just copy and paste this, but I need the top portion to be a certain width (wider than this example).

Can anyone point me in the right direction. Thanks.

Here's the site. It was just posted elsewhere on this forum.

Time Management on Crack: Get Over Yourself, Overcome Your Negative Inner Voice, And Get Solutions To 80% Of Internet Marketing In Just A Few Simple Steps
#border #webpage
  • Profile picture of the author Steve Wells
    Originally Posted by aaallday2010 View Post

    I know I can just copy and paste this, but I need the top portion to be a certain width (wider than this example).

    Can anyone point me in the right direction. Thanks.

    Here's the site. It was just posted elsewhere on this forum.

    Time Management on Crack: Get Over Yourself, Overcome Your Negative Inner Voice, And Get Solutions To 80% Of Internet Marketing In Just A Few Simple Steps
    Thats a page that was designed to look like that by using graphics I believe. If you would like one designed P.M. me, I can design you one for a very affordable amount, should be done within 24 hours easily...
    Signature
    Need Custom Graphics Work? - Message Me For A Design Quote!
    {{ DiscussionBoard.errors[1845552].message }}
  • Profile picture of the author aaallday2010
    Just had someone PM me with the solution for how to get this done. Actually, he did it for me. Thanks though.
    {{ DiscussionBoard.errors[1845616].message }}
  • Profile picture of the author aaallday2010
    I'm good on this Thread guys. Jeremy did it for me. Great guy by the way.
    {{ DiscussionBoard.errors[1845619].message }}
    • Profile picture of the author Steve Wells
      Originally Posted by aaallday2010 View Post

      I'm good on this Thread guys. Jeremy did it for me. Great guy by the way.
      When its done show us the page and how it looks if you dont mind?
      Signature
      Need Custom Graphics Work? - Message Me For A Design Quote!
      {{ DiscussionBoard.errors[1845624].message }}
      • Profile picture of the author aaallday2010
        Originally Posted by EWGQDD View Post

        When its done show us the page and how it looks if you dont mind?
        I would, but that would give away my niche! It's one of those where i can't afford too much competition.

        I'm sure you understand.
        {{ DiscussionBoard.errors[1846737].message }}
        • Profile picture of the author Steve Wells
          Originally Posted by aaallday2010 View Post

          I would, but that would give away my niche! It's one of those where i can't afford too much competition.

          I'm sure you understand.
          I understand, no problem, I was just interested in seeing what your final page looked like.......
          Signature
          Need Custom Graphics Work? - Message Me For A Design Quote!
          {{ DiscussionBoard.errors[1846835].message }}
  • Profile picture of the author Robert Plank
    Hey guys,

    From the creator of Time Management on Crack: Enhanced Sales Letters: Boost in Your Conversion Rates with a Few SMALL & Simple Changes...

    It contains not just the PHP template, but the 7 PHP scripts I use on most of those sales letters as well.
    Signature
    {{ DiscussionBoard.errors[1847089].message }}
    • Profile picture of the author NetMan
      Originally Posted by Robert Plank View Post

      Hey guys,

      From the creator of Time Management on Crack:

      It contains not just the PHP template, but the 7 PHP scripts I use on most of those sales letters as well.

      HUH!??

      What's the link with the actual topic of this thread?
      {{ DiscussionBoard.errors[1849632].message }}
  • Profile picture of the author OhJay
    FYI you can now do drop shadows in pure CSS without needing any image files. Dead simple, really.

    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;

    The first line is for older mozilla browsers (ie firefox), the second works for Safari and Chrome whilst the last one works for all new browsers that support CSS3.

    The first two values are the horizontal and vertical offsets, the third value is the amount of blur and the last value is the colour. This works on top of any background colour, including images.

    This won't render in older browsers, unfortunately. For that you'd still need to do it the old way - eg alistapart.com/articles/cssdrop2/ - but if it isn't a critical part of the design, then it's worth considering doing it with CSS3 as it's supported in most browsers, is a lot less work and makes your file sizes that much smaller.
    {{ DiscussionBoard.errors[1853118].message }}
    • Profile picture of the author Geilt
      Essentially, to make borders like this you have a top table or div that has a background image with a top bar that has the corners, same thing for bottom, and in the center cell or div you have a repeating background going down (y) with the borders. This is the simplest way to do it.

      More advanced method involves chopping the image into bits so you have corner divs or cells that you can then insert the corner images so it can be expandable left and right as well as up and down.
      {{ DiscussionBoard.errors[1853156].message }}

Trending Topics