Page 1 of 5
Free 1.4.0 template No-Tabs design
Posted: Sun Jan 24, 2010 10:16 am
by CodeBits
Contribution Name (default-NoTab)
No tabbed design with mouseover effects and easy to change header background.
Tested in all major browsers.
Demo at
http://opencart.nwisg.net/OC140Demo
Download here
Courtesy
NWISG webStudio
Re: Free 1.4.0 template No-Tabs design
Posted: Sun Jan 24, 2010 4:59 pm
by i2Paq
That is realy nice.
Is it al CSS to?
Re: Free 1.4.0 template No-Tabs design
Posted: Mon Jan 25, 2010 12:15 am
by CodeBits
i2Paq wrote:That is realy nice.
Is it al CSS to?
Well yes and no.
I did not remove the in-line styles in the page code, but all the changes I made are managed in the css.
Re: Free 1.4.0 template No-Tabs design
Posted: Mon Jan 25, 2010 3:13 am
by vaidotas
How to get rid of this white space which overlaps silver top bar?
Re: Free 1.4.0 template No-Tabs design
Posted: Mon Jan 25, 2010 3:26 am
by CodeBits
Opps, how did I miss that?
Forgot to change back an experiment.
Go to home.tpl and change
Code: Select all
<h2><?php echo $heading_title; ?></h2>
to
Code: Select all
<h1><?php echo $heading_title; ?></h1>
I'll fix this in the next version coming out with all in-line styles moved to css file.
Look for it on Monday.
Re: Free 1.4.0 template No-Tabs design
Posted: Mon Jan 25, 2010 6:17 am
by i2Paq
CodeBits wrote:the next version coming out with all in-line styles moved to css file.
Look for it on Monday.
Wauw, that would be great!
Re: Free 1.4.0 template No-Tabs design
Posted: Tue Jan 26, 2010 5:35 pm
by i2Paq
CodeBits wrote:next version coming out with all in-line styles moved to css file.
Look for it on Monday.
*looking*
Re: Free 1.4.0 template No-Tabs design
Posted: Wed Jan 27, 2010 12:59 am
by CodeBits
Yea, I'm a little behind sorry
Keep watching, almost done.
Hopefully today, have some bugs to work out
Re: Free 1.4.0 template No-Tabs design
Posted: Wed Jan 27, 2010 1:21 am
by i2Paq
CodeBits wrote:Yea, I'm a little behind sorry
Keep watching, almost done.
Hopefully today, have some bugs to work out
Just pulling your leg
Re: Free 1.4.0 template No-Tabs design
Posted: Wed Jan 27, 2010 2:38 am
by CodeBits
No problem, I should have looked deeper before I leaped and made promises
There's a lot, and I mean a lot of in-line styles in the code, I didn't really realize how much there is, but I'm not just putting in-line styles in the css, I'm moving all the align, valign, width, height, padding and so on from the tables, th, tr and td's and such on into the css.
Short of a few spots of Ajax code with a style or two, all else will be controlled by css. That being said I'm going to take more time to be sure it all works before I release it.
The one area I'm not sure I'll make changes to, at least right now is the pages in the payment folder. I may come back to them latter. Not sure yet.
Sorry for the hold up, but I'd rather it be right and working without bugs before I release it.
So, no more promises as to when I'll have it done, but I will shoot for the end of the week or sooner.
Re: Free 1.4.0 template No-Tabs design
Posted: Wed Jan 27, 2010 2:57 am
by Qphoria
Very nice. Perhaps new templates should be built off of readyman's anti-inline-css port of the default theme so they all start with external css.
Re: Free 1.4.0 template No-Tabs design
Posted: Wed Jan 27, 2010 3:11 am
by i2Paq
CodeBits wrote:No problem, I should have looked deeper before I leaped and made promises
There's a lot, and I mean a lot of in-line styles in the code, I didn't really realize how much there is, but I'm not just putting in-line styles in the css, I'm moving all the align, valign, width, height, padding and so on from the tables, th, tr and td's and such on into the css.
Short of a few spots of Ajax code with a style or two, all else will be controlled by css. That being said I'm going to take more time to be sure it all works before I release it.
The one area I'm not sure I'll make changes to, at least right now is the pages in the payment folder. I may come back to them latter. Not sure yet.
Sorry for the hold up, but I'd rather it be right and working without bugs before I release it.
So, no more promises as to when I'll have it done, but I will shoot for the end of the week or sooner.
Wauw, that sounds like a lot of work.
I will donate as soon as I can testdrive it just to thank you for your hard work.
Personaly I like this version without the tabs better then the default one with the tabs.
@ Qphoria, I've send you a pm
Re: Free 1.4.0 template No-Tabs design
Posted: Wed Jan 27, 2010 2:54 pm
by CodeBits
Okey-Dokey, new demo ALL CSS Controlled.
I have a bit more testing to do in the AM but just about there. And as I stated, I'll be coming back to do the payment folder .tpl files latter if at all, I'm not sure there's a need too. You tell me
So check it out, play with it, let me know if you find a bug or
I will zip it up and release it tomorrow sometime... ummm say mid-day after I've double and triple checked everything I can think of. Right now it's looking pretty good, and loads fast.
I stated I was moving not only in-line styles, but table, tr, th, and td attributes to the CSS as well, and so I did. Short of a few Ajax styles everything managing the layout is now in the CSS.
There are other changes I made to this template that are not CSS related that you should know, I'll write more on that tomorrow, I'm beat and going to fall off to a good movie now
DEMO HERE
Please post any problems, comment or
here in this thread.
Thank You and...
Have a good evening everyone
Re: Free 1.4.0 template No-Tabs design
Posted: Wed Jan 27, 2010 3:51 pm
by i2Paq
CodeBits wrote:Okey-Dokey, new demo ALL CSS Controlled.
I have a bit more testing to do in the AM but just about there. And as I stated, I'll be coming back to do the payment folder .tpl files latter if at all, I'm not sure there's a need too. You tell me
So check it out, play with it, let me know if you find a bug or
I will zip it up and release it tomorrow sometime... ummm say mid-day after I've double and triple checked everything I can think of. Right now it's looking pretty good, and loads fast.
I stated I was moving not only in-line styles, but table, tr, th, and td attributes to the CSS as well, and so I did. Short of a few Ajax styles everything managing the layout is now in the CSS.
There are other changes I made to this template that are not CSS related that you should know, I'll write more on that tomorrow, I'm beat and going to fall off to a good movie now
What movie did you watch, a horror, thriller or action movie
That looks nice, and fast!
Can't wait to see what it does on my webspace.
Please post any problems, comment or
here in this thread.
Thank You and...
Have a good evening everyone
No, thank you!
I see that the W3C XHTML validator shows no error, great work!
When I check the css validation
Here it comes up with 12 errors and 46 warnings.
The warnings are not that importand, the errors are.
I'm not here to make your live miserable, you may think otherwise, sorry for that
Re: Free 1.4.0 template No-Tabs design
Posted: Wed Jan 27, 2010 4:23 pm
by CodeBits
When I check the css validation
Here it comes up with 12 errors and 46 warnings.
The warnings are not that importand, the errors are.
I'm not here to make your live miserable, you may think otherwise, sorry for that
Well I havn't been able to fall a sleep yet, brain won't shut down
was watching an old John Wayne movie the Cowboys.
The stylesheet.css only has one error as shown below, done by direct input to the validator.
W3C CSS Validator results for TextArea (CSS level 2.1)
Sorry! We found the following errors (1)
URI : TextArea
2 html Value Error : overflow -moz-scrollbars-vertical is not a overflow value : -moz-scrollbars-vertical -moz-scrollbars-vertical
I just left overflow as it was. I'll fix it before I release the files and set it to overflow: auto;
I am aware of the warnings but they were there before and I wasn't out to re-work the entire CSS.
I should though as it is good code practice.
This test is done on the defaault install files, by URL of
http://opencart.nwisg.net/OC140Demo/ as you see below the errors are from thickbox.css and most of the warnings as well.
W3C CSS Validator results for
http://opencart.nwisg.net/OC140Demo/ (CSS level 2.1)
Sorry! We found the following errors (12)
URI :catalog/view/theme/default/stylesheet/stylesheet.css
2 html Value Error : overflow -moz-scrollbars-vertical is not a overflow value : -moz-scrollbars-vertical -moz-scrollbars-vertical
URI : catalog/view/javascript/jquery/thickbox/thickbox.css
33 #TB_overlay Parse Error opacity=75)
34 #TB_overlay Property -moz-opacity doesn't exist : 0.75 0.75
35 #TB_overlay Property opacity doesn't exist in CSS level 2.1 but exists in : 0.75 0.75
42 * html #TB_overlay Value Error : height Parse Error document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')
59 * html #TB_window Value Error : margin-top Parse Error - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')
131 * html #TB_load Value Error : margin-top Parse Error - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')
141 #TB_HideSelect Parse Error opacity=0)
142 #TB_HideSelect Property -moz-opacity doesn't exist : 0 0
143 #TB_HideSelect Property opacity doesn't exist in CSS level 2.1 but exists in : 0 0
150 * html #TB_HideSelect Value Error : height Parse Error document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')
158 #TB_iframeContent Property _margin-bottom doesn't exist : 1px 1px
Re: Free 1.4.0 template No-Tabs design
Posted: Wed Jan 27, 2010 5:18 pm
by i2Paq
OK, I see now.
Thanks for the explanation.
Is it possible to download this version somewhere?
Re: Free 1.4.0 template No-Tabs design
Posted: Thu Jan 28, 2010 12:28 am
by CodeBits
You can download
HERE in Contribution or below.
Cheers
Re: Free 1.4.0 template No-Tabs design
Posted: Thu Jan 28, 2010 7:08 pm
by i2Paq
CodeBits wrote:You can download
HERE in Contribution or below.
Cheers
Thanks!
How do I add or remove an item from the menu-bar?
In Dutch the word "Specials" is made out of 2 words "Speciale aanbiedingen" en thus the menu-bar goes whoes.
As the Shopping cart is already in the right colum I want to remove it from the menu-bar.
Edit: I found it.
Re: Free 1.4.0 template No-Tabs design
Posted: Thu Jan 28, 2010 7:23 pm
by i2Paq
Hmm, I want to have the Title of the Cart module to be clickable so when clicked it will go to the cart.
I've tried to use the one from the header but that generates an undefined error.
Re: Free 1.4.0 template No-Tabs design
Posted: Fri Jan 29, 2010 1:09 am
by CodeBits
There's two ways to do this;
Add a relative link to the heading title to the cart at;
catalog/view/theme/All-CSS-NoTab/template/module/cart.tpl
Or
Modify the cart.php at catalog/controller/module.
Find:
Code: Select all
$this->data['heading_title'] = $this->language->get('heading_title');
and change to:
Code: Select all
$this->data['text_cart'] = $this->language->get('text_cart');
$this->data['heading_title'] = $this->language->get('heading_title');
$this->data['cart'] = $this->url->http('checkout/cart');
either way will work