왕초보가 질문드립니다...도와주세요!!!!
2018.09.28 10:54
안녕하세요!
저는 포토그래퍼 입니다.
가난한 편이라 맨땅에 돌스냅 홈페이지를 제작중에있는데
정말 아는게없어서 시행착오중입니다.
너무 답답해서 여기에 몇개의질문글을 올립니다. 제가아는한 자세하게 올려볼게요!
-도메인: http://seulgi-snap.com
현재 메뉴개설과 게시판의 설치까지 완료된상태입니다.
작업은 파일에 첨부된 equeer 레이아웃을 기반으로 만들었으며 태그수정은 잘모르기에
크롬에서 태그복사하여 layout.css 에 붙여넣는식으로 작업하였습니다.
layout.css(설정에서추가한 코드들)--------------------------------------------------------------------------------------------------
body > header{
background-color: #1e1e1e;
height: 250px;
}
body > footer{
background-color: #1e1e1e;
}
body{
background-color: #1e1e1e;
padding-top: 200px;
}
body > header > div.header.container-fluid > div.float-left > div > div > div > ul > li:nth-child(1) > a{
margin-right: 70px;
}
body > header > div.header.container-fluid > div.float-left > div > div > div > ul > li:nth-child(6) > a{
margin-left: 10px;
margin-right: 8px;
color: orange;
}
body > header > div.logo{
margin-left: 750px;
margin-top: 50px;
}
body > header > div.header.container-fluid > div.float-left > div > div > div > ul > li:nth-child(2) > a{
margin-left: -10px;
margin-right: 30px;
}
body > header > div.header.container-fluid > div.float-left > div > div > div > ul > li:nth-child(3) > a{
margin-right: 50px;
margin-left: 30px;
}
body > header > div.header.container-fluid > div.float-left > div > div > div > ul > li:nth-child(5) > a{
margin-left: 90px;
}
-------------------------------------------------------------------------------------------------------------------------------------
그리고 html/css 설정에 이미 추가되어있는 html 입니다.
layout.html-------------------------------------------------------------------------------------------------------------------------
<!--
⊂_ヽ
＼＼ Λ＿Λ
＼ ('ㅅ') 두둠칫
> ⌒ヽ
/ へ＼
/ / ＼＼
ﾚ ノ ヽ_つ
/ / 두둠칫
/ /|
( (ヽ
| |、＼
| 丿 ＼ ⌒)
| | ) /
(`ノ ) Lﾉ
-->
<load target="equeer.css" />
<load target="./equeer.js" type="body" />
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean" rel="stylesheet">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{@ $_is_mobile = Mobile::isMobileCheckByAgent(); }
{@ $_is_indexmodule = ($site_module_info->module_srl === $current_module_info->module_srl)}
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- Header -->
<div class="popover-usermenu-wrap">
<include target="usermenu.html" />
</div>
<header>
<div class="navdraw_bar" onclick="toggleMenu(); return false;">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
<!--logo-->
<div class="logo">
<a href="http://seulgi-snap.com" ><img src="img/seulgi-snap-logo.png"></a>
</div>
<!-- Search Drawer -->
<div class="search_drawer-wrap">
<include target="search.html" />
<div class="search_drawer-bg"></div>
</div>
<div class="header container-fluid">
<div class="float-left">
<div class="gnb-wrapper float-right">
<div class="gnb-wrap">
<div class="gnb">
<ul>
<li loop="$global_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul cond="$val1['list']" class="popover popover-list popover-animationLeft a-hover-primary">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="float-right">
<!-- Search -->
<!-- END:Search -->
<!-- Search - isMobile -->
<a href="#" class="search_draw-btn"><i class="fa fa-search" aria-hidden="true"></i></a>
<!-- END:Search - isMobile -->
<!-- Login -->
<!--@if($is_logged)-->
<div class="member max-width-767 usermenu-btn" onclick="toggleMenu(); return false;">
<a class="member_profile">
<!--@if($logged_info->profile_image->src)-->
<!--@else-->
<!--@end-->
</a>
</div>
<div class="member popover-link min-width-768">
<a class="member_profile" href="{getUrl('act', 'dispMemberInfo','member_srl','')}">
<!--@if($logged_info->profile_image->src)-->
<!--@else-->
<!--@end-->
</a>
<div class="popover-usermenu-wrap">
<div class="popover popover-usermenu popover-animationRight">
<ul class="popover-usermenu-userinfo a-hover-primary">
<li><a href="{getUrl('act', 'dispMemberInfo','member_srl','')}">{$logged_info->nick_name}</a></li>
<li><a href="{getUrl('act', 'dispMemberInfo','member_srl','')}">{$logged_info->email_address}</a></li>
</ul>
<!--@if($layout_info->user_point === 'Y')-->
<div class="popover-usermenu-userinfo a-hover-primary popover-userpoint">
<img class="zbxe_widget_output" widget="point_status" skin="default" colorset="layout" />
</div>
<!--@end-->
<ul class="popover-list a-hover-primary">
<li cond="$grant->manager"><a href="{getUrl('','module','admin','act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}" onclick="window.open(this.href);return false;"><i class="fa fa-pencil"></i>레이아웃 수정</a></li>
<li cond="$logged_info->is_admin == 'Y'"><a href="{getUrl('', 'module', 'admin')}" target="_blank" title="{$lang->cmd_management}"><i class="fa fa-lock" aria-hidden="true"></i>{$lang->cmd_management}</a></li>
<li><a href="{getUrl('act', 'dispMemberInfo','member_srl','')}"><i class="fa fa-user" aria-hidden="true"></i>마이페이지</a></li>
<li><a href="{getUrl('act', 'dispMemberScrappedDocument', 'page','')}"><i class="fa fa-bookmark" aria-hidden="true"></i>스크랩</a></li>
<li><a href="{getUrl('act', 'dispMemberOwnDocument', 'page','')}"><i class="fa fa-file-text" aria-hidden="true"></i>작성글</a></li>
<li><a href="{getUrl('act', 'dispMemberOwnComment', 'page','')}"><i class="fa fa-comment" aria-hidden="true"></i>작성댓글</a></li>
<li><a href="{getUrl('act', 'dispMemberLogout')}"><i class="fa fa-sign-out" aria-hidden="true"></i>{$lang->cmd_logout}</a></li>
</ul>
<a class="btn_secondary_round" href="{getUrl('act', 'dispMemberModifyInfo')}"><i class="fa fa-cog" aria-hidden="true"></i></a>
</div>
</div>
</div>
<!--@else-->
<!--@end-->
</div>
</div>
</header>
<!-- END:Header -->
<!-- LoginPopUp -->
<!--@if($is_logged)-->
<!--@else-->
<div class="login-wrapper">
<include target="login.html" />
</div>
<!--@end-->
<!-- Navigation Drawer -->
<div class="navigation_drawer-wrap">
<include target="navigation.html" />
<div class="navigation_drawer-bg"></div>
</div>
<!--Container-->
<div class="container-fluid">
<div class="body-wrap">
<!--@if($_is_indexmodule)-->
<include target="main_visual.html" />
<!--@end-->
<!--@if($_is_indexmodule)-->
<!--@if($layout_info->subnav_in_main === 'Y')-->
<div class="content-wrap">{$content}</div>
<div class="subnav-wrap"><include target="subnav.html" /></div>
<!--@else-->
<div class="content-wrapper">{$content}</div>
<!--@end-->
<!--@else-->
<div class="content-wrap">{$content}</div>
<div class="subnav-wrap"><include target="subnav.html" /></div>
<!--@end-->
</div>
</div>
<!-- Footer -->
<footer>
<div class="footer_menu container-fluid">
<img class="zbxe_widget_output" widget="content" skin="default" colorset="white" widget_cache="0m" content_type="document" module_srls="<!--@if($layout_info->footer_notice_srl)-->{$layout_info->footer_notice_srl}<!--@else-->240<!--@end-->" list_type="normal" tab_type="none" markup_type="list" list_count="1" page_count="1" option_view="title" show_browser_title="N" show_comment_count="N" show_trackback_count="N" show_category="N" show_icon="N" show_secret="N" duration_new="24" order_target="regdate" order_type="desc" thumbnail_type="crop" />
</div>
</div>
<div class="footer_bottom container-fluid">
<ul class="ft_menu">
<li loop="$ft_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
</li>
</ul>
<span>
<!--@if($layout_info->footer_copyright)-->
{$layout_info->footer_copyright}
<!--@else-->
슬기스냅 All rights reserved. ⓒDesigned by CalvinSnax.
<!--@end-->
</span>
</div>
</footer>
---------------------------------------------------------------------------------------------------------------------------------------------
여기서 질문....
1. 각 해당메뉴의 내용들의 위치가 전부 제각각 입니다. 모두 같은위치(중앙정렬)로 만드려면 어떻게 해야할까요?
2. 게시판의 가로사이즈를 각각 다르게하고싶은데 게시판설정 head에 태그를 넣어도 사이즈조절이안됩니다.
어떻게 해야할까요?
3. gnb 의 위치조절을 어떻게 해야할까요?
4. http://moon-style.co.kr/bbs/write.php?id=reservation 의 예약확인이나 촬영문의 같은 폼이 작성된 게시판이나
contact의 모듈은 어디서 구할수있을까요?
미리 답변주신분들 감사합니다.
