사용자가 마음대로 모양을 꾸밀 수 있도록 각 요소에 id 나 class 를 지정했습니다.
아래를 참고하여 원하는 부분에 원하는 스타일을 지정하면 됩니다.

1. 선택 상자 
<select name="ffr_selectbox" id="ffr_selectbox">
     
<option value=0> # 사용자가 지정한 제목 # </option>
     
<option value="# 해당 사이트의 URL #"> # 해당 사이트의 제목 또는 사용자 이름 # </option>
<option value="# 해당 사이트의 URL #"> # 해당 사이트의 제목 또는 사용자 이름 # </option>
                                        .
                                        .
                                        .

</select>



2. 일반 목록 - 모두 다 표시 / 일부만 표시
       mi_ring_item 


<span class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</span>


<span class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</span>

                                        .
                                        .
                                        .



3. 일반 목록 - 쪽 형식으로 표시
       mi_ring_item
       mi_ring_pagenav 


<div id="mi_ring_page_# 쪽 번호 #" class="mi_ring_page">


<div class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</div>


<div class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</div>

                                        .
                                        .
                                        .
                                        

<div class="mi_ring_pagenav">
     <a>◀이전</a> [현재 쪽/마지막 쪽] <a>다음▶</a>
</div>
          
</div>


<div id="mi_ring_page_# 쪽 번호 #" class="mi_ring_page">


<div class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</div>


<div class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</div>

                                        .
                                        .
                                        .
                                        

<div class="mi_ring_pagenav">
     <a>◀이전</a> [현재 쪽/마지막 쪽] <a>다음▶</a>
</div>
          
</div>



4. 일반 목록 - 일부 숨기기
       mi_ring_item
       mi_ring_visible
       mi_ring_hidden
       mi_ring_pagenav 


<div id="mi_ring_visibile">
     

<div class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</div>


<div class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</div>

                                        .
                                        .
                                        .
</div>

     

<div id="mi_ring_hidden">
     

<div class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</div>


<div class="mi_ring_item">
     <a href="# 해당 사이트의 URL #" target="# 지정한 대상 #"> # 해당 사이트의 제목 또는 사용자 이름 # </a>
</div>

                                        .
                                        .
                                        .
</div>

     

<div class="mi_ring_pagenav">
     <a href="#" id="mi_ring_show">▼모두 보기</a>
     <a href="#" id="mi_ring_hide">▲감추기</a>
</div>