|
Step 2 ) Then, starting with the page button: click page > page properties > page html > and select "inside page header" (round radio button). Copy (Ctrl + c) and paste (Ctrl + v) the below code into the window thats located below the inside page header button.
Code: Step 1 ) Drag a html object (first one on the left) from the "cool stuff" tab in the "gallery" at the bottom of Web Studio onto your blank page. Then left click it and copy (Ctrl + c), then paste (Ctrl + v) the code below into it.
Code: Click "save" (It will close) and then go to the top of Web Studio and locate the "page" button.
This "box" can be stretched to any size you may want.
Step 3 ) You must not change anything in the code found in step 1! In step 2, you may change the color codes. Example: {background:#d4d4d4; border-left:1px solid can be changed to any color you want such as: {background:#000000; border-left:1px solid . There are two separate color codes within this code. One is for the border and the other is for the inside color. You may also change other attributes of the code in step 2, but be careful. (You may want to have a backup copy of each of the codes in step 1 and step 2 in case you need to start over). After customizing the code the way you want it, you may then "stretch" it to any height or width you desire by simply resizing the "html object". Then provide whatever content you may want and position it over top of the html object. Its as simple as that! Good luck!
Re-sizeable Rounded Corners Tutorial for Web Studio 4
(This has not been tested to work in Web Studio 1, 2, 3)
Any Size!
Any Color! Note: If any corrections need to be made to this tutorial, feel free to make such corrections. |