• 1
  • 2
Home > Tips

How to Name LI with SliceMaker Products?

Important Note to Beginners: Naming LI is just optional but not necessary, so if you have no idea on how to name LI, please simply ignore this setting.

 Where to Name LI?

Location: Attribute Setting Area > Basic Attribute

 

 

 

 Content Menu

 

 

 What is LI for SliceMaker Products?

 

There are two meanings of LI under two situations

 The first situation: If you dont tick the below box:  

 

Location: Menu Bar > Tools > Options > Basic (Note: Only under this situation, you can name the LI you selected. View how to name selected LI >>)

 

If you dont tick the above box, LI and DIV actually function identically, they both can be understood as content container, such as follow:

 

The only difference is the generated codes - One starts and ends up with li while the other starts and ends up with div, such as follow:

 

LI 

CSS for LI 

DIV 

CSS for DIV 

<li id = 

youraddedname>contents</li>

 

#sample_9{
    width:312px;
    height:298px;
    margin-left:5px;
    margin-top:7px;
    float:left;
    display:inline;
    text-align:left;
    list-style-type:none;}

<div id=

'youraddedname'

>contents</div>

#youraddedname

{width:315px;
height:298px;
margin-left:14px;
margin-top:7px;
float:left;
display:inline;
text-align:left;}

 

 The second situation: If you tick the box:

  

 

 

If you tick the box, the slice that is sliced in LI mode must be within two slices (DIV and UL), such as follow:

 

The outermost slice is sliced in DIV mode, the mid-slice is sliced in UL mode and the innermost slice is sliced in LI mode.
If you tick the box, the generated codes should be:
 

LI

CSS

 

<div id=youraddedname

<ul>

<li></li>

</ul>

</div>

 

#youraddedname ul li{

width:225px;

height:17px;

margin-left:6px;
margin-top:5px;
display:inline-block;
text-align:left;
list-style-type:none;

   

 

 

 

 How to Name Selected LI Step by Step?

 

Note: Only when you don't tick the box, you can name the selected LI!

Step One: Select the LI You Want to Name

Firstly, please click the Select button and then click the LI to select it.

 

 

Step Two: Name the LI You Selected

You have two ways to name the selected LI.

  The first one is to simply enter the name into the blank field, such as follow:

 

 

 The second one is to select a name from the preset names list, such as follow:

 

 

 

 What Will Happen After Naming the Selected LI

After naming the selected LI, the names of the generated li id or li class and CSS style codes will be changed accordingly.
For example, we named the selected LI as test in the above passage, so the names of the generated li id or li class and its related CSS style codes are all changed to test.

 

li id (If use id selector)

CSS style codes

li class (If use class selector)

CSS style codes

<li id='test'>

          </li >

#test{
    width:312px;
    height:298px;
    margin-left:5px;
    margin-top:7px;
    float:left;
    display:inline;
    text-align:left;
    list-style-type:none;}

<li class='test'>

          </li>

.test{
    width:312px;
    height:298px;
    margin-left:5px;
    margin-top:7px;
    float:left;
    display:inline;
    text-align:left;
    list-style-type:none;}



 

 

 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