LINKS

home

How To Use Web Studio with Next

A video on how to use the HTML Object in web studio

paste this code
"Inside Head"

An example to try Accordion

If there are files that need to be attached to website properties on the code page you will see this
download button.

If you don't see "website properties" Click on View tab and select "Caption Bar"

That will place this on your page. Double click on it to open the HTML editor where you paste the code.

The download will have a folder called "website_properties" and be
condensed or "zipped" to unzip it right click on it and follow the directions.

After you unzip the folder click on "website properties"

HTML tab in "insert page HTML"
select "Inside HEAD"
Paste code and press "OK"

HTML tab in "add HTML" panel select "HTML object"

If I include an attachment to the HTML Object it will be in a folder called html_object

< General: you can fine tune the size of the object if needed

Click the "attached files" button, select your image or file to attach it.
It will then appear in the list.
Press "OK" to save.

< Press the "Attached files" button and add all the files from inside the "website_properties" folder.
Press "OK" to save.

< HTML content: is the editor where the code is located

< Place Holder: you can make the object look like an image

The HTML object can look like a picture by using a placeholder graphic

< Attached files: This is where you add or delete images & files

troubleshooting

Most of the add-on's use images so you will need to know how to attach them and put the name in the code where I show you.

Images

Coding

To add or remove sections of code look for these

the code that can removed or copy / pasted back in

customizing

When you run these from within your home computer on an IE browser
you may get an Active X "click here for options" notification.
Click on that and allow blocked content.
That goes away on the interent.

Right click on the "HTML object" select "properties" you'll see this.

paste this code
"Inside HTML Object"

A video on how to use insert Page HTML in web studio

attach to
"HTML Object"

attach to
"Website Properties"

The add-on's can be customized or just pasted in as is and add your pictures or text

You can optimize the download time of your images, if you don't own an image program quicklinks has a few free online options

To change things like colors look for the boxes:
[+] the code would be here /* background color */

to see them work
"Preview"

My suggestion is to use Firefox for previews and as your internet browser

These effects are not officially part of Web Studio
If you have questions use the web studio forum

Web Studio Next

The add-on doesn't look like the example?

In some builds of web studio when you use a built in menu it adds a comment to the top of the document. What that does is break a browser from reading the HTML correctly. Hopefully this will be repaired in the future. To see if yours is doing that right click on the page and "View page soure..." if you see this at the very top  you need to paste a doctype in again above it to fix it.

In Web Studio go to the HTML tab, in insert page HTML select "Before All Tags" and paste:

this new document type

The add-on isn't working?

You can only have the jQuery called once on each page. So if you place that link twice it won't work. Say if you put it in the master page's head, then in a page's head as well, or if you are using two
add-on's on one page. Delete one of the jQuery links in the HEAD, that link looks like this:

the jQuery link

The image isn't showing up?

You get the image name right and put it in the proper place but you might overlook the extension.
If your picture name is "myimage.jpg" but you put in "myimage.JPG"
(note the capital JPG) it won't work on the net.
A trick: When you select an image to attach, copy the name then and paste that into the code.