묻고답하기
스케치북 최근게시물 상단 탭 오른쪽 여백 없애기
2017.02.10 09:50
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}
어디를 수정해야 할까요?
답변 꼭 부탁드립니다 감사합니다
- [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 *3
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2020/01/31] 묻고답하기 2단메뉴 *2
- [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. *3
- [2019/09/15] 묻고답하기 XEDITION LNB 관련하여 몇가지 질문드립니다. *2
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
랑이 | [Jquery] 탭메뉴 페이지 새로고침시 현재탭 유지 어떻게 하나요? | |
메사이어 | 게시판 분류 탭에 갯수 표기가 안되네요... [4] | 2016.08.05 by sejin7940 |
비누스카 |
브라우저 탭에서 한글이 깨지는 현상 (박카스 드림 :-)
[1]
![]() | 2016.08.23 by YJSoft |
xe사용자권한 | xe 메뉴편집탭이 사라지는경우는 어떤경우인가요 ㅠ [1] | 2016.08.24 by SimpleCode |
내똥굴따 |
레이아웃 메인 로그인/관리 탭이 없습니다.
[1]
![]() | 2016.08.29 by Str@wberry_dev |
생컨38889 | 클라우드플레어 사용시 관리자 탭에서 순방문자 줄어보이는거요... | |
파도. |
스케치북 최근게시물 상단 탭 가운데 정렬 어떻게 하나요?
[1]
![]() | 2016.09.01 by 감사하는마음이죠 |
youeun | 회원가입 탭을 생성했습니다 제가 만들 db를 설정하고자 합니다. [2] | 2016.09.06 by youeun |
youeun | 기존 db에 테이블 xe_mermber 화면탭에 나오는 설정방법 | |
성호군 | 최신글을 불러올때 게시판 통채가 아니라 게시판의 탭주제만 불러올 수 있을까요? | |
이와이 | 게시판 분류탭 관련 [6] | 2016.11.04 by 이와이 |
플레이닷컴 |
게시판 탭 형태
![]() | |
빰쓰 |
갤러리위젯 탭위치
[2]
![]() | 2016.11.10 by 빰쓰 |
달빛영혼 | 상단 탭 내용이 계속 안바뀌네요... ㅠㅠ;; [2] | 2016.11.16 by 달빛영혼 |
스타111 |
탭형 최근게시물
![]() | |
크앙 | 회원정보 보기 탭 관련 질문! | |
h2y_07 |
홈페이지 탭 바꾸기
[1]
![]() | 2017.02.02 by 제이와이엔소프트 |
fai**** |
외부문서에 jquery 탭메뉴가 안되요
![]() | |
파도. |
스케치북 최근게시물 상단 탭 오른쪽 여백 없애기
![]() | |
꼼꼼이 | 고급 탭 도메인 변경 실수 문의 [1] | 2017.02.13 by 펭구 |