Content Boxes

[MikeH]

Hi
By any chance is there a tutorial on adding content boxes using CSS Sculptor?

ie
In the main content area I want to add a couple of nice content boxes side by side then the rest of the content underneath (or above in some cases) any pointers into achieving this?

Thanks

Mike

[Ray Borduin]

Contents are handled in SiteAssist and would not be added to sculptor. If there is a particular page type or look you are going for, post an example... it could be added to site assist.

[MikeH]

Hi
Thanks for the reply Ray.

As an example take your NEW home page you have 3 boxes on it

Help me Choose
Our Community
Whats New?

Basically that sort of idea. I wanted to use Sculptor to be able to control all aspects of colours layout rather than rely on Site Assist only.

Can this be done?

Thanks

Mike

[Justin Nemeth]

In sculptor, you could select a 3 column layout as a starting point, then adjust each column accordingly to the size you want. After that, add a custom div above the contentWrapper. This would give you a larger area above the 3 columns (or boxes if you make then equal width) and should give the basic effect like on the WA home page. The box tab is really powerful in allowing you to add and position custom divs to achieve a more complex layout like you want.

[MikeH]

Hi Thanks for the reply.

Heres another good example of what I meant:

http://broadband.nildram.net/business-broadband/

This sort of site design is pretty common so an abilty to easily create these using wA Extensions such as CSS Scylptor and SA Pro would be fantastic.

Mike

[Ray Borduin]

The new version of Site Assist allows you to define your own page types.

You could manually create this content in a SA Pro site, and then save those contents as a page type to use in the future.

So you actually have the ability to add this feature if you own SA Pro, you just have to develop the page once (copy and paste that one if you like it).

[MikeH]

Hi Ray
I have SA Pro is there a tutorial on that way of working?

Thanks

Mike

[Ray Borduin]

It should be covered in the help. It works like this, whenever you create a page with Site Asssist pro, it knows what your content area is on that page. So if you change the content, there is an option available to save that content. Once it is saved, it is available in the wizard. Should be pretty straightforward. Give it a try and let us know if you have any problems.

Just go to Insert->WebAssist->SiteAssist Pro->Create page type once you have created a page you would like to save and make available later.

[Sades]

Ill try to explain it a bit here lets see open a new page on dreamweaver and click on the webassist tools for eric meyers CSS sculptor then select what ever layout you need on the first tab, then click the second tab "BOX".

There you will find a list look on that list for:

ContentWrapper
|
|---> Content

Now click over content and look for the button on the top that has a plus or Add simbol click over it and add under Content a new Div it would be something like this

ContentWrapper
|
|---> Content
.................|---> Div

Rename it to what ever you like i called it LeftBox.

Repeat again selecting the Content on the list and add a new one and so on until you are satisfied

check the picture attached to this post.

Ok after you got BoxLeft, Boxright, and BoxCenter add boxleft float: left this can be done at the properties options just below, you will find the option just after where you place the width and height also add a size example width: 200px height: 300 for BoxLeft.

Now select BoxRight, and do the same on width and height, 200x300, but select Float: Right.

And now select the last div you added wich we named BoxCenter dont add a size to it Dont!!!! just check down a bit more where you will see Margin & Padding, now here is the tricky part you have to play with the margin i placed all to 0px and the last one with is margin left i placed 200px example

Top: 0px Right: 0px Bottom: 0px Left:200px

ok done with that now click on padding and add what ever you need i placed 0px for all but u can play with it to make it look better, ok after this click on Design and add the backgrounds and settings to your need, also play with the size i placed all depends on how you want them look also depends on the size of the website i used the standard one by default to make the screenshot i placed here.

Good luck with it hope this helps :)

Pd forums needs a but of let us place codes like <strong> and ****z... and sorry my not so good english..

[Sades]

**** sorry i forgot to mention and i placed the wrong screenshot its the same but i placed the names so u can understand box1 = BoxLeft, Box2 = BoxRight, Box3= BoxCenter,

also on the screen shot i colored the boxed on the design tab

Left = blue
right= red
Center= green

[web_assist_mail157665]

Contents are handled in SiteAssist and would not be added to sculptor. If there is a particular page type or look you are going for, post an example... it could be added to site assist.

This content box concept really needs to be added to Sculptor. It is a basic requirement of site design.

Sculptor really should be able to do two things it curently doesnit

ie

List/dropdown menus (I really don't want to buy yet another product to do this!)
Content boxes

Basic site creation stuff?

atb

Paul

[MikeH]

Thanks for your help eveyone.

Got to agree this should be in Sculptor every site uses them so an easy way in sculptor to create them should be available.

Mike

[Kevin.Allen]

Yah... I'll line right up to buy that upgrade, myself! Totally agree with these features being critical common needs on site design.