Updates to the Style Generator

At long last I've made some updates to the Style Generator to better fit with Six Apart's standard. This means that you can finally apply the tips discussed in this tutorial to stylesheets created using the style gen. Most of the other changes are mostly on the backend code so that it's easier for me to build on it in the future. The only real change on the frontend is the addition of a splash page that allows you to select the number of columns - as cool as the on-the-fly capability was it was a major pain to support. A big thank you to Six Apart for letting me use their images, I'm a terrible graphics designer!

The biggest feature I am working on right now is the ability to load stylesheets into the style generator and be able to manipulate them there! Unfortunately this is incredibly difficult, currently I'm trying to get the properties from the stylesheet using this technique but its quite messy. Does anyone have a better idea of how to parse the stylesheet?

8 Comments

Light & Dark said:
on Sep 29, 2005 5:59 AM | Reply

Hi Arvind:

From what I'm seeing, the 3 column version of the generator is borked. When I click on an element in the right sidebar and edit it, the changes are reflected in the left sidebar, and not in the right. (IE and Firefox)

Also, in Firefox, if I bring up a dialogue box by clicking an element to edit, I can't dismiss the dialogue by clicking close. This happens in all the stylesheets. 

Lastly,  when working in this comments htmlArea, everything that changes the location of the cursor (except typing) causes a number of the page elements to blink, and the comments box itself jumps.

Paul 

 

 

 

 

Arvind Satyanarayan said:
on Sep 29, 2005 7:44 AM | Reply

Hi

Thanks for the comment. There is a bug with the three column layout which I'll fix immediately. The elements of the sidebars should style together. I don't understand your second comment, I can dismiss the dialog boxes by clicking "Save" or "Cancel" and both work. Finally with the comments box, I'm not experiencing any blinking in Firefox.

Gabriel Radic said:
on Oct 19, 2005 12:53 PM | Reply

Hello Arvind,

I've been trying to contact you for a project we're trying to develop using an interface similar to your style generator.

I've sent you an email and also tried via the Contact form. This is legit, please let us know if you're interested.

Thanks.

Arvind Satyanarayan said:
on Oct 19, 2005 5:48 PM | Reply

Hi Gabriel, I've received your emails and will reply asap, I'm just waiting for some other stuff to clear before I can give you a definite answer. Sorry about keeping you waiting.

wayan said:
on Feb 18, 2006 9:56 PM | Reply

The three column generator is fine to play with but has two major drawbacks:

1) the containter area is limited to around 700 pixels. I have to hand-code to wider widths

2) all threee columns load on the left. No amount of changing left/center/right or section width will get them to align across vs. down. Any suggestions?

Lisa said:
on May 31, 2006 7:54 PM | Reply

Hi - the style generator is excellent - THANKS!

I would like to change my banner though, and am wondering how do I change the banner image. I can't figure out where to add my new image.

L.

Matt said:
on Nov 24, 2006 7:08 PM | Reply

The style generator appears to be totally borked in FF 2.0 and IE7, with the sidebars appearing top and bottom of the content instead of left and right. Is this a problem with FF and IE or a problem with the generator?

I created the original CSS for my blog with the generator (not knowing CSS too well, it helped a LOT), and it still displays fine in the latest browsers, but now I'm wanting to create a newer stylesheet. Will the generated stylesheet display correctly?

Yes, I am a total n00b. :-)

Arvind Satyanarayan said:
on Nov 25, 2006 8:53 AM | Reply

Hi Matt

Thanks for the heads up, the Style Gen's been fixed :)

Leave a comment

Preview