EuRoPLaSTiKs Posted March 23, 2008 Posted March 23, 2008 I want to get the black border on my site like this site. http://www.20squared.com/catalog/ on all pages... how do i go about doing that couldnt find a specific thread about this.
digilee Posted March 23, 2008 Posted March 23, 2008 Learn CSS - http://www.w3schools.com/css/css_background.asp Set main width to X (X = whatever width you desire) Set background-color: #000 SolarFrenzy Solar powered gadgets at down to earth prices. CheekyNaughty Promoting British Design
EuRoPLaSTiKs Posted March 23, 2008 Author Posted March 23, 2008 I want to get the black border on my site like this site. http://www.20squared.com/catalog/ on all pages...how do i go about doing that couldnt find a specific thread about this. oh okay but what file exactly is that in to change? cant find it in the index.php..
Guest Posted March 24, 2008 Posted March 24, 2008 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
EuRoPLaSTiKs Posted March 25, 2008 Author Posted March 25, 2008 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.
EuRoPLaSTiKs Posted March 25, 2008 Author Posted March 25, 2008 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
EuRoPLaSTiKs Posted March 25, 2008 Author Posted March 25, 2008 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.
drumcentral Posted March 25, 2008 Posted March 25, 2008 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 --------------------------------------------------------------------------------------------------
EuRoPLaSTiKs Posted March 25, 2008 Author Posted March 25, 2008 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.
arietis Posted March 25, 2008 Posted March 25, 2008 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.
EuRoPLaSTiKs Posted March 26, 2008 Author Posted March 26, 2008 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.
arietis Posted March 26, 2008 Posted March 26, 2008 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.
EuRoPLaSTiKs Posted March 27, 2008 Author Posted March 27, 2008 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. 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.
dailce Posted March 27, 2008 Posted March 27, 2008 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.
arietis Posted March 27, 2008 Posted March 27, 2008 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.
EuRoPLaSTiKs Posted March 27, 2008 Author Posted March 27, 2008 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?
EuRoPLaSTiKs Posted March 27, 2008 Author Posted March 27, 2008 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
arietis Posted March 27, 2008 Posted March 27, 2008 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.
EuRoPLaSTiKs Posted March 27, 2008 Author Posted March 27, 2008 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.
arietis Posted March 27, 2008 Posted March 27, 2008 ....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.
EuRoPLaSTiKs Posted March 27, 2008 Author Posted March 27, 2008 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!
arietis Posted March 27, 2008 Posted March 27, 2008 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.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.