Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Border using a Image


  #1  
Old Oct 17, 2011, 07:31 AM
webman
 
3 posts · Aug 2010
I have what might be a unusual problem.

Go here...this is a test page: http://sautters.net/sautters2/gc-test/
(This page is not i menu, but is available, so you can look at other pages)


I need to create a border (the green line, preferably) using a image.
It needs to be expandable to adjust for differring heights of each page. (preferably)

That is my first issue. My second issue is that different page will be using different borders.

I am at a complete loss to due this, I can not even seem to create a single border, aside from the solid color border.

This needs to be simple, as i can modify (edit) current CSS, PHP, etc, but do not know enuf to create/insert any of the above.

I hope someone can help me.

Thanks for your help.
  #2  
Old Oct 17, 2011, 09:12 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I am not sure about the simple part but what I did for this site was to give the #container a background image and then adjust the css for other areas to display it correctly but there really isn't a step by step.

You will have to set the background for td#middle and td#right and td#left if necessary so the background for the container doesn't show.

The image you use is important as well. I used a tileable image and repeated it. Other background images may not work as well.

To have a different "border" show on different pages would require use more CSS that uses the selector for the page along with the selector for the container. For example if the page id was 32 you would use something like the following.
HTML Code:
body.page-id-2 #container {
background: url(path to image) repeat top center;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Last edited by lmilesw; Oct 17, 2011 at 09:17 AM.
  #3  
Old Jan 3, 2012, 12:30 PM
jrobie23's Avatar
jrobie23
 
63 posts · Feb 2011
Boulder, CO
I'm looking for some guidance in this area as well.

I'm trying to mimic this site's "box" features so I can have a fancy border around each of the sections of the site.

http://www.michaelsaunders.com/

The "boxes" are around the "just listed" and "local real estate news".

I'm OK with finding the ATA sections and adding the CSS, but I can't seem to find (on here or on the web) a good instructional on making an image the border for a div.

My challenge is that the borders (top, sides, bottom) will all be different.

I recognize this is a bit outside of the ATA forum, so any direction would be greatly appreciated.
  #4  
Old Jan 3, 2012, 12:46 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
The make a "border" an image you will probably be dealing with a background image and padding. The example you gave is just a background image. I am not real clear on what you want to do.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jan 3, 2012, 01:13 PM
jrobie23's Avatar
jrobie23
 
63 posts · Feb 2011
Boulder, CO
thanks for the speedy reply.

I can get an image (top center) to display on the container and likely on my widgets, etc..

I'm unsure how to get multiple images into a single div. (top, left, right, bottom).

The reading I'm doing as we speak is taking me down the road of creating child divs and giving them each their own background image with fixed positioning inside the "main" div.
http://nicolasgallagher.com/multiple...ers-with-css2/

It is logical and seems like it would make sense. Then all I would need to do is add those "children" to each of the sections (container, posts/pages, etc.) that I want to have that specific border. I would then do the same for the 2nd type of border.

I'm showing my vast ignorance of this technique here, so if there's a better way, and assuming i've explained myself well enough. I'm very open to alternatives.

It looks like (on the michael saunders site) that they just built those sections from 2 parts and gave those parts their own background.
  #6  
Old Jan 3, 2012, 01:58 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Not sure how I would approach this. Maybe someone else will have some ideas or you can sort out the instructions from that site.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jan 3, 2012, 03:54 PM
jrobie23's Avatar
jrobie23
 
63 posts · Feb 2011
Boulder, CO
I've made some decent progress with drop shadow and a single image.
http://jacksonnhrealestate.com/

(now just battling with getting my second table placed over to the right!) 'tis always something


Thank you for checking into it!!

jason.

Bookmarks

Tags
border, image

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Image Border goes a tad to low willwork Center area post/pages 6 Mar 1, 2011 12:50 PM
[SOLVED] Border around image and not image caption when captioning used vCopia Center area post/pages 7 Jan 22, 2011 11:00 AM
Image border Yes. Caption Border No. vCopia Center area post/pages 1 Jan 19, 2011 05:32 PM
Can you use {border-image} in ATO? furiousfrog Header configuration & styling 1 Sep 30, 2010 06:46 PM
How to remove border around image preciousfoods Center area post/pages 6 Jun 17, 2010 04:33 PM


All times are GMT -6. The time now is 06:54 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.