• 1
  • 2
Home > Tips

SliceMaker Tutorial and Tips - Add Codes to DIV Tag Conveniently

Important Note to Beginners: The settings here are just optional but not necessary. If you have no idea on how to do these settings, please simply ignore them.

 

 Where to Add Codes to DIV Tag?

Location: Attribute Setting Area > Font & Text

 

 

 Content Menu

 

 

 General Steps of Add Codes to DIV Tag

Step 1: Select the DIV that You Want to Add Codes

For SliceMaker products, a DIV actually is a slice that is sliced in DIV mode. So selecting the DIV that you want to add codes can be also understood as selecting the slice that you want to add codes. If you also cannot understand what a slice means, please view its definition >>

 

 

Step 2: Start Adding Codes to the Selected DIV/Slice

Here you can add texts, JavaScript codes, HTML codes, etc. to the selected DIV/Slice.

 If you want to locate the codes you added at the beginning of the DIV tag, please enter the codes into the below filed:

 

 

 If you want to located the codes you added at the end of the DIV tag, please enter the codes into the below field:

 

 

 

 What will Happen If You Add Codes to DIV Tag at the Beginning?

After the webpage is generated, you will view the below generated DIV tag:

 

The DIV before the codes are added

The DIV after the codes are added

<div id= example>

Contents that are already here,<br/>

Contents that are already here, <br/>

Contents that are already here, <br/>

Contents that are already here, <br/>

Contents that are already here, <br/>

Contents that are already here,

</div>

<div id=example>

<p>I am the added codes; I am located at the beginning of the DIV tag. I can be texts, JavaScript codes, HTML codes, etc.</p>

Contents that are already here, <br/>

Contents that are already here, <br/>

Contents that are already here, <br/>

Contents that are already here, <br/>

Contents that are already here, <br/>

Contents that are already here,

</div>

 

After the webpage is generated, the added codes will display on the webpage:

 

 

 What will Happen If You Add Codes to DIV Tag at the End?

After the webpage is generated, you will view the below generated DIV tag:

 

The DIV before the codes are added

The DIV after the codes are added

<div id= example>

Contents that are already here, </br>

Contents that are already here, </br>

Contents that are already here, </br>

Contents that are already here, </br>

Contents that are already here, </br>

Contents that are already here,

</div>

<div id=example>

Contents that are already here, </br>

Contents that are already here, </br>

Contents that are already here, </br>

Contents that are already here, </br>

Contents that are already here, </br>

Contents that are already here,

<p>I am the added codes; I am located at the end of the DIV tag. I can be texts, JavaScript codes, HTML codes, etc.</p>

</div>

 

After the webpage is generated, the added codes will display on the webpage:

 

 

 

 

 Whats the Meaning of Slice and Selected Slice?

Slice means one part or section of an image (graphic web design). SliceMaker products will create webpage according to the image (graphic web design) that is sliced (divided) by SliceMaker products because a slice can be understood as a div element or a content container box.

Selected slice means the slice you select through SliceMaker products. Only after you select a slice, you can add attribute to the selected slice such as adding link, texts, image to the selected slice.

For example: Below is an image (graphic web design)

 

 

We can use SliceMaker products to slice (divide) the above image into several parts/sections. Each part/section can be understood as a slice.

 

 

If we use SliceMaker products to select a slice, we name the slice as selected slice.

 

 

 

 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
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
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
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