Not sure how much TopStyle Lite is stripped down, but I do use TopStyle Pro, and what I do is just open a page up in my browser, and then save the page to my drive (this lets the server do all of its script parsing, so all I end up saving is the regular HTML and images for the page.

I then set the saved page as my previw page in TopStyle Pro. Now, as I edit the CSS file, I can more easily preview how the page is rendering.

The columns you see in your browser are actually div containers...and by editing the attributes of the appropriate div, you can move columns around .

As far as templates, or skins, just look in the skins folder...each folder within that directory is a different skin/template.

greg544 wrote:

what if I want to move the column on the right to say the left of the screen and my post?

Then you have to edit your skin's _main.php or your template.

-Vegar

I know this thread is almost a year old, but I'll post this in case anyone comes here asking the same question. I use the [url=https://addons.update.mozilla.org/extensions/moreinfo.php?id=60]Web Developer Toolbar[/url] for Firefox. Just go to your site, then click on "edit css" and a sidebar pops up with the stylesheet(s) for your page. Any changes you make take effect immediately. You'll still have to save your changes and upload them when you're done, but it's a really nice way to play around. This extension can also outline block elements and show you their id or class label.

personman,

I'll see you and raise you a bump. Rather than the mozilla site, I'd recommend grabbing a newer version of the web developer directly from the author's site: www.chrispedrick.com

Mozilla is taking a long time get extension updates posted, whereas by going to Chris' site ... you can always find the latest version.

[url=http://www.chrispederick.com/work/firefox/webdeveloper/]Web Developer Extension for FireFox - NEWEST version[/url]

The current version is: v0.9.3

-stk

personman wrote:

I know this thread is almost a year old, but I'll post this in case anyone comes here asking the same question. I use the [url=https://addons.update.mozilla.org/extensions/moreinfo.php?id=60]Web Developer Toolbar[/url] for Firefox. Just go to your site, then click on "edit css" and a sidebar pops up with the stylesheet(s) for your page. Any changes you make take effect immediately. You'll still have to save your changes and upload them when you're done, but it's a really nice way to play around. This extension can also outline block elements and show you their id or class label.

Wonderful suggestion and thanks!

W.Hill