리스트 줄 간격 줄이기 > 시즌3 팁 & 테크

본문 바로가기

시즌3 팁 & 테크

리스트 줄 간격 줄이기

2015-03-06 10:50 10,055 6 3

본문

리스트 화면의 줄 간격이 넓어 부담스럽다면... 프로필 사진을 사용하지 않으면 됩니다만
프로필 사진을 사용하지 않으면 좀 허전하니까...
프로필 사진 자체를 줄여봅니다.

 

eyoom/theme/basic/skin_bs/board/basic/style.css


.table-list-eb .td-photo {
    width: 40px;
    text-align: center;
}
.table-list-eb .td-photo img {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
}
.table-list-eb .td-photo i {
    width: 40px;
    font-size: 34px;
    color: #bbb;
    text-align: center;
}

를 아래와 같이 적당히 조절합니다.


.table-list-eb .td-photo {
    width: 40px;
    text-align: center;
}
.table-list-eb .td-photo img {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
}
.table-list-eb .td-photo i {
    width: 30px;
    font-size: 26px;
    color: #bbb;
    text-align: center;
}

 

결과입니다.

3
로그인 후 추천 또는 비추천하실 수 있습니다.

댓글목록6

1님의 댓글

1
2015-03-06 11:03
수고하셨습니다. 입문하시는 분들께 좋은 자료가 되겠네요. 이모티콘

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

2님의 댓글

2
2015-03-06 11:04
필요한 부분이었는데 팁 주셔서 감사합니다.

3님의 댓글

3
2015-03-06 15:17
저도 좀 넓다 생각했는데, 이런 멋진 팁을 올려주시다니...이모티콘

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

4님의 댓글

4
2015-03-06 15:36
열정적이시네용.

5님의 댓글

5
2015-03-13 20:42
됩니다 ㅎㅎ 좋은팁 감사요 ㅎㅎ

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

6님의 댓글

6
2017-01-17 20:23
감사합니다~~
전체 129 건 - 7 페이지
번호
제목
글쓴이
39
2015-03-18
10,399
0
2015-03-18
2015-03-18
2015-03-17
2015-03-17
2015-03-15
2015-03-13
2015-03-08
2015-03-08
2015-03-07
2015-03-06
2015-03-06
2015-03-05
2015-03-05
2015-03-05
2015-03-04
사이트 내 전체검색