Loading the content...

팁 & 테크

  • Home
  • 스터디
  • 팁 & 테크

카테고리 많이 만들때 각잡아서 이쁘게 (새도우님 소스도움이큽니다.)

1,730 2015.05.11 21:34

짧은주소

본문

요렇게 보입니다.

새도우님 자료에서 css 내용 수정입니다.

새도우님 자료를 먼저 참고하세요. http://eyoom.net/bbs/board.php?bo_table=tip&wr_id=396

감사합니다. 새도우님

eyoom/theme/basic/css/custom.css

수정후


/*Tabs Cart*/
.tab-Cart .nav-tabs {
    border: none;
    background: none;
}
 
.tab-Cart .nav-tabs a {
    font-size: 13px;
    padding: 5px 5px;
}
 
.tab-Cart .nav-tabs > .active > a,
.tab-Cart .nav-tabs > .active > a:hover,
.tab-Cart .nav-tabs > .active > a:focus {
    color: #fff;
    border: none;
    background: #e33334;
  
 
}
 
.tab-Cart .nav-tabs > li {
    float: none;
    display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;
    display:inline-block;margin:0 8px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none
 width: 7.5%;
}
 
.tab-Cart .nav-tabs > li > a {
     border: none;
    text-align: center;
    width: 88px;
}
.tab-Cart .nav-tabs > li > a:hover {
    color: #fff;
    background: #e33334;
    width: 88px;
}
 
.tab-Cart .tab-content {
    padding: 10px 0;
}
 
.tab-Cart .tab-content img {
    margin-top: 4px;
    margin-bottom: 15px;
}
 
.tab-Cart .tab-content img.img-tab-space {
    margin-top: 7px;
}

 



 

 

 

1
좋아요!
- 티보리 메일보내기 아이디로 검색 - 회원등급 : 새싹/Level 15 - 포인트 : 115,118
레벨 15
경험치 21,954

Progress Bar 32%

- 가입일 : 2015-02-27 15:26:36
- 서명 :
- 자기소개 :
댓글목록

shadow님의 댓글

훌륭한 정보 감사드립니다.
요긴하게 사용할께요.

축하합니다. 첫댓글 포인트 86포인트를 획득하였습니다.

joosam님의 댓글

오 좋은 자료 감사합니다~~

축하합니다. 행운의 포인트 25포인트를 획득하였습니다.

비즈팔님의 댓글

잘 쓰겠습니다.
감사합니다.

오세요님의 댓글

좋은 팁 감사합니다. :-)

비즈팔님의 댓글

굿!