Acadame - Another Professional Template

[testuser]

Stylesheet with this one:

/**
 * Acadame CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2007 iChoze Internet Solutions
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5349 2006-12-22 20:34:40Z birdbrain $
 */

body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #000000;
    background-color: #ffffff;
    }

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
    color: #900000;
    text-decoration: none;
    }
 
a:visited {
    color: #900000;
    text-decoration: none;
    }

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navCatTabs ul li a:hover {
    color: #900000;
    text-decoration: underline;
    }
#navSupp ul li a:hover {
     color:#EEEEEE;
    text-decoration: underline;
}

a:active {
    color: #0000FF;
    }

h1 {
    font-size: 1.5em;
    color: #9a9a9a;
    }

h2 {
    font-size: 1.4em;
    }

h3 {
    font-size: 1.3em;
    }

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    font-size: 1.1em;
    }

.biggerText {
    font-size: 1.2em;
    }

h1, h2, h3, h4, h5, h6 {
    margin: 0.3em 0;
    }

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
    position: relative;
    }
*html .centerColumn {
    height: 1%;
    }
*/

CODE {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    }

FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;
    }

TEXTAREA {
    float: left;
    margin: auto;
    display: block;
    width: 95%;
    }

input:focus, select:focus, textarea:focus {
    background: #E4FEF5;
    }

FIELDSET {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #cccccc;
    }

LEGEND {
    font-weight: bold;
    padding: 0.3em;
    }

LABEL, h4.optionName {
    line-height: 1.5em;
    padding: 0.2em;
    }

LABEL.checkboxLabel, LABEL.radioButtonLabel {
    margin: 0.5em 0.3em;
    }

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }

LABEL.inputLabel {
    width: 9em;
    float: left;
    }

LABEL.inputLabelPayment {
    width: 14em;
    float: left;
    padding-left: 2.5em;
    }

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
    width: 11em;
    float: left;
    }

#checkoutPayment LABEL.radioButtonLabel {
    font-weight: bold;
    }

P, ADDRESS {
    padding: 0.5em;
    }

ADDRESS {
    font-style: normal;
    }

.clearBoth {
    clear: both;
    }

HR {
    height: 1px;
    margin-top: 0.5em;
    border: none;
    border-bottom: 1px solid #9a9a9a;
    }

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    line-height: 1.8em;
    padding: 0.2em;
    border: 1px solid #9a9a9a;
    }

.messageStackWarning, .messageStackError {
    background-color: #ff0000;
    color: #ffffff;
    }

.messageStackSuccess {
    background-color: #99FF99;
    color: #000000;
    }

.messageStackCaution {
    background-color: #FFFF66;
    color: #000000;
    }

/*wrappers - page or section containers*/
#mainWrapper {
    background-color: #ffffff;
    text-align: left;
    width: 750px;
    vertical-align: top;
    border-top:.5em solid #EEEEEE;
    }

#cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    }
#contentMainWrapper {
    margin:.5em 0;
    padding:0;
    }
#headerWrapper{
    margin: 0em;
    padding: 0em;
    }
#topBarWrap{
    background:#EEEEEE;
    }
#topBar{
    width:750px;
    margin:auto;
    color:#2C2C2C;
    font-weight:bold;
    padding: .8em;
    }
.topBox{
    float:left;
    padding: 0 5em 0 5em;
    height:3em;
    }
#lang_header{
    border-right:1px solid #9a9a9a;
    padding-left:12em;
    }
#currency_header{
    border-right:1px solid #9a9a9a;
    }
#cart_header{
    background:url(../images/cart_bg.gif) 5em 0 no-repeat;
    padding:.2em 0 0 11em;
    }
#logoWrap{
    margin:auto;
    background-color: #ffffff;
    width:750px;
    border-bottom:.5em solid #EEEEEE;
    }
#topLinksWrapper{
    background:#EEEEEE;
    margin-top:.5em;
    }
#topLinks{
    margin: 0;
    padding:0;
    float:left;
    }
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    } 
#navColumnOneWrapper, #navColumnTwoWrapper {
    }
    
#tagline {
    color:#000000;
    font-size: 2em;
    text-align : center;
    vertical-align: middle;
    }

#sendSpendWrapper {
    border: 1px solid #cacaca;
    float: right;
    margin: 0em 0em 1em 1em;
    }

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    margin: 0;
    width: 47%;
    }

.wrapperAttribsOptions {
    margin: 0.3em 0em;
    }

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}

.navNextPrevCounter {
    margin: 0em;
    font-size: 0.9em;
    }
.navNextPrevList {
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    }

#navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    background-color: #2E2E2E;
    padding: 0.5em 0.2em;
    font-weight: bold;
    color: #909090;
    border-top:5px solid #000000;
    height: 1%;
    }
#navSupp{
    width:750px;
    margin:auto;
}
#payments{
    float:left;
    background:url(../images/payments.gif) 1.5em 0 no-repeat;
    width:30%;
    padding:1em 0;
    }
#bottomNav{
    float:left;
    }
#bottomNav a, #bottomNav a:visited{
    color:#9a9a9a;
    text-decoration:underline;
    }

#navCatTabsWrapper {
    background-color: #ffffff;
    color: #9a9a9a;
    background-image:none;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    text-align: center;
    line-height: 1.5em;
    }

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    }

#navMain ul li a, #navSupp ul li a, #navSupp ul li a:visited, #navCatTabs ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #EEEEEE;
    white-space: nowrap;
    }
#navSupp ul li a:hover {
    color:#EEEEEE;
    text-decoration:underline;
    }

#navCatTabs ul li a {
    color: #9a9a9a;
    }

#navEZPagesTOCWrapper {
    font-weight: bold;
    float: right;
    height: 1%;
    border: 1px solid #9a9a9a;
    }

#navEZPagesTOC ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    line-height: 1.5em;
    }

#navEZPagesTOC ul li {
    white-space: nowrap;
    }

#navEZPagesTOC ul li a {
    padding: 0em 0.5em;
    margin: 0;
    }

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    margin: 0.5em;
    }

#navMainSearch {
    float: right;
    }

#navBreadCrumb {
    padding: 0.5em 0.5em;
    font-size: 0.95em;
    font-weight: bold;
    margin: 0em;
    }

#navEZPagesTop {
    font-size: 0.95em;
    font-weight: bold;
    margin: 0;
    padding: 1.5em 0 1.7em .5em;
    color:#666;
    }

#navEZPagesTop a:link, #navEZPagesTop a:visited{
    color:#666;
    padding:0 1em 0 .8em;
    }
#navEZPagesTop a:hover{
    text-decoration:underline;
    }

#navColumnOne, #navColumnTwo {
    background-color: transparent;
    }

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;
    }

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
    /*font-size: 1.2em;*/
    padding: 0.5em;
    }

.alert {
    color: #FF0000;
    margin-left: 0.5em;
    }
.advisory {}
.important {
    font-weight: bold;
    }
.notice {}
.rating{}
.gvBal {
    float: right;
    }
.centerColumn {
    padding: 0.8em;
    }
#bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
    padding: 0 0 0 .6em;
    }
#bannerOne{
    padding:0;
    margin: .5em 0 0 0;
    }
.banners img{
    padding:0;
    }
.centerColumn{
    padding-top:0;
}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    font-size: 0.9em;
    }

/*Shopping Cart Display*/
#cartAdd {
    float: right;
    text-align: center;
    margin: 1em;
    border: 1px solid #000000;
    padding: 1em;
    }

.tableHeading TH {
    border-bottom: 1px solid #9a9a9a;
    }

.tableHeading, #cartSubTotal {
    background-color: #e9e9e9;
     }

#cartSubTotal {
    border-top: 1px solid #cccccc;
    font-weight: bold;
    text-align: right;
    line-height: 2.2em;
    padding-right: 2.5em;
    }

.tableRow, .tableHeading, #cartSubTotal {
    height: 2.2em;
    }

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
    padding: 0.5em 0em;
    }

.cartUnitDisplay, .cartTotalDisplay {
    text-align: right;
    padding-right: 0.2em;
    }

#scUpdateQuantity {
    width: 2em;
    }

.cartQuantity {
    width: 4.7em;
    }

.cartNewItem {
    color: #33CC33;
    position: relative;  /*do not remove-fixes stupid IEbug*/
    }

.cartOldItem {
    color: #660099;
    position: relative;  /*do not remove-fixes stupid IEbug*/
    }

.cartBoxTotal {
    text-align: right;
    font-weight: bold;
    }

.cartRemoveItemDisplay {
    width: 3.5em;
    }

.cartAttribsList {
    margin-left: 1em;
    }

#mediaManager {
    width: 50%; 
    margin: 0.2em;
    padding: 0.5em;
    background-color: #E4FEf5;
    border: 1px solid #003D00;
    }

.normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
    }

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    color: #ff0000;
    }

.orderHistList {
    margin: 1em;
    padding: 0.2em 0em;
    list-style-type: none;
    } 

#cartBoxListWrapper ul, #ezPageBoxList ul {
    list-style-type: none;
    }

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    margin: 0;
    padding: 0.2em 0em;
    } 

#cartBoxEmpty, #cartBoxVoucherBalance {
    font-weight: bold;
    }

.totalBox {
    width: 5.5em;
    text-align: right;
    padding: 0.2em;
    }

.lineTitle, .amount {
    text-align: right;
    padding: 0.2em;
    }

.amount {
    width: 5.5em;
    }

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    margin: 0em 1em 1em 0em ;
    }

.categoryIcon {}

#cartImage {
    margin: 0.5em 1em;
    }

/*Attributes*/
.attribImg {
    width: 20%;
    margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
    margin: 1em 0em;
    }

.centerBoxWrapper {
    border-left: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
    border-bottom: 4px solid #9a9a9a;
    height: 1%;
    margin: 1.1em 0;
    }

h2.centerBoxHeading {
    font-size: 1.5em;
    color: #ffffff;
    }

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1.1em;
    color: #ffffff;
    }
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
    font-size: 0.9em;
    color: #ffffff;
}

.leftBoxHeading, .rightBoxHeading {
    margin: 0em;
    padding:.5em 0 .7em 1em;
    background:#9a9a9a url(../images/catboxHeadingbg.gif) repeat-x;
}
.centerBoxHeading{
    margin: 0em;
    padding:.3em 0 .4em 2em;
    background:#5D7FA4 url(../images/centerboxHeadingbg.gif) repeat-x;
}
#categoriesHeading {
    background:#9a9a9a url(../images/centerboxHeadingbg.gif) repeat-x;
    font-size:1.5em;
    padding:.2em 0 .4em 1em;
    }
#whatsnewHeading {
    background:#7EA65A url(../images/brownboxHeadingbg.gif) repeat-x;
    font-size:1.2em;
    padding:.4em 0 .5em 1em;
    }
#bestsellersHeading {
    background:#A99A71 url(../images/greenboxHeadingbg.gif) repeat-x;
    font-size:1.3em;
    padding:.4em 0 .5em 1em;
    }
#categories ul{
    padding:0;
    margin:0;
    list-style:none;
    }
.category-top li{
    padding:0;
    margin:0;
    background: #EEEEEE;
    vertical-align:middle;
    }
li.category-top a{
    padding:.4em 0 0 1.5em;
    margin:0;
    color:#333333;
    font-weight:bold;
    display:block;
    height:1.8em;
    border-bottom:1px solid #9a9a9a;
    background:#EEEEEE url(../images/boxlistbg.png) .4em 0.5em no-repeat;
    }
li.category-products a{
    padding:.4em 0 0 1.5em;
    margin:0;
    color:#333333;
    font-weight:bold;
    display:block;
    height:1.8em;
    border-bottom:1px solid #9a9a9a;
    background:#EEEEEE url(../images/boxlistbg.png) 1.2em 0.5em no-repeat;
    }
li.category-top a:hover{
    background:#333333 url(../images/boxlistbg.png) .4em 0.5em no-repeat;
    color:#EEEEEE;
    }
li.category-products a:hover{
    background:#333333 url(../images/boxlistbg.png) 1.2em 0.5em no-repeat;
    color:#EEEEEE;
    }
#categoriesContent{
    padding:0;
    margin:0;
    }
#bestsellersContent {
    color:#333333;
    font-weight:bold;
    }
#informationContent a:link, #informationContent a:visited, #bestsellersContent, 
#bestsellersContent a:link, #bestsellersContent a:visited{
    color:#333333;
    font-weight:bold;
    }
#extralinks{
    padding: .5em 0 .5em 1em;
    }
.leftBoxContainer, .rightBoxContainer {
    margin: 0 0 1em 0;
    border-left: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
    border-bottom: 4px solid #9a9a9a;
    }

.sideBoxContent {
    background-color: #ffffff;
    padding: 0.4em;
    }

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
    color: #FFFF33;
    text-decoration: none;
    } 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
    color: #FFFFFF;
    }

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    text-align: center;
    }

#bestsellers .wrapper {
    margin: 0em 0em 0em 1.5em;
    }

#bestsellers ol {
    padding: 0;
    margin-left: 1.1em;
    }

#bestsellers li {
    padding: 0;
    margin: 0.3em 0em 0.3em 0em;
    }
.ic{
    display:none;
    }
#bannerboxHeading {
    background-color: #0000CC;
}

#upProductsHeading {
    text-align: left;
    }

#upDateHeading {
    text-align: right;
    }

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
    color: #008000;
    text-decoration: none;
    }
A.category-links, A.category-links:visited {
    color: #333333;
    font-weight:bold;
    }
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    color: #FF0000;
    text-decoration: none;
    }
SPAN.category-subs-parent {
    font-weight: bold;
    }
SPAN.category-subs-selected {
    font-weight: bold;
    }
/* end categories box links */

/*misc*/
.back {
    float: left;
    }

.forward, #shoppingCartDefault #PPECbutton {
    float: right;
    }

.bold {
    font-weight: bold;
    }

.rowOdd {
    background-color: #E8E8E8;
    height: 1.5em;
    vertical-align: top;
    }

.rowEven {
    background-color: #F0F0F0;
    height: 1.5em;
    vertical-align: top;
    }

.hiddenField {
    display: none;
}
.visibleField {
    display: inline;
}

CAPTION {
    /*display: none;*/
    }

#myAccountGen li, #myAccountNotify li {
    margin: 0;
    } 

.accountTotalDisplay, .accountTaxDisplay {
    width: 20%;
    text-align: right;
    /*vertical-align: top*/
    }

.accountQuantityDisplay {
    width: 10%;
    vertical-align: top
    }

TR.tableHeading {
    background-color: #cacaca;
    height: 2em;
    }

.productListing-rowheading {
    background-image: url(../images/centerBoxHeadingbg.gif);
    height: 2em;
    color: #FFFFFF;
    }

#siteMapList {
    width: 90%;
    float: right;
    }

.ratingRow {
    margin: 1em 0em 1.5em 0em;
    }

LABEL#textAreaReviews {
    font-weight: normal;
    margin: 1em 0em;
    }

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
    background-color: #ffffff;
    }

If you've made modifications to the stylesheet let me know, I'll just give you the classes I've modified.

SPLIT INTO TWO POSTS .... Start with post #30

[testuser]

Ok, once you get those completed ... read below so you can understand what ya did and where.

1. We disabled the header completely in the tpl_main_page.php file because you said that you didn't need any of the items that displayed in the header.
2. We then took the EZ-Pages out of the header because it was disabled in the step above, put them in the tpl_main_page.php file just below the banner, as you stated.
3. We then modified the CSS ID's (#something) and CLASSES (.something) to appropriately contain and border the newly modified positions.

Look at the files from the original template file, and the modified ones I posted and you'll see the simple rearranging that had to be done.

[testuser]

Couldn't edit the post above...

For the EZ-Pages:

Turn the EZ-Pages Header on under Configuration::Layout Settings or make sure that it's already on.

Then add links to the EZ-Pages header from the EZ Pages page under the Tools drop-down menu.

[lhhgbh]

"There's a shirt for everyone! Then have the flags pop in one by one ... once all on screen pause. Fade out, then a message that says, "No Matter who your are! Or where your from!?"

...

I have over 180 different flags.. lol.. that woul be a lot of popping in and out... Will check into it.. Animated gif perhaps?

[testuser]

I have over 180 different flags.. lol.. that woul be a lot of popping in and out... Will check into it.. Animated gif perhaps?

Flash perhaps would be a little better, have them pop up kinda like bubbles ... there's a pretty good flash developers tool that makes it easy for beginners called Swish, you should try it out.

Of course, I'd suggest the Macromedia Flash developers series, but it's a bit more advanced.

[charmedbytina2]

Testuser,
Once again, many thanks!

I think I've done what you asked me to, but the links are above the logo in the red bar. I only placed one there for now. Can I get the Categories, Information, and More Information links there with their respective drop downs?

link to site: http://trucks.charmedbytina.com/

I think I need to buy you a cuppa joe!

[testuser]

I think I've done what you asked me to, but the links are above the logo in the red bar. I only placed one there for now. Can I get the Categories, Information, and More Information links there with their respective drop downs?

Are you sure you copied the files as exactly as they were posted? The first post for your modification starts on page 3.

[testuser]

Fixed charmedbytina

... one thing, the main image on your homepage doesn't have an alt tag ... They're good for SEO, screen readers (for the blind), and they make your pages XHTML Compliant.

Example of xhtml compliant tag:

<img src="http://something.com/image.gif" alt="Something describing the image here" />

[lhhgbh]

I have worked with flash and understand the basics and have even made some flash shows for my sites in the past.. I have heard conflicting stories about SEO and having flash on the pages.. I always assumed it was similar to an image and therefore wouldnt hurt your SEO..

Ahhh SEO... I find that I will never truly reach a full understanding of creating that SEO friendly site... My next ongoing task will be to alter my keywords and meta tags for all of my pages/products so that they are more SEO friendly having now taking care of the aesthetic side of the site..

[testuser]

Only search engine capable of reading inside flash is GOOGLE right now ... Yahoo and other's don't support it ...

But you can always place text around it then hide it from the browser display via CSS.