Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6

Thread: Image Borders!

  1. #1
    New to the CF scene
    Join Date
    May 2010
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Arrow Image Borders!

    Halp! My HTML and CSS code is killing me!

    I'm building a website for my lawyer friend. He wants to use image borders like these.

    What would be the best method to put those borders on my website? I've tried using absolute positioning, but the results ain't pretty.

  • #2
    New Coder
    Join Date
    Jan 2010
    Posts
    31
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Are you talking about this?
    http://www.visualcraftsman.com/wp-co...ype_actiGo.png

    or like around the whole page?

    if your talking about just the image, well as you can see from the link above, they
    had it premade.
    You could probably make a div with a background image, which is your border and then
    put the image on top of it.

  • #3
    New to the CF scene
    Join Date
    May 2010
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by litoburrito View Post
    Are you talking about this?
    http://www.visualcraftsman.com/wp-co...ype_actiGo.png

    or like around the whole page?

    if your talking about just the image, well as you can see from the link above, they
    had it premade.
    You could probably make a div with a background image, which is your border and then
    put the image on top of it.
    Oops. I was actually referring to the fancy border around the entire page.

  • #4
    New to the CF scene
    Join Date
    May 2010
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Le Bump.

  • #5
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    They are using images see this link for the image:

    http://www.visualcraftsman.com/wp-co...er_corners.png

    using CSS atm you can only have some basic borders, see here: http://www.w3schools.com/css/css_border.asp

    CSS3 will allow rounded borders but it's not fully implemented yet so itd oesn't work in all browsers.

    So for any other borders you need to create them as images in your image program, or find and image if you can (and have rights to), then set them as background images inside the CSS

  • Users who have thanked Scriptet for this post:

    makeitrein (05-27-2010)

  • #6
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    850
    Thanks
    11
    Thanked 79 Times in 77 Posts
    That nice border is comprised of several different images. I would suggest you make your border with a good graphics editor or see if you can get a graphics artist to make one for you. These might help if you haven't a graphics editor:

    FREE software (No Animation):

    http://www.getpaint.net/ (Very user friendly)
    GetPaint Plug-ins: http://paintdotnet.forumer.com/viewforum.php?f=16
    GetPaint Help File: http://www.getpaint.net/doc/latest/en/index.html
    POS FREE PHOTO EDITOR (v1.27): http://www.photopos.com/Pos-Free-Photo-Editor.asp
    http://www.download.com/PhotoScape/3...html?tag=mncol
    http://www.inkscape.org/download/ (Very good for vectored graphics)

    FREE Online Photo Editors:

    1) PhotoShop's Own Online Editor: https://www.photoshop.com/
    2) FotoFlexer - The world's most advanced online photo editor: http://fotoflexer.com/
    3) HP Creative Studio: http://h30393.www3.hp.com/printing/a...BCEC1E6AC241B6
    4) The interface looks almost identical to Photoshop (Pixir): http://www.pixlr.com/editor/
    5)Looks similar to Photoshop, but is a little tricky to use (Splashup): http://www.splashup.com/

    There are some free border templates you can track down on the 'Net.
    Last edited by Major Payne; 05-28-2010 at 03:34 AM.
    ☠ ☠RON☠ ☠

  • Users who have thanked Major Payne for this post:

    makeitrein (05-28-2010)


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •