chrometweaks.org

What is the best no-ads totally free web iPage hosting service provider for small business?

Click Here To View All Answers...


Got a question, hope someone can answer... What is the best no-ads totally free web iPage hosting service provider for small business? Thanks for any answer or 2. Second question of mine... Hi all,.

All I want to do is be able to view a template of my store in front page, chage it as needed, and have the css and all pages change accordingly....

Where are the instructions on how to do this please?.

Ive been messing with css for hours trying to determine what sheet affects what and so on...,and it isnt clear how templates are to be used...please advise me....

I look forward to your replies!.

Tim...

Comments (217)

Good question... I dunno what is the answer to that question. I'll do some research and get back to you if I find an anything. You should email the people at iPage as they probably could assist you..

Comment #1

OSC by Default as no Templates and only 1 Stylesheet.

If you using a Template Contribution please advise to which one so help can be tailored to that contribution instead of providing generalzations that may or may not be accurate..

Comment #2

Hey thanks for the erplies guys!.

Actually my isp installs it automatically....and into two folders, one called "x-scripts" and the other is in the cgi-bin folder..

So I have no "catalog" folder at all..

Ive just tried to find the stylesheets.css file you mentioned and cant locate it...what is the path please?.

I've almost given up...i installed and fumbled my way through the bts tempalte install...but am now stuck at how to edit a template...all I want to do is have a black background for my iPage site as all my images are on black backs....

So obviously I need white/grey text...anything but black....

Thanks again!.

Tim...

Comment #3

Well it soulds like you host has the server set up in aunorthodox manner, must have php compilled as a CGI, is this a windows server?.

Anyway, I can not tell you where the file is located because it looks like you host changed the defualt Dir Structure so it could be anywhere..

Comment #4

Http://www.skunkworx...merce/index.php.

This is my page...havent done anything on it yet...just trying to get the colours right....

How do I make the boxes black please?.

And.....

Tim...

Comment #5

I take it you found the style sheet?.

The infobox class al say "infobox" something.

For the heaidng it is "infoboxHeading" etc.

Change those..

Comment #6

Thanks mike!.

Yep I found them....

The thing is, I'm using "find/replace" in notepade and replacing all white with black....i figure that anything white will change....right?.

I still get those white boxes though.....

Any other tips?.

Cheers!.

Tim...

Comment #7

This is the OSCommerce .css.

This is a fully commented Stylesheet.css.

I would recomend the use of a color picker to get correct color codes. These are readily.

Available on the internet free of charge..

Thanks to the guy that took the time to write it out(not i).

Loacated in the /stylesheet.css file.

CODE BELOW.

/*.

 $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.

*/.

/*This is the Infobox text style*/.

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }.

/*This is the Error Messages style with pink background*/.

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }.

/*This is the Warning Messages red font style*/.

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }.

/*This is the Product Notifications green background stylet*/.

.productsNotifications { background: #f2fff7; }.

/*This is the Order Edit style with green underline*/.

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }.

/*This is the General Page Body Style with white background, black text, flush left margins*/.

BODY {.

 background: #ffffff;.

 color: #000000;.

 margin: 0px;.

}.

/*This is the Default Hyperlink Style with black text and no underlines*/.

A {.

 color: #000000;.

 text-decoration: none;.

}.

/*This is the Default ACTIVE Hyperlink Style when a mouse is hovering over it, with dusty blue text and an underline*/.

A:hover {.

 color: #AABBDD;.

 text-decoration: underline;.

}.

/*Forms display within the page rather than opening a new window*/.

FORM {.

Display: inline;.

}.

TR.header {.

 background: #ffffff;.

}.

/*This is the TOP GRAY BAR BACKGROUND STYLE with Top > Catalog on the left*/.

TR.headerNavigation {.

 background: #bbc3d3;.

}.

/*This is the TOP GRAY BAR FONT STYLE with Top > Catalog on the left*/.

TD.headerNavigation {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

 background: #bbc3d3;.

 color: #ffffff;.

 font-weight : bold;.

}.

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE */.

A.headerNavigation {.

 color: #FFFFFF;.

}.

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE when the cursor is over them*/.

A.headerNavigation:hover {.

 color: #ffffff;.

}.

/*This is the ERROR Background style for a row with a red background*/.

TR.headerError {.

 background: #ff0000;.

}.

/*This is the ERROR Background style for a cell with a red background*/.

TD.headerError {.

 font-family: Tahoma, Verdana, Arial, sans-serif;.

 font-size: 12px;.

 background: #ff0000;.

 color: #ffffff;.

 font-weight : bold;.

 text-align : center;.

}.

/*This is a ROW Background style with a neon green background*/.

TR.headerInfo {.

 background: #00ff00;.

}.

/*This is a CELL Background style with a neon green background*/.

TD.headerInfo {.

 font-family: Tahoma, Verdana, Arial, sans-serif;.

 font-size: 12px;.

 background: #00ff00;.

 color: #ffffff;.

 font-weight: bold;.

 text-align: center;.

}.

/*This is the GRAY BOTTOM BAR Row background*/.

TR.footer {.

 background: #bbc3d3;.

}.

/*This is the GRAY BOTTOM BAR Cell background*/.

TD.footer {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

 background: #bbc3d3;.

 color: #ffffff;.

 font-weight: bold;.

}.

/*This is the INFOBOX Background Style, one shade darker than the Infobox Header color*/.

.infoBox {.

 background: #b6b7cb;.

}.

/*This is the INFOBOX Contents Style, one shade lighter than the Infobox Header color*/.

.infoBoxContents {.

 background: #f8f8f9;.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

}.

/*This is the INFOBOX Notice Style, a pale salmon color*/.

.infoBoxNotice {.

 background: #FF8E90;.

}.

/*This is the INFOBOX Notice Contents Style, a very pale salmon color*/.

.infoBoxNoticeContents {.

 background: #FFE6E6;.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

}.

/*This is the INFOBOX Heading Style, SAME AS HEADER AND FOOTER GRAY BARS*/.

TD.infoBoxHeading {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

 font-weight: bold;.

 background: #bbc3d3;.

 color: #ffffff;.

}.

TD.infoBox, SPAN.infoBox {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

}.

/*This is a GENERAL ROW Style for every other line of noted pages, a palest gray color*/.

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {.

 background: #f8f8f9;.

}.

/*This is a GENERAL ROW Style for every other line of noted pages, the same palest gray color but allows you to alternate 2 colors if you wish*/.

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {.

 background: #f8f8f9;.

}.

/*This is a GENERAL TABLE Style for product listing pages, a deeper gray color*/.

TABLE.productListing {.

 border: 1px;.

 border-style: solid;.

 border-color: #b6b7cb;.

 border-spacing: 1px;.

}.

/*This is the GRAY BAR Style for product listing pages, same deeper gray color as previous item*/.

.productListing-heading {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

 background: #b6b7cb;.

 color: #FFFFFF;.

 font-weight: bold;.

}.

/*This is the FONT Style for product listing pages*/.

TD.productListing-data {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

}.

/*This is the HYPERLINK Style for Results pages*/.

A.pageResults {.

 color: #0000FF;.

}.

/*This is the HYPERLINK Style for Results pages when the mouse is hovering over it*/.

A.pageResults:hover {.

 color: #0000FF;.

 background: #FFFF33;.

}.

/*This is the MAIN TEXT Style, a deeper gray*/.

TD.pageHeading, DIV.pageHeading {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 20px;.

 font-weight: bold;.

 color: #9a9a9a;.

}.

/*This is a Row Sub-bar Style, a very pale gray*/.

TR.subBar {.

 background: #f4f7fd;.

}.

/*This is a Cell Sub-bar Style, black default text*/.

TD.subBar {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

 color: #000000;.

}.

/*This is a Cell and Paragraph Main Style*/.

TD.main, P.main {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 11px;.

 line-height: 1.5;.

}.

/*This is a Cell, Span, and Paragraph Font Style*/.

TD.smallText, SPAN.smallText, P.smallText {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

}.

/*This is a Cell Font Style in larger size with medium dusty blue font*/.

TD.accountCategory {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 13px;.

 color: #aabbdd;.

}.

/*This is a Cell Font Style in a bold larger size*/.

TD.fieldKey {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 12px;.

 font-weight: bold;.

}.

/*This is a Cell Font Style in a bold larger size*/.

TD.fieldValue {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 12px;.

}.

/*This is a Table Heading Style in a bold larger size*/.

TD.tableHeading {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 12px;.

 font-weight: bold;.

}.

/*This is a Span Font Style used for New Items in Cart in a BRIGHT RED FONT*/.

SPAN.newItemInCart {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 10px;.

 color: #ff0000;.

}.

/*This is a FORM STYLE used for checkboxes, input text, radio buttons, and drop-down boxes*/.

CHECKBOX, INPUT, RADIO, SELECT {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 11px;.

}.

/*This is a FORM STYLE used for text boxes where visitor enters free-form text*/.

TEXTAREA {.

 width: 100%;.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 11px;.

}.

/*This is a TEXT STYLE used for the "Greetings, Username! in a funny orange-salmon color*/.

SPAN.greetUser {.

 font-family: Verdana, Arial, sans-serif;.

 font-size: 12px;.

 color: #f0a480;.

 font-weight: bold;.

}.

/*This is a FORM BACKGROUND AND BORDER STYLE with a very pale dusty blue background and deep dusty blue border*/.

TABLE.formArea {.

 background: #f1f9fe;.

 border-color: #7b9ebd;.

 border-style: solid;.

 border-width: 1px;.

}.

/*This is a FORM TEXT STYLE with slightly larger bold text*/.

TD.formAreaTitle {.

 font-family: Tahoma, Verdana, Arial, sans-serif;.

 font-size: 12px;.

 font-weight: bold;.

}.

/*This is a SPAN PRODUCTS PAGE STYLE with a pale burgundy color font*/.

SPAN.markProductOutOfStock {.

 font-family: Tahoma, Verdana, Arial, sans-serif;.

 font-size: 12px;.

 color: #c76170;.

 font-weight: bold;.

}.

/*This is a SPAN PRODUCT SPECIAL FONT STYLE in a bright red color*/.

SPAN.productSpecialPrice {.

 font-family: Verdana, Arial, sans-serif;.

 color: #ff0000;.

}.

/*This is a SPAN ERROR TEXT STYLE in a bright red color*/.

SPAN.errorText {.

 font-family: Verdana, Arial, sans-serif;.

 color: #ff0000;.

}.

.moduleRow { }.

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }.

.moduleRowSelected { background-color: #E9F4FC; }.

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }.

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }.

/* message box */.

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }.

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }.

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }.

/* input requirement */.

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }..

Comment #8

Thats brilliant- just what I was thinking I needed.....

One thing...what to do with the little colour graphics that are postioned in the corners of the boxes?..

Comment #9

Not sure but a place to look might be.

/includes/boxes/*.php.

* = name of box of course..

Comment #10

Hi all,.

All I want to do is be able to view a template of my store in front page, chage it as needed, and have the css and all pages change accordingly....

Where are the instructions on how to do this please?.

Ive been messing with css for hours trying to determine what sheet affects what and so on...,and it isnt clear how templates are to be used...please advise me....

I look forward to your replies!.

Tim...

Comment #11

I guess the stylesheet.css in catalog is your golbal stylesheet. simply change variables in it and se the result. I used MS frontpage to edit it and it worked really well; and pretty quick as well...

Comment #12


This question was taken from a support group/message board and re-posted here so others can learn from it.