XE타운 Footer 메뉴 질문드려요.

청도아

2015.11.03 06:18

안녕하세요.

홈페이지의 footer메뉴를 XE타운의 Footer메뉴처럼 꾸미고 싶습니다.

레이아웃 상세설정의 메뉴부분 설정하는거 같은데, 그렇게 설정하면 세로로 길게 나오더군요.

몇시간째 이것저것 해보고있는데 저렇게 가로로는 어떻게 하는지 질문드립니다.

이온디

2015.11.03 06:20

f12 눌러보시고 그 부분 찍어보세요.

좋아요 0
청도아

2015.11.04 00:06

@이온디

<footer class="footer" style="border-bottom-color:#CDA25A">
<div class="f_info_area">
<div class="f_info">

<p class="f_logo log_txt">
<a href="{$layout_info->footer_logo_url}#">

<img src="{$layout_info->footer_logo_img}" alt="{$layout_info->footer_logo_text}" />

{$layout_info->footer_logo_text}

</a>
</p>
<p class="sub_desc">{$layout_info->footer_text}</p>

<include target="./demo/footer.html" />

</div>
<div class="f_info2">
<div class="site_map">
<ul cond="$FNB->list">
{@$i = 0}
<li loop="$FNB->list => $key1, $val1" class="clear"|cond="!($i % 3) && $i > 0">
{@$i++}
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
<ul cond="$val1['list']">
<li loop="$val1['list'] => $key2, $val2">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>

<div class="f_cr_area" style="background-color: {$layout_info->copyright_background_color}"|cond="$layout_info->copyright_background_color">
<p class="bottom">
<span class="copyright" style="float: left;">

{$layout_info->footer_copyright}

<include target="./demo/copyright.html" />

</span>
<span class="FNB2" style="float:right" cond="$FNB2->list">

<a href="{$val['href']}" target="_blank"|cond="$val['open_window'] == 'Y'">{$val['link']}</a>

</span>
</p>
</div>
</footer>
</div>

현재 이렇게 적용되있습니다.

좋아요 0
큰성

2015.11.03 06:22

   <footer class="footer" style="border-bottom-color:#CDA25A">
       <div class="f_info_area">
           <div class="f_info">
               
                   <p class="f_logo log_txt">
                       <a href="{$layout_info->footer_logo_url}#">
                           
                               <img src="{$layout_info->footer_logo_img}" alt="{$layout_info->footer_logo_text}" />
                           
                               {$layout_info->footer_logo_text}
                           
                       </a>
                   </p>
                   <p class="sub_desc">{$layout_info->footer_text}</p>
               
                   <include target="./demo/footer.html" />
               
           </div>
           <div class="f_info2">
               <div class="site_map">
                   <ul cond="$FNB->list">
                       {@$i = 0}
                       <li loop="$FNB->list => $key1, $val1" class="clear"|cond="!($i % 3) && $i > 0">
                           {@$i++}
                           <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
                           <ul cond="$val1['list']">
                               <li loop="$val1['list'] => $key2, $val2">
                                   <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
                               </li>
                           </ul>
                       </li>
                   </ul>
               </div>
           </div>
       </div>
       <div class="f_cr_area">
           <p class="copyright">
               
                   {$layout_info->footer_copyright}
               
                   <include target="./demo/copyright.html" />
               
           </p>
           <ul class="mobile-footer-member">
               
               <li><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
               <li><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
               
               <li><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>
               <li><a href="{getUrl('act','dispMemberInfo')}">{$lang->cmd_view_member_info}</a></li>
               
           </ul>
       </div>
   </footer>

엑스이타운도

xedition레이아웃으로 만들어져있어요 xedition레이아웃의 푸터는 여기 적혀있는 부분인데 여기에 적혀있는 클래스대로 css를 확인하시고 지정해 보시면 똑같이 해낼 수 있답니다 ^ ^

저보다 잘 아실 것 같지만 혹시나 해서 더 적어보자면 에를들어서        <div class="f_cr_area"> 라고 적혀있는 부분에 f_cr_area만을 layout.css 열어서 검색해보시면 여기에 적혀있는 속성대로 작업하는 푸터에 알맞게 지정하시면 되요^ ^

좋아요 0
청도아

2015.11.04 00:09

@큰성

xedition[김타조님 수정본] 쓰고있습니다.
위의 소스코드를 적용하고 CSS만 수정하면 footer 메뉴가 가로로 정렬이 될까요?

좋아요 0