2014-06-06 46 views
0

喜現在我創建選項字段到我的WordPress選項頁我的領域中,包含36個圖像對我的身體的主題圖案萬事都完美添加滾動欄,然後選擇圖片代替單選按鈕

enter image description here 怎麼能我添加滾動條到我的選項字段,直到只顯示一些圖像,然後滾動顯示另一個圖像?

我如何隱藏單選按鈕並選擇圖像而不是單選按鈕?

這是我的代碼

function YPE_body_pattern_callback() { 
    ?> 
     <div> 
      <h3>Choose Pattern</h3> 
      <?php 
       $checked = 'checked="checked"'; 
       $YPE_options = get_option('YPE_post_option_name'); 
      ?> 
      <ul class="list-inline"> 
       <?php for($i=1 ; $i<=36 ; $i++){ 
       $pattern = 'body-bg'.$i; ?> 
       <li> 
        <input name="YPE_post_option_name[YPE_body_pattern]" type="radio" value="<?php echo $pattern ?>" <?php if($YPE_options['YPE_body_pattern'] == $pattern) echo $checked; ?> /> 
        <a href="#"> 
         <img src="<?php echo get_template_directory_uri(); ?>/panel/images/patterns/<?php echo $pattern ?>.png" /> 
        </a> 
       </li> 
       <?php } ?> 
      </ul> 
     </div> 
    <?php 
} 

回答

0

我解決我的問題,通過使用overflow:scroll;width:300px; CSS屬性爲300像素高度增加滾動條