묻고답하기
제가 만든 레이아웃에, 기존 레이아웃(심플 스타일S)의 로그인 부분만 적용하고 싶습니다.
2014.11.15 02:35
우선 저는 심플스타일 S를 기반으로 레이아웃을 제작하였는데요,
conf나 css같은 것들은 그냥 모조리 심플스타일S에서 가져오고 layout.html 파일만 수정했습니다.
그런데 제가 html에 익숙하지 않아서 그냥 테이블 삽입 방식으로 해서 홈페이지를 디자인 했는데요,
이 홈페이지에 심플스타일S의 로그인 부분만 적용하고 싶습니다.
현재 적용된 레이아웃은 대충 이런 구조입니다.
여기에 아래 심플스타일S 레이아웃 로그인 창을 적용시켜서
이런 구조로 만들고 싶은데 ㅠㅠㅠ 어떻게 해야 할까요?
조언 기다리고 있겠습니다 ㅠㅠ
댓글 6
-
비상9
2014.11.15 02:52
-
헤헤뀨뀨
2014.11.15 03:05
말씀해주신대로 적용하니까 로그인이 생성되었습니다!
그런데 아래와 같은 형태로 생성되었고, 로그인을 눌러도 로그인 창이 뜨지 않습니다 ㅠㅠ.
저 심플_스타일 레이아웃을 찾아서 거기에 있는 css를 적용하면 해결 가능할까요?
-
XESTUDIO
2014.11.15 05:26
css, js 를 링크해보세요.
-
헤헤뀨뀨
2014.11.15 05:57
이것이 CSS파일이구요 ㅠㅠ -
헤헤뀨뀨
2014.11.15 05:58
이것이 JS에 들어있던 파일입니다 ㅠㅠ. 감사합니다!
-
XESTUDIO
2014.11.15 10:05
css와 js 파일을 layout.html 에 링크하는 것을 말한 것이었는데.. ㅎㅎ;
<div id="header_wrp">
<div class="header clear">
<ul id="top_mn">
<!--// 로그인 -->
<li cond="!$is_logged" class="item">
<a href="#site_login" class="tg_btn">{$lang->cmd_login}</a>
<div id="site_login" class="tg_cnt">
<include target="login.html" />
</div>
</li>
<li class="item">
<a cond="$is_logged" href="{getUrl('act','dispMemberLogout')}" class="login_btn"><strong>{$lang->cmd_logout}</strong></a>
<a cond="!$is_logged" href="{getUrl('act','dispMemberSignUpForm')}" class="login_btn">{$lang->signup}</a>
</li>
<!--// 프로필 -->
<li cond="$is_logged" class="item">
<a href="#profile" class="tg_btn">{$lang->profile}</a>
<div id="profile" class="tg_cnt"><button type="button" class="tg_blur"></button><button type="button" class="tg_close" title="Close this layer">X</button>
<h2>{$logged_info->nick_name}</h2>
<ul>
<li loop="$logged_info->menu_list=>$key, $val"><a href="{getUrl('act',$key,'member_srl','')}">{Context::getLang($val)}</a></li>
<span cond="$grant->manager"><a href="{getUrl('','module','admin')}" target="_blank">Admin</a></span>
</ul><button type="button" class="tg_blur"></button>
</div>
</li>
<!--// 언어 -->
<li class="item">
<a href="#lang" class="tg_btn">{$lang_supported[$lang_type]}</a>
<div id="lang" class="tg_cnt"><button type="button" class="tg_blur"></button>
<ul>
<li loop="$lang_supported=>$key,$val" cond="$key!= $lang_type"><a href="#" onclick="doChangeLangType('{$key}');return false">{$val}</a></li>
</ul><button type="button" class="tg_blur"></button>
</div>
</li>
</ul>
<div id="logo">
<a href="<!--@if($layout_info->index_url)-->{$layout_info->index_url}<!--@else-->{getUrl('')}<!--@end-->"><img cond="$layout_info->logo_image" src="{$layout_info->logo_image}" alt="{$layout_info->logo_title}" /><block cond="!$layout_info->logo_image">{$layout_info->logo_title}</block></a>
<p id="sub_logo">{$layout_info->logo_title_sub}</p>
</div>
</div>
</div>
이렇게 넣으시면 됩니다.
css 이나 기타등등은 전부 본인의 것으로 바꾸시고요.^^
참고로 이 레이아웃은 심플_스타일_레이아웃이였나 할겁니다,^^