| Author |
 Topic  |
|
barrysmith
Ecommerce Template Guru
United Kingdom
3349 Posts Pre-sales questions only
(More Details...)
|
 Posted - 04/26/2012 : 11:02
|
I would like to show you guys what could be done by using the new CSS features with ECT, I personally think it is one of the best things they have done to ECT for years, I love the fact that I can control the layout without days and days of work that get messed up when i run an update.
Thanks ECT this is great, here is an example for you guys to see what i have done in a couple hours.
[img]http://www.w3designs.co.uk/downloads/style1.PNG[/img]
Kind Regards
Barry Smith
*** ECT Featured Website Designer
*** ECT Design Related Services
*** Expression Web
*** CSS Designer
[url="http://www.w3designs.co.uk"]ECT Website Designer (w3designs)[/url]
http://www.w3designs.co.uk (ECT Website Designer)
http://www.supersupporter.co.za - Community Forum for Real Sports Fans |
Edited by - barrysmith on 04/27/2012 09:22 |
|
Andy
Administrator
69140 Posts |
|
barrysmith
Ecommerce Template Guru
United Kingdom
3349 Posts Pre-sales questions only
(More Details...)
|
Posted - 04/26/2012 : 12:09
|
Hi,
Not completed yet andy, however I have just done one with a style switcher, as the site is in development I will use some screenshots to show what I have done, this is soooooooo cool this new CSS layoput changes...
You guys have no idea what this means to the likes of me who designs many ECT sites and have always wanted the facility to alter the layouts with ease.
Kind Regards
Barry Smith
*** ECT Featured Website Designer
*** ECT Design Related Services
*** Expression Web
*** CSS Designer
[url="http://www.w3designs.co.uk"]ECT Website Designer (w3designs)[/url]
http://www.w3designs.co.uk (ECT Website Designer)
http://www.supersupporter.co.za - Community Forum for Real Sports Fans |
 |
|
barrysmith
Ecommerce Template Guru
United Kingdom
3349 Posts Pre-sales questions only
(More Details...)
|
Posted - 04/26/2012 : 12:12
|
This has been done using a Style Switcher which allows the user to Click a button and switch style sheets giving you more flexibility with layouts that a user may prefer.
The alternate layout is just a 5 minute makeover. Once I am complete the links will be little images and the layouts will be perfect.
Default Style (Layout)
[img]http://www.w3designs.co.uk/downloads/style1.PNG[/img]
Alternate Style (Layout 2)
[img]http://www.w3designs.co.uk/downloads/style2.PNG[/img]
Switch Links
[img]http://www.w3designs.co.uk/downloads/viewas.PNG[/img]
Kind Regards
Barry Smith
*** ECT Featured Website Designer
*** ECT Design Related Services
*** Expression Web
*** CSS Designer
[url="http://www.w3designs.co.uk"]ECT Website Designer (w3designs)[/url]
http://www.w3designs.co.uk (ECT Website Designer)
http://www.supersupporter.co.za - Community Forum for Real Sports Fans |
Edited by - barrysmith on 04/26/2012 13:13 |
|
|
matheny00
Advanced Member
USA
233 Posts |
Posted - 04/29/2012 : 00:17
|
| Hey Barry for someone that is not real into css layouts and sugestions on how to start? |
|
|
barrysmith
Ecommerce Template Guru
United Kingdom
3349 Posts Pre-sales questions only
(More Details...)
|
Posted - 04/29/2012 : 06:34
|
Hi matheny,
You never really asked a question, perhaps you can and then I can try assist.
Kind Regards
Barry Smith
*** ECT Featured Website Designer
*** ECT Design Related Services
*** Expression Web
*** CSS Designer
[url="http://www.w3designs.co.uk"]ECT Website Designer (w3designs)[/url]
http://www.w3designs.co.uk (ECT Website Designer)
http://www.supersupporter.co.za - Community Forum for Real Sports Fans |
|
|
barrysmith
Ecommerce Template Guru
United Kingdom
3349 Posts Pre-sales questions only
(More Details...)
|
Posted - 04/29/2012 : 08:32
|
here is a new layout which i will call Compact View, a limniyted amount of info however having the features overlay each other to display more prods per screen view.
[img]http://www.w3designs.co.uk/downloads/compact.PNG[/img]
Kind Regards
Barry Smith
*** ECT Featured Website Designer
*** ECT Design Related Services
*** Expression Web
*** CSS Designer
[url="http://www.w3designs.co.uk"]ECT Website Designer (w3designs)[/url]
http://www.w3designs.co.uk (ECT Website Designer)
http://www.supersupporter.co.za - Community Forum for Real Sports Fans |
|
|
matheny00
Advanced Member
USA
233 Posts |
Posted - 04/29/2012 : 12:18
|
| Barry I guess the question is what is the easiest way to learn the css layout . Is there a good book, video or something else to help learn this language? |
|
|
quadrant
Ecommerce Template Expert
703 Posts |
Posted - 04/29/2012 : 12:25
|
Hi,
A good source if you are looking to learn about CSS is
http://www.w3schools.com/css/default.asp
They cover most style properties with good examples to explain the classes.
Regards,
David |
|
|
matheny00
Advanced Member
USA
233 Posts |
Posted - 04/29/2012 : 12:27
|
Thank you I ran across that site last night and it looked good but was not sure thank you.
By the way I like how you are coming up with the styles you have. Have you thought about mobile layouts? |
|
|
barrysmith
Ecommerce Template Guru
United Kingdom
3349 Posts Pre-sales questions only
(More Details...)
|
Posted - 04/30/2012 : 02:27
|
Hi,
There are hundreds of resources out there to learn CSS, I am not sure if you are using Dreamweaver or Expression Web on your PC to edit your pages.
You could see if Total Training dot com has a video to help, perhpas lynda.com has some.
Mobile layouts will come with time. Thanks for the comment about the designs, the options areunthinkable of what can be done now to make your users experience good, plus making your store look unique and not like everyone elses.
Kind Regards
Barry Smith
*** ECT Featured Website Designer
*** ECT Design Related Services
*** Expression Web
*** CSS Designer
[url="http://www.w3designs.co.uk"]ECT Website Designer (w3designs)[/url]
http://www.w3designs.co.uk (ECT Website Designer)
http://www.supersupporter.co.za - Community Forum for Real Sports Fans |
|
|
| |
Topic |
|
the New CSS Features
