묻고답하기
메뉴 텍스트 크기 조절
2012.08.21 13:45
안녕하세요
저는 익스프레스 엔진을 사용하여 레이아웃을 다운로드 받아 설치하여 홈페이지 제작을 하고 있는데
메인메뉴 텍스트 크기를 조절하고 싶은데 어디에서 하면 되나요
헤더스크립트 안에 <'style type="text/css"> body { *font-size:14px; } </style>소스를 붙혀넣기 해봤는데도
적용이 되지않아 고생하고 있습니다.
선배님들의 조언과 지도부탁드립니다.
<!--%import("js/hankooktown.js")-->
<!--#include("css/default.html")-->
<!--%import("css/layout.css")-->
<layout_colorset">!--@if($layout_info->layout_colorset == "change")-->
<!--%import("js/hk.js")-->
<!--%import("js/change.js")-->
<link id="cssChange" href="layouts/{$layout_info->layout}/css/1.css" rel="stylesheet" type="text/css">
<layout_colorset">!--@elseif($layout_info->layout_colorset == "blue")-->
<!--%import("css/1.css")-->
<layout_colorset">!--@elseif($layout_info->layout_colorset == "green")-->
<!--%import("css/2.css")-->
<layout_colorset">!--@elseif($layout_info->layout_colorset == "orange")-->
<!--%import("css/3.css")-->
<layout_colorset">!--@elseif($layout_info->layout_colorset == "teal")-->
<!--%import("css/4.css")-->
<layout_colorset">!--@elseif($layout_info->layout_colorset == "red")-->
<!--%import("css/5.css")-->
<layout_colorset">!--@elseif($layout_info->layout_colorset == "pink")-->
<!--%import("css/6.css")-->
<layout_colorset">!--@elseif($layout_info->layout_colorset == "purple")-->
<!--%import("css/7.css")-->
<layout_colorset">!--@elseif($layout_info->layout_colorset == "olive")-->
<!--%import("css/8.css")-->
<layout_colorset">!--@elseif($layout_info->layout_colorset == "maroon")-->
<!--%import("css/9.css")-->
<layout_colorset">!--@elseif($layout_info->layout_colorset == "gray")-->
<!--%import("css/10.css")-->
<!--@end-->
<colorset">!--@if($layout_info->colorset == "c")-->
<!--%import("css/c.css")-->
<colorset">!--@elseif($layout_info->colorset == "ec")-->
<!--%import("css/ec.css")-->
<colorset">!--@elseif($layout_info->colorset == "ece")-->
<!--%import("css/ece.css")-->
<colorset">!--@elseif($layout_info->colorset == "official")-->
<!--%import("css/official.css")-->
<!--@else-->
<!--%import("css/ce.css")-->
<!--@end-->
<!--%import("lang")-->
<layout_colorset">!--@if($layout_info->layout_colorset == "change")-->
<script type="text/javascript">
var cssList = new Array("layouts/{$layout_info->layout}/css/1.css","layouts/{$layout_info->layout}/css/2.css","layouts/{$layout_info->layout}/css/3.css","layouts/{$layout_info->layout}/css/4.css","layouts/{$layout_info->layout}/css/5.css","layouts/{$layout_info->layout}/css/6.css","layouts/{$layout_info->layout}/css/7.css","layouts/{$layout_info->layout}/css/8.css","layouts/{$layout_info->layout}/css/9.css","layouts/{$layout_info->layout}/css/10.css")
</script>
<!--@end-->
<div id="hk_top">
<div id="top_box">
<layout_colorset">!--@if($layout_info->layout_colorset == "change")-->
<div id="skin"><div id="SkinList">
<ul>
<li id="def">
<div><img src="./images/dot.gif" alt="{$lang->hk_blue}"></div>
</li>
<li id="s1">
<div><img src="./images/dot.gif" alt="{$lang->hk_green}"></div>
</li>
<li id="s2">
<div><img src="./images/dot.gif" alt="{$lang->hk_orange}"></div>
</li>
<li id="s3">
<div><img src="./images/dot.gif" alt="{$lang->hk_teal}"></div>
</li>
<li id="s4">
<div><img src="./images/dot.gif" alt="{$lang->hk_red}"></div>
</li>
<li id="s5">
<div><img src="./images/dot.gif" alt="{$lang->hk_pink}"></div>
</li>
<li id="s6">
<div><img src="./images/dot.gif" alt="{$lang->hk_purple}"></div>
</li>
<li id="s7">
<div><img src="./images/dot.gif" alt="{$lang->hk_olive}"></div>
</li>
<li id="s8">
<div><img src="./images/dot.gif" alt="{$lang->hk_maroon}"></div>
</li>
<li id="s9">
<div><img src="./images/dot.gif" alt="{$lang->hk_gray}"></div>
</li>
</ul>
</div>
<div id="sar">
<div><img src="./images/dot.gif" alt="{$lang->hk_open}"></div>
</div><div class="cl"></div></div>
<script type="text/javascript">
formatSkin();setdefSkin();
</script><!--@end-->
<ul class="account">
<!--@if($logged_info)-->
<li class="first-child"><strong>{$logged_info->nick_name}</strong>{$lang->hk_login_message}</li>
<is_admin=="Y'>!--@if($logged_info->is_admin=="Y")-->
<li><a href="{getUrl('','module','admin')}" onclick="window.open(this.href);return false;" title="{$lang->cmd_management}">[{$lang->cmd_management}]</a></li>
<!--@end-->
<li><a href="{getUrl('act','dispMemberLogout')}"><img src="./images/default/btn_logout.gif" alt="{$lang->cmd_logout}" title="{$lang->cmd_logout}" class="bul" /></a></li>
<li class="profile"><a href="#layer" onclick="jQuery('#memberProfile').toggleClass('active');">{$lang->cmd_view_member_info}</a> <img src="./images/default/btn_gnb_menu.gif" alt="" class="bul" /> </li>
<!--@else-->
<li class="first-child"><a href="#loginWindow" onclick="jQuery('#loginWindow').css('display','block');" accesskey="L"><img src="./images/default/btn_login.gif" alt="{$lang->cmd_login}" title="{$lang->cmd_login}" class="bul" /></a></li>
<!--@end-->
<!--@if(!$logged_info)-->
<li><a href="{getUrl('act','dispMemberSignUpForm')}" title="{$lang->cmd_signup}">{$lang->cmd_signup}</a></li>
<!--@end-->
<list">!--@foreach($top_menu->list as $key => $val)-->
<li><a href="{$val['href']}" <onclick="window.open(this.href);return">!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--> title="{$val['link']}">{$val['link']}</a></li>
<!--@endforeach-->
</ul>
<!--@if($is_logged)-->
<!-- memberProfile -->
<div id="memberProfile" class="memberProfile">
<button type="button" class="close" onclick="jQuery('#memberProfile').toggleClass('active');" accesskey="X"><span>Close profile layer</span></button>
<h2 class="authorName">{$logged_info->nick_name}</h2>
<ul>
<menu_list">!--@foreach($logged_info->menu_list as $key => $val)-->
<li><a href="{getUrl('act',$key,'member_srl','')}">{Context::getLang($val)}</a></li>
<!--@end-->
{@ $oPointModel = &getModel('point'); $point = $oPointModel->getPoint($logged_info->member_srl); $oModuleModel = &getModel('module'); $config = $oModuleModel->getModuleConfig('point'); $level = $oPointModel->getLevel($point, $config->level_step); }
<li>{$lang->hk_level}: <font style="color: rgb(243, 5, 50);">{$level}</font></li>
<li>{$lang->hk_point}: <font style="color: rgb(243, 5, 50);">{$point}</font></li>
</ul>
<button type="button" class="close" onclick="jQuery('#memberProfile').toggleClass('active');" accesskey="X"><span>Close profile layer</span></button>
</div>
<!-- /memberProfile -->
<!--@end-->
</div>
</div>
<div id="bodyWrap_{$layout_info->colorset}">
<div class="hk_header">
<h1><a href="{$layout_info->index_url}">
<logo_image">!--@if($layout_info->logo_image)-->
<img src="{$layout_info->logo_image}" alt="{$layout_info->site_name}" border="0" class="iePngFix" />
<!--@else-->
<img src="./images/logo.gif" alt="{$layout_info->site_name}" title="{$layout_info->site_name}" class="iePngFix" />
<!--@end-->
</a></h1>
<colorset">!--@if($layout_info->colorset && ($layout_info->colorset == "ce" || $layout_info->colorset == "official"))-->
<head_ad_1">!--@if($layout_info->head_ad_1)-->
<ul class="head_ad_1 mp0">
<li class="first-child"><strong>{$lang->hk_today}</strong> ({$today = date("20y.m.d")})</li>
<li>{$layout_info->head_ad_1}</li>
</ul>
<!--@end-->
<!--@end-->
<colorset">!--@if($layout_info->colorset && ($layout_info->colorset == "ce" || $layout_info->colorset == "official"))-->
<form action="{getUrl()}" method="post" class="isSearch hkSearch">
<!--@if($vid)-->
<input type="hidden" name="vid" value="{$vid}" />
<!--@end-->
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="hidden" name="search_target" value="title_content" />
<input name="is_keyword" value="{$is_keyword}" type="text" class="inputText" title="{$lang->hk_keyword}" />
<input type="image" src="./images/default/buttonSearch/main/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit mainButton" />
</form>
<!--@end-->
<colorset">!--@if($layout_info->colorset && ($layout_info->colorset == "ce" || $layout_info->colorset == "official"))-->
<head_ad_2">!--@if($layout_info->head_ad_2)-->
<div class="head_ad_2"> {$layout_info->head_ad_2} </div>
<!--@end-->
<!--@end-->
<head_ad_3">!--@if($layout_info->head_ad_3)-->
<div class="head_ad_3"> {$layout_info->head_ad_3} </div>
<!--@end-->
</div>
<div id="main_menu">
<div id="bgMenu_L">
<div id="bgMenu_R">
<!-- 메인 메뉴 -->
<mainMenu">!--@if($layout_info->mainMenu == "menu_default")-->
<!--#include("menu_default.html")-->
<mainMenu">!--@elseif($layout_info->mainMenu == "menu_roll")-->
<!--#include("menu_roll.html")-->
<!--@end-->
<gnbmore">!--@if($layout_info->gnbmore == "y")-->
<div style="left: 0px; top:36px;" id="gnbLayer">
<div id="sitemap">
<div class="extension">
<list">!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['link'])-->
<div class="section">
<h2><a href="{$val['href']}"<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;"<>{$val['text']}!--@end-->>{$val['text']}</a></h2>
<!--@if($val['list'])-->
<ul>
<!--@foreach($val['list'] as $k => $v)-->
<!--@if($val['link'])-->
<li><a href="{$v['href']}"<!--@if($v['open_window']=='Y')--> onclick="window.open(this.href);return false;"<>{$v['text']}!--@end-->>{$v['text']}</a></li>
<!--@end-->
<!--@end-->
</ul>
<!--@end-->
</div>
<!--@end-->
<!--@end-->
</div>
</div>
</div>
<!--@end-->
</div>
</div>
</div>
<div id="contentBody">
<colorset">!--@if($layout_info->colorset == "c")-->
<div id="columnRight"> {$content} </div>
<!--@else-->
<div id="columnLeft">
<colorset">!--@if($layout_info->colorset == "ece")-->
<colorset">!--@elseif($layout_info->colorset == "official")-->
<img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="hk" colorset="main" />
<!--@else-->
<img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="hk" colorset="default" />
<!--@end-->
<colorset">!--@if($layout_info->colorset && ($layout_info->colorset == "ce" || $layout_info->colorset == "official"))-->
<!--@else-->
<!--@if($menu_1st)-->
<div class="lnbWrap">
<div class="subtitle">
<h1>{$menu_1st['text']}</h1>
</div>
<ol class="lnb">
{@ $idx = 1 }
<!--@foreach($menu_1st['list'] as $key => $val)-->
<!--@if($val['link'])-->
<li <class="on">!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <onclick="window.open(this.href);return">!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$val['link']}!--@end-->>{$val['link']}</a>
<!-- main_menu 3차 시작 -->
<!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )-->
<ul>
<!--@foreach($val['list'] as $k => $v)-->
<!--@if($v['link'])-->
<li <class="on">!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <onclick="window.open(this.href);return">!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$v['link']}!--@end-->>{$v['link']}</a>
</li>
<!--@endif-->
<!--@endforeach-->
</ul>
<!--@endif-->
</li>
{@$idx++}
<!--@endif-->
<!--@endforeach-->
</ol>
</div>
<!--@endif-->
<!--@end-->
<plus">!--@if($layout_info->plus)-->
<div style="overflow: hidden;">
<div style="padding: 0px ! important;"> {$layout_info->plus} </div>
</div>
<!--@end-->
</div>
<colorset">!--@if($layout_info->colorset == "ece")-->
<div id="contentRight"> {$layout_info->contentRight} </div>
<!--@else-->
<!--@end-->
<div id="columnRight">
<colorset">!--@if($layout_info->colorset && ($layout_info->colorset == "ce" || $layout_info->colorset == "official"))-->
<!--@else-->
{$layout_info->content_top}
<!--@end-->
{$content} </div>
<!--@end-->
</div>
<site_link">!--@if($layout_info->site_link)-->
<div id="hklink">
<div id="inhklink">
<div id="hklink1">
<list">!--@foreach($site_link->list as $key => $val)-->
<!--@if($val['link'])-->
<a href="{$val['href']}" <onclick="window.open(this.href);return">!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$val['link']}!--@end-->>{$val['link']}</a>
<!--@endif-->
<!--@endforeach-->
</div>
<div id="hklink2"></div>
</div>
</div>
<script>
<!--
var speed=40;
var tab=document.getElementById("hklink");
var tab1=document.getElementById("hklink1");
var tab2=document.getElementById("hklink2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
<!--@end-->
<div id="footer">
<h1><a href="{$layout_info->index_url}">
<footer_logo">!--@if($layout_info->footer_logo)-->
<img src="{$layout_info->footer_logo}" alt="{$layout_info->site_name}" border="0" class="iePngFix" />
<!--@else-->
<img src="./images/footer_logo.gif" alt="{$layout_info->site_name}" title="{$layout_info->site_name}" class="iePngFix" />
<!--@end-->
</a></h1>
<ul class="foot_menu">
<list">!--@foreach($bottom_menu->list as $key => $val)-->
<li><a href="{$val['href']}" <onclick="window.open(this.href);return">!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--> title="{$val['link']}">{$val['link']}</a></li>
<!--@endforeach-->
</ul>
<footer_copyright">!--@if($layout_info->footer_copyright)-->
<p class="copyright">{$layout_info->footer_copyright}<a href="<rss_url)-->{$layout_info->rss_url}/rss
댓글 2
-
Sulli
2012.08.21 14:13
사용하는 레이아웃을 적어주시면.... -
KANTSOFT
2012.08.21 14:54
layout.html에 로드되는 css파일을 유심히 살펴보시기 바랍니다.
메뉴를 구성하는 부분이 만약
<ul class="gnb"> 라면
css파일에 .gnb 를 찾아.. li 부분에 크기를 조절하시면 될듯하네요
-
윤보섭
2012.08.21 15:13
제가 초보인 관계로 layout.html 내용을 올려볼게요. -
윤보섭
2012.08.24 13:48
감사합니다. ^^* -
윤보섭
2012.08.21 15:01
hankooktown입니다. 지도 부탁드립니다. 시간을 하루 낭비했습니다.^^* -
내사랑은서
2012.08.22 02:44
<!--%import("css/layout.css")-->
위 내용보시면 css폴더안에 layout.css파일이 있습니다.
이 파일을 수정하셔야 합니다.
윗분 답변처럼
.gnb 를 찾아서 li 부분에 크기를 조절하시면 될꺼 같습니다.
-
윤보섭
2012.08.24 13:48
감사합니다.^^*