...

View Full Version : Image Borders!



makeitrein
05-27-2010, 05:22 AM
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 (http://www.visualcraftsman.com/).

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.

litoburrito
05-27-2010, 07:26 AM
Are you talking about this?
http://www.visualcraftsman.com/wp-content/uploads/2010/02/post_type_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.

makeitrein
05-27-2010, 07:47 AM
Are you talking about this?
http://www.visualcraftsman.com/wp-content/uploads/2010/02/post_type_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. :)

makeitrein
05-27-2010, 07:49 PM
Le Bump. :thumbsup:

Scriptet
05-27-2010, 08:07 PM
They are using images see this link for the image:

http://www.visualcraftsman.com/wp-content/themes/VisualCraftsman/interface/images/border_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

Major Payne
05-28-2010, 03:32 AM
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/3000-2192_4-10703122.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/app/us/en/frame_autumnbounty-landing.aspx?jumpid=em_r11400_us/en/hho/IPG/ipg20_cpt_em_hpn_1695&hhosnl=hpn_1695|754342|5B6843994A88BFA0|F2F8C3A3EA42CEAA14BCEC1E6AC241B6
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum