Home > User Guide

SliceMaker Tutorial and Tips - Auto Height

 

 Where to set Auto Height?

Location: Attribute Setting Area > Basic Attribute

 

 

 

Content Menu

 

 

 

 

 

 What will Happen by Setting the Selected Slice as Auto Height?

If you set the selected slice as Auto Height, the height of the selected slice will be flexible and will change according to the contents within the selected slice after the webpage that contains the selected slice is generated, view the below example:

 

1) If there are only a few contents within the selected slice, the height of the selected slice will be very low:

 

 

 

2) If you add more contents to the selected slice, the height of the selected slice will become higher:

 

 

 

 

 

 General Steps of Setting the Selected Slice as Auto Height with SliceMaker Products

 

 Step One: Select the Slice that You Want to Set as Auto Height Attribute.

Please firstly click the Select button   and then click the border of the slice to select it, such as follow:

 

 

 

 

 Step Two: Tick the Below Box to Set the Selected Slice as Auto Height Attribute

 

 

 

 

 Practical Case: How to Set Auto Height Attribute with SliceMaker Products?

Here, we will use a simple image to help you understand better how to set Auto Height attribute with SliceMaker products.

 

 

 Step One: Import the Simple Image into SliceMaker Products.

 

 

 

 Step Two: Set the Website Root Directory and the Export Directory

1) In Tools > Options > Basic. Here you can set the website root directory and the export directory.

 

 

2)Website Root Directory for SliceMaker products is a file folder on your computers hard disk. You can select an existing file folder or create a new folder by clicking the first Select   button. Once you select a folder, everything created by SliceMaker products will be and should be saved to this folder or its sub-folder including webpages, CSS file, JS file, images, etc. Learn more >>

 

3) Export Directory means to which file folder you want to save the webpage created by SliceMaker products. The file folder (Export Directory) can be the same as the folder (Website Root Directory) OR the file folder (Export Directory) can be the sub-folder of the folder (Website Root Directory). learn more >>

 

 

 

 Step Three: Name Your Webpage.

Because the above image imported into SliceMaker products will be converted to a webpage like an html document, so we should name the webpage.

 

 

 

 

 Step Four: Slice the Image

Note: You dont have to slice image in the same way as we do as long as you follow the basic rules to slice image with SliceMaker products. According to the image imported into SliceMaker products, we just need to divide it into four parts, such as follow.

 

    

 

 

   

 

 

    

 

 

    

 

 

 

 Step Five: Add Attribute to Each Slice

    

 

 

    

 

 

 

   

 

 

 

 

 

 

 Step Six: Enter Contents into Slice 4

 

 

 How to Enter Contents into Slice 4

        Please firstly select this slice

                Please firstly click the Select button   and then click the border of the slice to select it, such as follow:

              

              

 

       In Attribute Setting Area > Font & Text, you can add contents into slice 4

 

             

 

 

 

 Step Seven: View the Generated Webpage

Click Generate button to generate the webpage and view the generated webpage.

 

 

The generated webpage:

 

 

 

 If you only enter a few contents

 

 

 

  If you enter more contents

 

 

 

 

 

 

 Contact Us for Help

If you cannot find a proper solution to your issue through the above methods, our support team is always on standby for whatever problems youve got. We promise to you we will deal with your issues within 24 hours. Contact Our Support Team

 

 

 

Whats Next:

 

Choose a SliceMaker Product to Create a Website on Your Own-30 Day Freetrial
SliceMaker Standard V3.6 - Freeware
The anyone-can-master webpage making software. You can create exceptional webpage/website on your own even if you're unfamiliar with webpage making.
$0
$0
SliceMaker Platinum V3.6 - Freeware
The bestselling webpage making software, helps you create exceptional webpage/website without writing complicated CSS and DIV codes.
$0
$0
SliceMaker Deluxe V3.6 - Freeware
The all-in-one webpage making software, helps you create webpage/website of any style. It's the idea tool to create webpage/website.
$0
$0