I have just read a few articles on liquid design and was asking myself if this is possible using SS? is this possible with SS?

I noticed this forum also has a liquid design, so could it be possible?

I remembered when using some of the features below you can set every object in such a manor it sets itself to the browser size, so if you would take this with everything you place on the page in considderation you end up with a smooth liquid design.

http://img209.imageshack.us/my.php?image=screenhunter16eu.png

In depth tutorial request? i'm having trouble understanding how these features work and would really like some good explanations with examples , step by step instructions to find out how to work with these features, these features are very much needed for making a smooth liquid design, and to go with the needs of the net these days it would be a good thing to discuss.

I don't know if anyone is good with flash tutorials but a flash tutorial is a good thing to have on this one

liquid design allows the site to expand or contract, it allows cery limited image usage and is based upon frame structures. It i svery complicated to implement and i am pretty sure you would need to hand code it.
I don't have too much knowlege on this subject so i can't really comment much more than that.

Good Flash tutorials aren't to easy to come by, all i can say is read the help file on the following areas

• Motion Tweening
  
• Onion Skinning
  
• Morphing
  
• Basic Actionscript commands
  

I will post back later as i know a really good site for tutorials that was in my favourites list, but my dads deleted it.. so i will try and google it. It has very good tutorials on pre-loaders and more.

Hmmm, this page is also liquid, because when turing the browser window to a smaller size the page stays the same, is this page specially coded i wonder? (everything is made with SS i presumed)

At a certain point offcourse there is no other way that the contents are not appearing correctly but that is inevitable.

The features that SS have also contains a fixed browser button, or something like that, like i showed in screencapture, when placing objects on the page and this feature being used, you would also end up with a liquid page, i think.
I could be offcourse totally wrong, i know of a freeware tutorial program for flash that can be used for this, but maybe not necesarry, who knows.

I just would like to know how this feature works really and try to see what good it can be for my site
I will also check out the help files you mentioned.

this forum was not created with sitespinner, nor did virtualmechanics create it. It is powered by infopop (like phpbb, but better). This forum is based on php scripts. The design (colours etc.) are css. They are just tables with colours. The only images are smileys.
Php has no standard form as it creates its own html content meaning size can vary.
Its kind of hard to explain.
This forum is probably only about 20 pages, it uses a database (which results in .php?id=2 )
Then it uses these sert designs to draw the information from the database and place them in the necessary places, e.g. on bit of the database will be the topic name so it will replace a line of code with whatever's in that table, and do the same for each post, usernames etc.

Try installing phpbb on your site and playin around with it (mainly the .css files, and see what changes)That might help you.

The latest section of my site is similar, it draws up information from my database and puts it in a set place.

http://www.crossgeneration.co.uk/games*

You will see when you click on a link for a game it will open the page games.php but you will also notice it is .php?id=3 that means that it is the 3rd piece of data on the database so it is opening a standard template which is games.php and filling it in with the information from the 3rd row on the database

Next try http://www.crossgeneration.co.uk/games/games.php and you will see it is the same page (with an error) The layout is the same. The error is thier because you did not request any data from the database thus meaning there is no content because you have not told it what to put in.


All the colours and schemes etc are controlled by two .css style sheets. All i need to do is edit the css style sheets to completely change the theme and the theme of every page.

*Please note there may be a few bugs as my script is still in developement

This thread may help a bit

HMM, interesting but how do i turn on no CSS? and does this only work for the text objects? how about other sort of objects?

And if i am correct i have to make a very large text object with nothing in it, keep it borderless and then position the text objects in this borderless textobject?

I will see what happens
But with a little more work it is feasable?

Ok i have found the table editor, but how do i turn off no css positioning in the text editor, i can't choose it, it's gray lettered and black lettered as all my other options so therefor i can choose that option, what is restricting me from doing that?, i have a paid version by the way

And how do i find more information on how to use this table editor? Looks interesting.

select the object > alt+O > Transformations > No css positioning

i think that should work

i will try that, by the way did the code for the borders worked out for you?

Yes that worked and the text is liquid, it addapts itself to the browser size.

But i would really like to have some more information on this table editor and it's functions.

I see 4 squares now, perhaps this can be solved by making the borders of the table the same as the background color, i have checked the box no border.
And i have placed a image to see if this also addapts to the browser size window but helas this doesn't work, can't this work at all or do i have to perform another action?

Make sure your border is set to 0. (turning off border color just means 'use the system color')

Images without CSS don't resize they just reposition. You would need to use CSS and relative sizing to make them stretch to fit.

The only table information we have can be found in the usual places: The Table editor Help button, the tutorials and the Find button in these forums

Yes the border wasn't set to zero yet, so i did and i see no more squares anymore

the only problem at this point are the images....so i need to keep css ON and i have to use relative sizing to keep the image moving with the browser window?
I will try to find the information about the table editor by using the help button and tutorials, etc

Looks like this can work though?

another good thing about liquid design because thier is no set size it can be translated into many languages without the design being affected
e.g.

Click here to see the forum in deutch

How about korean?

or maybe russian

And see how the images are never out of place, how the tables expand/contract.
That is one of the plus points of liquid design.
The biggest down point is its complicated and and cannot be done through wysiwyg (well some bits can)

i just wanted to bring this up again, does anyone know any more about this.. as this is something i would like to be able to do.
Anyone know how?
Also is thier anyway to repeat an object in web engine, similar to how a background object is tiled/repeated ?

I know how to do the this and still use sitespinners wysiwyg to design the pages. I submitted a tutorial but it was only IE compliant, thankfully it looks like it wasn't recieved or was rejected. I know have a full tutorial that works with IE, Firefox and most probably opera (but not tested in opera and other browsers).

Click here to see it in action

Also try resizing the browser
I can hopefully publish it tonite *finger crossed* providing we are connected and i can set up the internet fairly quickly.

Any help on any imperfections is welcomed, also i know it is a simple layout, but the tutorial is designed so you understand how the system works so you can modify it and learn.

Awesome job Podge, i'm looking forward for the tutorial

:\, im looking forward to publishing it, i get the internet on monday, fingers crossed.. if not i'll stick it on a disc and publish it during my next aida lesson, currently in aida .
Also does anyone know if there is a validator on the web for php?

w00t got the internet, bit sleepy and im really ill at the mo, got food poisening, last time i ever let my friend cook a bbq. Will publish tomorrow some time. Just wanted to say hi Feel like i lost a limb, but its only the intenet. Missed yall.
Oh and where shall i publish the tut?