묻고답하기
메뉴 글씨크기 및 굵게하기?
2010.06.22 16:20
안녕하세요.
다름이 아니라 메뉴의 글씨를 이곳과 같이 굵고 글씨크기를 조금더 키우고 싶은데 방법을 모르겠습니다.
xe_official 레이아웃을 사용하고 있습니다.
답변 부탁드립니다.
감사합니다.
2010.06.22 16:20
안녕하세요.
다름이 아니라 메뉴의 글씨를 이곳과 같이 굵고 글씨크기를 조금더 키우고 싶은데 방법을 모르겠습니다.
xe_official 레이아웃을 사용하고 있습니다.
답변 부탁드립니다.
감사합니다.
css 메뉴부분입니다.
#gnb { position:absolute; top:82px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#e8e8e8; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}
여기에는 font 크그가 정의하지 않아 기본폰드크기로 나타납니다.
#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#e8e8e8; white-space:nowrap; text-decoration:none; }에
font-size:13px; 를 추가하면 됩니다.
그리고 여기홈페이지에는 메뉴를 그림을 넣었습니다. 자신의 홈페이지 맞는 그림을 준비하고 메뉴구성에서 일반, 마우스오버, 선택에 그림을 등록하면 여기 홈페이처럼 사용할수 있습니다.
앗 위에는 코어에 있는 기본스킨을 중심으로 설명했습니다.
여기에 있는 레이아웃은 xe_official_v2는 css아래부분인것 같습니다.
/* GNB */
.gnb{ position:absolute; left:0; bottom:0; margin:0; padding:0; list-style:none;}
.gnb li{ float:left; padding-right:40px;}
.gnb li a{ display:block; height:32px; text-decoration:none !important; color:#fff; font-family:tahoma; float:left;}
.gnb li a span{ display:inline-block; padding-top:10px; }
.gnb li.black a:hover ,
.gnb li.black.selected a { color:#aaa; }
.gnb li.blue a:hover ,
.gnb li.blue.selected a { color:#9884FF; }
.gnb li.sky a:hover ,
.gnb li.sky.selected a { color:#5999E5; }
.gnb li.cyan a:hover ,
.gnb li.cyan.selected a { color:#2ACFCD; }
.gnb li.purple a:hover ,
.gnb li.purple.selected a { color:#C835CA; }
.gnb li.orange a:hover ,
.gnb li.orange.selected a { color:#F0B848; }
여기에서 수정하면 됩니다.