Advance Inline Style Mover

Versions

Author: max fancourt

developer cms template javascript css commercial softpress server prototype content management open-source background image inline

The general description of what this actions does is…

1. it removes the div id if that function is chosen
2. you can reapply a new div id or class name in its place
3. if you don’t choose a name it will choose one for you
4. you can then add extra classes to that div if you wish
5. move the inline style back into the head again if you want
6. sniff out any secondary tag like the image tag (img)
7. add extra classes to that img tag and move any inline styles again back into the head
8. finally it works with Tim plumbs externalise action so if that action is used then those head style will be moved to an external style sheet.

For a full idea of the thinking behind this action please have a read of the project description which can be seen here:

http://www.actionsforge.com/projects/view/117-advance-inline-styles-mover

Oh one more thing the idea about being able to use classes and drop the id and or inline style when necessary is that when appropriate you can remove duplicate styles… an example of this is in the image tag and freeway will automatically create an inline style with a float:left

Now you could have 100 images on that page. 1 image could have a class rather than div id and that 1 images creates the style, places the style in the HEAD and references it with a class.. and all the other 99 images just have the same class reference and use that 1 style.

All the best max

3 Comments