묻고답하기

최근게시물 가운데정렬.jpg

1. content 위젯 (최근게시물)

2. sketchbook5_style 스킨

3. xe 버전: 1.8.27

 

4. 상단탭이 좌측으로 쏠려있음

5. 오른쪽에는 불필요한 여백이 너무 많음

6. 탭 네개를 노출시키는데 너무 많은 가로길이가 필요함

 

7. 불필요한 여백을 없애고 탭 가운데 정렬을 하고자 함

 

아래는 스케치북 css 소스입니다

탭 부분만 가져왔습니다

 

/* tab */
.sk5_content .bd_cnb{/*margin:0 1px 1px;padding:0 0 0 58px;*/border:1px solid #DDD;border-radius:5px;background:#FFF;-webkit-box-shadow:0 1px 1px #AAA;box-shadow:0 1px 1px #AAA}
.sk5_content .bd_cnb .bubble{overflow:hidden;height:33px;padding:3px 90px 3px 11px;border-left:1px solid #CCC;border-radius:4px;-webkit-box-shadow:-1px 0 2px #DDD;box-shadow:-1px 0 2px #DDD;background::#F9F9F9;background:-moz-linear-gradient(top,#FFF,#F9F9F9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F9F9F9));background:linear-gradient(to bottom,#FFF 0%,#F9F9F9 100%)}
.sk5_content .bd_cnb{position:relative}
.sk5_content .bd_cnb ul{list-style:none;margin:0;padding:0}
.sk5_content .bd_cnb li{/*float:left;*/display:inline-block;position:relative;*zoom:1}
.sk5_content .bd_cnb a{display:block;text-decoration:none !important;white-space:nowrap;*zoom:1}
.sk5_content .bd_cnb a{position:relative;height:23px;margin:1px;padding:3px 10px;font-weight:bold;color:#777;border:1px dashed transparent;line-height:23px}
.sk5_content .bd_cnb li.active>a/*,.bd_cnb li:hover>a,.bd_cnb li:focus>a*/{border:1px dashed #888;border-radius:100% 70%;background:#FFF;color:#333;text-shadow:0 1px 0 rgba(0,0,0,.1)}
/*.sk5_content .bd_cnb a:active,*/.sk5_content .bd_cnb li.active>a{border:1px solid;border-color:#BBB #888 #777 #AAA;-webkit-box-shadow:inset -1px -1px 2px #FFF,inset 1px 1px 3px rgba(0,0,0,.1),1px 1px 3px rgba(0,0,0,.1);box-shadow:inset -1px -1px 2px #FFF,inset 1px 1px 3px rgba(0,0,0,.1),1px 1px 3px rgba(0,0,0,.1)}
.sk5_content .bd_cnb li.active>a{margin:1px 0;padding:3px 11px}
.sk5_content .bd_cnb li.active>a:before{content:"";display:block;position:absolute;top:-2px;left:-2px;width:100%;height:100%;padding:1px;border:1px solid;border-color:#CCC #BBB #AAA;border-radius:80% 100%}

.sk5_content dl.wd dt,dl.wd dd{display:none;margin:0}
.sk5_content dl.wd dd.open{display:block}

 

어디를 수정해야 할까요?

답변 꼭 부탁드립니다 감사합니다

태그 연관 글
  1. [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 by clara *3
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2020/01/31] 묻고답하기 2단메뉴 by ppumweb *2
  4. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
  5. [2019/09/15] 묻고답하기 XEDITION LNB 관련하여 몇가지 질문드립니다. by supi**** *2
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
하얀꽃 게시물 이전에 대해 질문드립니다  
쿠쿠리~* 웹진형 최근게시물에서 본문의 br태그 적용을 어떻게 하는지요.. [1] file 2007.10.07
t_inside 확장변수 내용정렬 및 내용별 게시물추출방법 file  
서종훈 도무지 모르겠습니다...ㅜ.ㅜ 최근 게시물을 달려면,,, [4] 2007.12.06 by 이경훈297
산들바람88 최근 게시물 아이콘 여백 (데체 어디를 수정을 해야할지 모르겠음.) [4] 2007.12.14 by 산들바람88
아시안느 웹진형태의 최근문서 출력 썸네일 생성이 않되네요 [3] 2008.05.18 by 아시안느
보드 1.0.5버젼을 3번째 덮어쓰고 질문합니다. [1]  
花切り鳥 (해결됨)게시물 체크박스로 다중 선택 후 게시글 관리를 눌러도 게시물이 선택안됨 [3] 2008.10.23 by 花切り鳥
고잉홈 1.1.0 업뎃후 메인페이지의 최근게시물 수정이 안되네요 [4] 2008.11.25 by 고잉홈
Jiyoung540 저도 전문가의 도움을 요청합니다! 꼭 부탁드려요!! [2] 2008.12.15 by 윤지영
Jiyoung540 새글 아이콘,총게시물 관련 자바스크립트와 PHP 고수님의 도움이 절실합니다! [3] file 2008.12.18 by Jiyoung540
ilemonkr 특정 게시물은 목록에서 안보이게(특정게시물) [1] 2009.04.17 by ㅁㄴㅇㅁㄴㅇ
Jiyoung540 문제점 발견-게시판 글 수정이 안되고 계속 기존 글로 등록됨  
ejchoi 메인화면에 최근게시글 불러오는 법 [4] file 2009.05.28 by ejchoi
김경훈229 게시물 제목 색깔 관련.. [2] 2009.07.06 by 김경훈229
Blancat 최근 게시물에서 오늘 올라온 게시물만 뽑아내는 방법이 있을까요? [1] 2009.08.04 by 백성찬
Jiyoung540 지금 커뮤니티 게시판에 쓰인 최근 게시글 위젯은 어떻게... [2] file 2009.08.05 by 웰빙샵 지영
euny 최근게시물에 출력된 내용을 클릭하면 [1] file 2010.08.13 by LutZ
다레사마 게시물 데이타(db) 이전 관련 질문드립니다 [1] 2010.08.19 by LutZ
크으은바다 이 게시물을... 이란 버튼이요... [5] file 2010.09.22 by ForHanbi