Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

css editing program

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #11  
Old 02-11-2010, 08:50 AM
 
dwpers dwpers is offline
 

Senior Member
  
Join Date: Aug 2009
Location: Washington D.C.
Posts: 136
 

Default Re: css editing program

Firefox + Firebug is a great tool.

For local development, if on a PC, I use Dreamweaver (there's a plugin floating around for {Smarty} integration) and if on a MAC I use CODA.
__________________
X-Cart Pro 4.2.2
Reply With Quote
  #12  
Old 02-11-2010, 09:18 AM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: css editing program

Css is great, as it's a real challenge. All software controlling styling does it in many different ways, But the css being used in principle is the same.

A good start is to understand where each element of css is controlling what, then you can design away to your hearts content.

Understand this and then it's down to making it browser compatible, then valid csss, and so on.

Go on try it, it's a great challenge, and lately I think is becoming easier to control css, it's just the various software developers that will make it very difficult to find where and what's going on there's the challenge for you. X-cart is a prime example, but I have learnt there really isn't that much to x-cart css once you crack what's controlling what. The buttons are the worse css I have ever seen.


As to your question, we all use diffrent software for css, etc, most of us will use a combination of aids. Notepad, and Dreamweaver is top of my list, but I use many others. It's down to personal taste etc.

I'm waffling on now.
Good Luck
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #13  
Old 02-11-2010, 09:56 AM
 
Bearsnum34 Bearsnum34 is offline
 

Senior Member
  
Join Date: Jan 2010
Posts: 134
 

Default Re: css editing program

Well I have downloaded both programs and I do have dreamweaver (but I read somewhere that dreamweaver doesnt work with xcart).

I guess the first thing is to backup everything up first.

Thanks so much for everyones help, I will let you know what happens.

I am working with variants oh a pain in the behind, I also want to remove the weight from the customers side....oh so many wants and needs, tell me where is the time for it all!!!




Quote:
Originally Posted by gizmo
Css is great, as it's a real challenge. All software controlling styling does it in many different ways, But the css being used in principle is the same.

A good start is to understand where each element of css is controlling what, then you can design away to your hearts content.

Understand this and then it's down to making it browser compatible, then valid csss, and so on.

Go on try it, it's a great challenge, and lately I think is becoming easier to control css, it's just the various software developers that will make it very difficult to find where and what's going on there's the challenge for you. X-cart is a prime example, but I have learnt there really isn't that much to x-cart css once you crack what's controlling what. The buttons are the worse css I have ever seen.


As to your question, we all use diffrent software for css, etc, most of us will use a combination of aids. Notepad, and Dreamweaver is top of my list, but I use many others. It's down to personal taste etc.

I'm waffling on now.
Good Luck
__________________
4.3.1
x-configurator
x-specialoffers
Reply With Quote
  #14  
Old 02-11-2010, 10:03 AM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: css editing program

Well, there really is no specific program, where you can fully design php, software, what you do is look for what's controlling each element of the design, and then use various aids, IE dreamweaver, notepad etc to redesign etc.

You cannot just edit say for example One controlling page of x-cart and everything changes as, css sheet also controls the design elements.

Wish you luck anyway.
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #15  
Old 02-11-2010, 01:47 PM
 
Bearsnum34 Bearsnum34 is offline
 

Senior Member
  
Join Date: Jan 2010
Posts: 134
 

Default Re: css editing program

So what you are saying is that I can not change the home page and then all the other pages will look the same. Is that what I am understanding.

Quote:
Originally Posted by gizmo
Well, there really is no specific program, where you can fully design php, software, what you do is look for what's controlling each element of the design, and then use various aids, IE dreamweaver, notepad etc to redesign etc.

You cannot just edit say for example One controlling page of x-cart and everything changes as, css sheet also controls the design elements.

Wish you luck anyway.
__________________
4.3.1
x-configurator
x-specialoffers
Reply With Quote
  #16  
Old 02-11-2010, 02:18 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: css editing program

Quote:
Originally Posted by Bearsnum34
So what you are saying is that I can not change the home page and then all the other pages will look the same. Is that what I am understanding.


By Far Nope............... It's all controlled via css, and different page templates, calling a combination of various css element styles.

The only way to do this is, if you create a pure html page from scratch, then that would make it a normal html page with no programming added, then all your other pages would look the same yes..

To sum up learn where and what each template does in x-cart and start from there.
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #17  
Old 03-16-2010, 12:54 PM
 
Bearsnum34 Bearsnum34 is offline
 

Senior Member
  
Join Date: Jan 2010
Posts: 134
 

Default Re: css editing program

Quick question.....I know when I use FrontPage I can preview the changes I made to a webpage that is HTML coded. I have downloaded notepad++ and firebug as recommended. When I put the copy and paste the page into Notepad++ is there a way to view what it would look like? I have looked and can not seem to find it, also with firebug the same thing.

I guess were I am going with this is I would like to be able to see what the changes look like before I make the change.

Many Thanks,



Quote:
Originally Posted by gizmo
By Far Nope............... It's all controlled via css, and different page templates, calling a combination of various css element styles.

The only way to do this is, if you create a pure html page from scratch, then that would make it a normal html page with no programming added, then all your other pages would look the same yes..

To sum up learn where and what each template does in x-cart and start from there.
__________________
4.3.1
x-configurator
x-specialoffers
Reply With Quote
  #18  
Old 03-16-2010, 02:56 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: css editing program

1. Can you view within Notepad++ (Nope)
2. Can you view code in real time (Nope) it's all smarty and other bits

The way to view changes are to upload, and see the changes, if you don't like you keep editing.

Another way is editing on a home server, you can see the changes just via save, and change very quickly.

Dreamweaver has live view but this is aimed at html pages, unless you have a server setup..

People still use front page blimey...

It's all a learning curb.......
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #19  
Old 03-16-2010, 02:59 PM
 
Bearsnum34 Bearsnum34 is offline
 

Senior Member
  
Join Date: Jan 2010
Posts: 134
 

Default Re: css editing program

Shoot I figured as much, I was just hoping I was missing something.

Thanks so very much!!

Quote:
Originally Posted by gizmo
1. Can you view within Notepad++ (Nope)
2. Can you view code in real time (Nope) it's all smarty and other bits

The way to view changes are to upload, and see the changes, if you don't like you keep editing.

Another way is editing on a home server, you can see the changes just via save, and change very quickly.

Dreamweaver has live view but this is aimed at html pages, unless you have a server setup..

People still use front page blimey...

It's all a learning curb.......
__________________
4.3.1
x-configurator
x-specialoffers
Reply With Quote
  #20  
Old 03-16-2010, 03:03 PM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,190
 

Default Re: css editing program

You can view how changes will look like with Firebug . Just load the page and start changing values in Firebug - you will see the change
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 03:13 AM.

   

 
X-Cart forums © 2001-2020