• 1
  • 2
Home > Tips

How to Name UL with SliceMaker Products?

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

 

 Where to Name UL?

Location: Attribute Setting Area > Basic Attribute

 

 Content Menu

 

 

 

 How to Name UL Step by Step?

 

Note: If you dont understand what UL is for SliceMaker products, please view the definition of UL>>

Step One: Select the UL You Want to Name 

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

 

 

Step Two: Name the UL You Selected

You have two ways to name the selected UL.

  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 UL

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

 
 ul id (If use id selector)   CSS style codes

 

 ul class (If use class selector)  CSS style codes

 

 <ul id='test'>contents</ul>

 

#test{
    width:301px;
    height:230px;
    margin-left:20px;
    margin-top:21px;
    margin-bottom:0px;
    float:left;
    display:inline;
    text-align:left;
    list-style-type:none;
    padding:0px;} 

<ul class='test'>contents</ul>

 

.test{
    width:301px;
    height:230px;
    margin-left:20px;
    margin-top:21px;
    margin-bottom:0px;
    float:left;
    display:inline;
    text-align:left;
    list-style-type:none;
    padding:0px;}

 

 

 

 What is UL for SliceMaker Products?

Generally speaking, a UL is a slice that is sliced in UL mode, such as follow:

 

 

To be specific, there are two meanings of UL 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 UL you selected.)

 

 

If you dont tick the above box, UL and DIV (View what is DIV >>) actually function identically; the only difference is that one starts and ends up with ul while the other starts and ends up with div, such as follow: 

UL

CSS for UL

DIV

CSS for DIV

<ul id =

youraddedname>contents</ul>

#youraddedname{

    width:624px;

    height:254px;

   margin-left:11px;

   margin-top:6px;}

<div id= youraddedname>contents</div>

#youraddedname{

    width:624px;

    height:254px;

   margin-left:11px;

   margin-top:6px;}

 

 

  The second situation: If you tick the box:

 

Location: Menu Bar > Tools > Options > Basic 

 

If you tick the box, UL can be understood as unordered list - it is used to group a collection of items together in a list, but in a way that doesnt suggest an order of precedence or importance. The ul might be used for anything from a simple shopping list to a collection of links.

Note: The slice that is sliced in UL mode must be within a slice that is sliced in DIV mode, such as follow:

 

 

The inside slice is sliced in UL mode, the outside slice is sliced in DIV mode.
If you tick the box, the generated codes should be:

 

UL
 

CSS
 

<div id=youraddedname

<ul></ul>

</div>

 

#youraddedname ul{

    width:235px;

    height:123px;

    margin-left:11px;

    margin-top:15px;} 

 

 

 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