Silverfish -- Non-Table Based Structure Template

[Ajeh]

Being a clueless coder with no design comprehension it is a lot easier to view source and see the class and/or id of what I want to change than try to add a class and/or id to the code and then to the stylesheet vs just add it to the stylesheet ...

But I am but a humble coder trying to make her way through a field of kudzu ... er ... css ...

[kobra]

Addition to having many tags in the css....

Check all the posts about "I can't find that tag" "Why aren't they all there" etc.

And they are not all there but the most commonly used/wanted ones are.

Interestin approach: tables inside of div's versus div's inside of tables.

Can't wait to see if a sliced image will line up correctly or if tables will be neededto get things lined up.

[qhome]

Being a clueless coder with no design comprehension it is a lot easier to view source and see the class and/or id of what I want to change than try to add a class and/or id to the code and then to the stylesheet vs just add it to the stylesheet ...

But I am but a humble coder trying to make her way through a field of kudzu ... er ... css ...

I agree.. thats why I'm saying take the not-so-semantic tags out of the code completely. To start with, only a few structural tags really need be there

container (iff u want a centershop look)
- header
- leftcol
- maincol
- rightcol
- footer

then perhaps in each one you might have one or two other divs for special stuff, but for a base design that is meant to easily be learned from, users will benefit more from less... in this case.. less is more.

Take a site like http://www.csszengarden.com (fitting i know). This site has one code base and is based on multiple people sending in CSS based designs to change the look, using the existing code and no html changes. There are hundreds of entries.. each one amazing. This was my inspiration... and to see how much can be done with just css and a few images on relatively simple layered div blocks, it makes things much easier to learn.

[qhome]

After much deliberation... I've decided to not release the <div> based version of the template, and instead release the normal <table> based version.

It's just that zen-cart has other code, in both the files, as well as some admin overrides that make it too messy for me to want to support. And in reality after cleaning up some of the css... (and by cleaning it up I mean expanding it) I found things to make a lot more sense about the structure.

<div> based would be fine for a hard-coded template design... but since zen allows so many dynamics from within the admin area, and I designed this template to be a contrib for others to use... it is probably best to use dynamic elements that can auto-resize easily like table tags. They don't really affect much anyway. Optimized images are much more important.

Plus, the design in itself really is more of a table-looking design.. what with straight columns on each side and a conformed look.

So I've recoded some stuff and left most of the default tags in. Except of course the header navbar and the header ezpages bar.. i merged those cuz it just makes sense.... just like the footer one was merged by default.

So you can check it here:
http://www.unbannable.com/zen137/

I still need to design the Category tabs, but I think I know what I want to do with those.

notable changes:
- Merged navMain with navEZPagesHeader to be one.
- CSS was regrouped to be easier to read, even if that meant having redundant entries for symmetrical counterparts. It just makes it easier to learn from and I highly doubt there will be much performance lost.
- Category-top is no longer used to reference the category tabs. They are now Category-top-tabs. When the category tabs were added, they shared the category-top code but that means any style u add to the category sidebox links are also in the category tab area.. Not sure why it was done this way but it caused styling problems. Only alternative would be to make a UL subclass in the categories sidebox and style those, but that adds unnecessary tags.

[kobra]

Ha!! No guts at taking all the questions that a template like this would generate!!!

Yes more in line with a custom template over a freely distributed version where the user want to alter this and that...

I was wondering how you were going to address this area and I guess you found it to be troublesome as have others.

There is a method to the madness that I think you have found.

[qhome]

Ya.. perhaps if the madness was built from the ground up that way.. but in its current state.. a solid form is best and easiest.

Should be released Tomorrow or Thursday.

[annadiaz]

Congratulation for your template,

My problem is , no see the imagen bg_header.jpg in the explorer vesion 6 ...



Sorry for my english , i am Venezuela

www.asica1.com

[qhome]

Congratulation for your template,

My problem is , no see the imagen bg_header.jpg in the explorer vesion 6 ...



Sorry for my english , i am Venezuela

www.asica1.com

This is the fix:
http://www.zen-cart.com/forum/showpo...9&postcount=43

[annadiaz]

Thank you qhome, what is your name.

Now its can be seen complete web site in the explorer 6 with the modifications.

Anna Carolina Diaz

[annadiaz]

Good day, As I can change the size of the main image
Atte: Anna Carolina