Jump to content


Corporate Sponsors


Latest News: (loading..)

sky_diver

Member Since 14 Oct 2009
Offline Last Active Jan 06 2012, 19:03
-----

Posts I've Made

In Topic: Can't get rounded corners

26 September 2011, 21:54

They certianly did not keep CSS flexibility in mind when redoing the infoBoxes. I have however created a simple way to override the current classes. Take this snippet and place it at the bottom of your stylesheet.css file:

#columnLeft .ui-widget, #columnRight .ui-widget {
margin:3px 0 5px 0;
display: block;
text-shadow: 0 1px 0 #EAEAEA;
padding: 0 0 12px 0;
}
#columnLeft .ui-widget-header, #columnRight .ui-widget-header {
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(204,204,204) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(204,204,204))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* IE10+ */
background: linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* W3C */
border: 1px solid #aaa;
padding: 0 10px;
-moz-box-shadow:inset 0 1px 0 #fff;
    -webkit-box-shadow:inset 0 1px 0 #fff;
    box-shadow:inset 0 1px 0 #fff;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#columnLeft .ui-widget-content, #columnRight .ui-widget-content {
background: #fafafa;
    padding: 10px;
border-top:none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -khtml-border-bottom-left-radius: 6px;
    -khtml-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#columnLeft .infoBoxHeading, #columnRight .infoBoxHeading {
height:22px;
color: #444;
padding:6px 0 0 6px;
font-size:14px;
}

You can modify it from there. Try not to tell anyone, there are many here that would rather this information remain locked in a vault at bottom of the Atlantic surrounded by blood-thirsty sharks. Information that lets you style your shop just should not be let go without sponsorship. [img]http://forums.oscommerce.com//public/style_emoticons/default/w00t.gif[/img]

Please Note * Renders well in FF, Opera, Safari, Chrome, and IE9+, any IE under 9 will show squared corners. But the overall look is still present.

In Topic: How to make osC to be a multi-seller community marketplace?

24 September 2011, 18:44

Although it depend upon your skill level, there is not any contribution available that cannot be modified to work with 2.3.1.

In Topic: Plenty of changes since I last asked....

14 September 2011, 03:55

I agree with Matt on all parts here. You really need a design makeover. You have a great product line, and you have the right idea in promoting your brands, but the template takes away from the product line. It is not a nice theme at all, very 90's.

Much of what you have on bottom should move to the top so that is can be seen at a glance. And then some of what you have at bottom just needs to go away.

Ask yourself - Would this influence me as a customer to purchase, or does it only satisfy me as being able to build it into my site?

Look at the top competing toy store web sites, they are built after spending a fortune in marketing research and customer analysis. What they have works not just because they are well known already - but because they focus on buyers.