Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Setting Borders


EuRoPLaSTiKs

Recommended Posts

Posted
Hi,

 

The following freeware application (osCommerce Templates Automation System) can do it in just a few seconds. No need to learn CSS, just fill in the border color, border width and background color, and click a button. You may try at:

 

http://oscommerce-template-easy.com/oscomm...ion-system.html

 

Best regards

 

thanks but that tas needs to have remote MYSQL my server only lets me do it online.

Posted
thanks but that tas needs to have remote MYSQL my server only lets me do it online.

 

 

ALL i need to know is where the main borders are at? in which PHP so i can edit them and change the color to 000000 from FFFFFF

Posted
ALL i need to know is where the main borders are at? in which PHP so i can edit them and change the color to 000000 from FFFFFF

 

what i need to do i Think is constrain my web page then add my border(widen the border) and color it black. coloring the back ground.. colors the whole page I just want the Borders to be black and wide on the sides.

Posted
what i need to do i Think is constrain my web page then add my border(widen the border) and color it black. coloring the back ground.. colors the whole page I just want the Borders to be black and wide on the sides.

 

Hi there.

 

I understand your frustration! I tried to find the same answers a while back, as I was fairly new to PHP etc.

 

You need to edit the file: stylesheet.css which is kept in the same place where your index.php file is, i.e: the root of your website.

 

You should make a backup of the file first, just in case!

 

You can edit the file with any text editor, just remember to save it as stylesheet.css not stylesheet.txt.

 

If you have never altered your stylesheet.css file, the first few lines should look like this:

 

/*
 $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 background: #ffffff;
 color: #000000;
 margin: 0px;
 border: solid; border-width: 1px;
}

A {
 color: #000000;
 text-decoration: none;

 

You need to add this line to the BODY section: border: solid; border-width: 1px;

 

So it should look like this:

 

BODY {
 background: #ffffff;
 color: #000000;
 margin: 0px;
 border: solid; border-width: 1px;
}

 

Yoy can change the border size to anything you like e.g: border: solid; border-width: 8px;

 

My BODY section of my CSS file looks like this:

 

BODY {
 text-align: center;
 margin: 0px;
 background-image : url(images/default/new_background1.jpg);
 background-color : #4a94ff;
}

.fixcenter {
 max-width: 950px;
 width: 100%;
 width: expression(document.body.clientWidth>950?"950px":"auto");
 border: solid; border-width: 1px;
 background: #ffffff;
 color: #000000;
 margin: auto;
 margin-top: 4px;
 text-align: left;
}

 

I'm certainly not an expert at CSS, but I have managed to get my site looking the way I like, with a fixed width for 17 monitors and variable width for 15 inch monitors, as well as a thin solid border round the outside of the body.

 

www.drumcentral.co.uk

 

I'm sure that the guys who replied earlier are much better at this than I am!!

 

I've found that experimenting with some of the settings in the CSS file can make a huge difference to the look of the site.

If you are editing the file directly on your server, remember to make a backup first, and when you save any changes, remember also to refresh the pages you're trying it out on in your browser. I usually have to hold the ctrl key and press the F5 key. This forces the browser to load the newest version of your CSS file or any other files used by the web page.

 

The software mentioned earlier in this thread, osCommerce Templates Automation System, could be the ideal answer for you (and me and many others).

 

 

I hope this helps.

 

Kenny

--------------------------------------------------------------------------------------------------

Posted
Hi there.

 

I understand your frustration! I tried to find the same answers a while back, as I was fairly new to PHP etc.

 

You need to edit the file: stylesheet.css which is kept in the same place where your index.php file is, i.e: the root of your website.

 

You should make a backup of the file first, just in case!

 

You can edit the file with any text editor, just remember to save it as stylesheet.css not stylesheet.txt.

 

If you have never altered your stylesheet.css file, the first few lines should look like this:

 

/*
 $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 background: #ffffff;
 color: #000000;
 margin: 0px;
 border: solid; border-width: 1px;
}

A {
 color: #000000;
 text-decoration: none;

 

You need to add this line to the BODY section: border: solid; border-width: 1px;

 

So it should look like this:

 

BODY {
 background: #ffffff;
 color: #000000;
 margin: 0px;
 border: solid; border-width: 1px;
}

 

Yoy can change the border size to anything you like e.g: border: solid; border-width: 8px;

 

My BODY section of my CSS file looks like this:

 

BODY {
 text-align: center;
 margin: 0px;
 background-image : url(images/default/new_background1.jpg);
 background-color : #4a94ff;
}

.fixcenter {
 max-width: 950px;
 width: 100%;
 width: expression(document.body.clientWidth>950?"950px":"auto");
 border: solid; border-width: 1px;
 background: #ffffff;
 color: #000000;
 margin: auto;
 margin-top: 4px;
 text-align: left;
}

 

I'm certainly not an expert at CSS, but I have managed to get my site looking the way I like, with a fixed width for 17 monitors and variable width for 15 inch monitors, as well as a thin solid border round the outside of the body.

 

www.drumcentral.co.uk

 

I'm sure that the guys who replied earlier are much better at this than I am!!

 

I've found that experimenting with some of the settings in the CSS file can make a huge difference to the look of the site.

If you are editing the file directly on your server, remember to make a backup first, and when you save any changes, remember also to refresh the pages you're trying it out on in your browser. I usually have to hold the ctrl key and press the F5 key. This forces the browser to load the newest version of your CSS file or any other files used by the web page.

 

The software mentioned earlier in this thread, osCommerce Templates Automation System, could be the ideal answer for you (and me and many others).

I hope this helps.

 

Kenny

 

thanks but that did not work either.. it still changes the whole background not just the borders. i copied your body into

my body script and the center homepage part did not stay white it turned blue so there was blue behind everything even the letters that say welcome, etc. Thats I think my problem I need to fix that. TAS will not work with my setup Ithink because I can not reomtely alter my MYSQL files.

Posted
thanks but that did not work either.. it still changes the whole background not just the borders. i copied your body into

my body script and the center homepage part did not stay white it turned blue so there was blue behind everything even the letters that say welcome, etc. Thats I think my problem I need to fix that. TAS will not work with my setup Ithink because I can not reomtely alter my MYSQL files.

 

maybe you mean that you want the background to be black, not the borders. in the BODY {} and the TR.header {} definitions, try changing the 'background: #ffffff' to 'background: #000000'.

 

i hope that helps.

Posted
maybe you mean that you want the background to be black, not the borders. in the BODY {} and the TR.header {} definitions, try changing the 'background: #ffffff' to 'background: #000000'.

 

i hope that helps.

 

No, I want it just like that link I posted in my first post. I cant get those borders to show regardless of color I dont get it.

Posted
No, I want it just like that link I posted in my first post. I cant get those borders to show regardless of color I dont get it.

 

i looked at that site and there are a lot of borders on the page. just so we all know that we're talking about the same thing, it'd help if you were to take a screen shot of the page you like and draw an arrow to point to exactly which border you're talking about. we can figure things out from there.

Posted
i looked at that site and there are a lot of borders on the page. just so we all know that we're talking about the same thing, it'd help if you were to take a screen shot of the page you like and draw an arrow to point to exactly which border you're talking about. we can figure things out from there.

 

1-1.jpg

 

drum central UK had what I was referring too but he didnt tell me all what he did, Ive figured out to make it look like that I lower the % of the width but I still cant get the Black borders w/o having a total black out in my center section where my Hello This is my shop sh!t is at.

Posted

I think you just need to set the background color to black for the page, and then set the background color for the main table to white.

Posted
drum central UK had what I was referring too but he didnt tell me all what he did, Ive figured out to make it look like that I lower the % of the width but I still cant get the Black borders w/o having a total black out in my center section where my Hello This is my shop sh!t is at.

 

those aren't borders, that is the background color for the page. in your stylesheet.css you'll see the following

BODY {
 background: #ffffff;
 color: #000000;
 margin: 0px;
}

 

change the 'background: #ffff;' to 'background: #000000'. this will change the background color of your page from white to black. if you have other things inside the curly braces {} it might affect things, but this should do it for you.

Posted
I think you just need to set the background color to black for the page, and then set the background color for the main table to white.

 

 

where is the main table setting at?

Posted
I think you just need to set the background color to black for the page, and then set the background color for the main table to white.

 

 

that turns everything black....like ive been saying

Posted
that turns everything black....like ive been saying

 

did you change the background color of the table to white as dalice suggested? you can change that by setting the <table ... bgcolor="ffffff"> for the table that holds the main part of the page.

Posted
did you change the background color of the table to white as dalice suggested? you can change that by setting the <table ... bgcolor="ffffff"> for the table that holds the main part of the page.

 

 

....right where is that piece of code at i only see the TABLE Form Area and that doesnt do a damn thing.

Posted
....right where is that piece of code at i only see the TABLE Form Area and that doesnt do a damn thing.

 

hmmm...if you modify the <table>s in the html, you might end up having to change multiple pages - kind of tedious. a better solution might be to define the table background in your stylesheet.css. just after your BODY { } definition, try adding:

 

TABLE {
 background: #ffffff;
}

 

this will make *all* tables default to a white background, unless they use a class= attribute of their own that is. but i think this is what you want.

Posted
hmmm...if you modify the <table>s in the html, you might end up having to change multiple pages - kind of tedious. a better solution might be to define the table background in your stylesheet.css. just after your BODY { } definition, try adding:

 

TABLE {
 background: #ffffff;
}

 

this will make *all* tables default to a white background, unless they use a class= attribute of their own that is. but i think this is what you want.

 

 

THANK YOU MAN!!! FUCK!!!! I re installed my store I thought i deleted something. THATS WHAT I WANTED! I got that down got my google checkout and my fedex module IM good to store making my catalog!

Posted
THANK YOU MAN!!!

 

great. glad i could help. :)

 

i know it's frustrating sometimes - especially for beginners - but things like this that seem so difficult can boil down to just a few lines of code. at least you're learning a little bit of css while you're at it. good luck with the rest of your work.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...