묻고답하기

최근게시물 가운데정렬.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 남기남
dnjswn**** Xpress engine사용 관련. file  
살려줘용 검색 관련 질문있습니다. [2] 2017.02.10 by 살려줘용
haupt [질문] XE 로그인 과정/자동 로그인 방법 이 궁급합니다. [2] 2017.02.10 by haupt
난다여~ 1.8.20 이상 url:포트 설정시 포트 빠지는 문제 [2] 2017.02.10 by 난다여~
살려줘용 확장변수 입력못하게 막기 질문 [5] 2017.02.10 by 살려줘용
파도. 스케치북 최근게시물 상단 탭 오른쪽 여백 없애기 file  
f**** 회원가입 후 가입환영메일 발송  
정예 메인의 레이아웃을 조금 수정한 뒤로 모바일에서 문제가 생겼습니다 [1] 2017.02.10 by 정예
ds376 에디터 컴포넌트 리스트 이미지갤러리를 가로로 나오게하기 file  
redclip Simplestrap 메뉴 수정 문제  
진독 관리자페이지 문제 도움주실분을 찾습니다 [1] 2017.02.10 by sejin7940
redclip 지도 에디터 컴포넌트 마크 문제  
킼킼킼 헤더 상단의 배너부분 [2] file 2017.02.09 by 킼킼킼
lark007 황당한 frameset 질문입니다^^;; [1] 2017.02.09 by XE카오스
공대생 에디터 본문기능만 삭제하려고 합니다. [1] 2017.02.09 by YJSoft
JackPARK Xenon 모바일 화면상에 게시판(Board)의 내용 Update 및 수정 메뉴 추가건 file  
jaba 기본 url 설정만 하면 xe를 재설치 하라고 합니다. [1] 2017.02.09 by 펭구
robert 게시판 관리만 있지 수정은 없나요? [3] file 2017.02.09 by 난다여~
fai**** 초보입니다. 질문드립니다. [6] file 2017.02.08 by fai****
팀파워o권대훈 홈페이지 초기화하려고 합니다 [1] 2017.02.08 by 제이와이엔소프트
hshshsss 다국어 게시판 제작 시 문의입니다ㅠㅠ [1] 2017.02.08 by sejin7940
xe초보 로그인 폼을 감추고 싶습니다. [5] 2017.02.08 by xe초보
공대생 엑셀출력 질문있습니다~ [2] file 2017.02.08 by 공대생
가을하늘드림 FAQ 자바 스크립트 위젯에서 적용이 안되네요(XEDITION 김타조 버전)  
열심히살자 네이버 웹마스터 도구 태그 질문드립니다. 선배님들...!! [2] 2017.02.08 by 펭구
초보중초보 관리자로그인이 안됩니다.도와주세요. [2] 2017.02.08 by 초보중초보
vinecgp 회원정보페이지 권한 질문드립니다. [1] 2017.02.07 by vinecgp
열심히살자 모바일 XE 게시판 기본스킨 목록 나오게하기, 구글 광고 file  
사회적기업가 회원가입 버튼을 넣고 싶어요 file  
호야등 갤러리 외부게시판 연동방법 문의 드립니다 [1] 2017.02.07 by sejin7940