안녕하세요.
홈페이지의 footer메뉴를 XE타운의 Footer메뉴처럼 꾸미고 싶습니다.
레이아웃 상세설정의 메뉴부분 설정하는거 같은데, 그렇게 설정하면 세로로 길게 나오더군요.
몇시간째 이것저것 해보고있는데 저렇게 가로로는 어떻게 하는지 질문드립니다.
-
-
?
<footer class="footer" style="border-bottom-color:#CDA25A">
<div class="f_info_area">
<div class="f_info">
<!--@if(!$_sample_footer)-->
<p class="f_logo<!--@if(!$layout_info->footer_logo_img)--> log_txt<!--@end-->">
<a href="<!--@if($layout_info->footer_logo_url)-->{$layout_info->footer_logo_url}<!--@else-->#<!--@end-->">
<!--@if($layout_info->footer_logo_img)-->
<img src="{$layout_info->footer_logo_img}" alt="{$layout_info->footer_logo_text}" />
<!--@else-->
{$layout_info->footer_logo_text}
<!--@end-->
</a>
</p>
<p class="sub_desc">{$layout_info->footer_text}</p>
<!--@else-->
<include target="./demo/footer.html" />
<!--@end-->
</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;">
<!--@if(!$_sample_footer)-->
{$layout_info->footer_copyright}
<!--@else-->
<include target="./demo/copyright.html" />
<!--@end-->
</span>
<span class="FNB2" style="float:right" cond="$FNB2->list">
<!--@foreach($FNB2->list as $key => $val)-->
<a href="{$val['href']}" target="_blank"|cond="$val['open_window'] == 'Y'">{$val['link']}</a>
<!--@end-->
</span>
</p>
</div>
</footer>
</div>
현재 이렇게 적용되있습니다. -
?
<footer class="footer" style="border-bottom-color:#CDA25A">
<div class="f_info_area">
<div class="f_info">
<!--@if(!$_sample_footer)-->
<p class="f_logo<!--@if(!$layout_info->footer_logo_img)--> log_txt<!--@end-->">
<a href="<!--@if($layout_info->footer_logo_url)-->{$layout_info->footer_logo_url}<!--@else-->#<!--@end-->">
<!--@if($layout_info->footer_logo_img)-->
<img src="{$layout_info->footer_logo_img}" alt="{$layout_info->footer_logo_text}" />
<!--@else-->
{$layout_info->footer_logo_text}
<!--@end-->
</a>
</p>
<p class="sub_desc">{$layout_info->footer_text}</p>
<!--@else-->
<include target="./demo/footer.html" />
<!--@end-->
</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">
<!--@if(!$_sample_footer)-->
{$layout_info->footer_copyright}
<!--@else-->
<include target="./demo/copyright.html" />
<!--@end-->
</p>
<ul class="mobile-footer-member">
<!--@if(!$is_logged)-->
<li><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
<li><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
<!--@else-->
<li><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>
<li><a href="{getUrl('act','dispMemberInfo')}">{$lang->cmd_view_member_info}</a></li>
<!--@end-->
</ul>
</div>
</footer>엑스이타운도
xedition레이아웃으로 만들어져있어요 xedition레이아웃의 푸터는 여기 적혀있는 부분인데 여기에 적혀있는 클래스대로 css를 확인하시고 지정해 보시면 똑같이 해낼 수 있답니다 ^ ^
저보다 잘 아실 것 같지만 혹시나 해서 더 적어보자면 에를들어서 <div class="f_cr_area"> 라고 적혀있는 부분에 f_cr_area만을 layout.css 열어서 검색해보시면 여기에 적혀있는 속성대로 작업하는 푸터에 알맞게 지정하시면 되요^ ^
f12 눌러보시고 그 부분 찍어보세요.