묻고답하기
게시판 목록에서 '글쓴이' 왼쪽 정렬 하는 법 부탁드립니다.
2014.04.30 12:13
안녕하세요~ 궁금한게 있는데
사용팁, 묻고답하기 게시판에서 찾지를 못해 질문올리게 되었습니다.
현재 sketchbook5 게시판 스킨을 사용하고 있는데요.
제목이 왼쪽 정렬
나머지 항목이 가운데 정렬인데
여기서 글쓴이 항목을 왼쪽 정렬하려면 어떻게 해야하는지 문의드립니다.
답변 부탁드려요. 읽어주셔서 감사합니다.
댓글 6
-
바가G
2014.04.30 17:01
-
YUNERO
2014.05.02 08:01
우와 잘 적용되었습니다~~!
자세하고 친절하게 답변해주셔서 감사합니다!!
좋은 하루 되세요~~~
-
YUNERO
2014.05.02 08:48
앗 그런데 분류도 같이 왼쪽 정렬이 되었습니다.
혹시 분류는 가운데 정렬로 놔두려면 어떻게 해야하는지
아시는 분 댓글 부탁드립니다 감사합니다 ㅠ ㅠ
-
Double'U'
2014.05.02 09:44
css를 살펴봅시다.#bd_lst .cate span,#bd_lst .author span,#bd_lst .last_post small{display:block;overflow:hidden;max-width:90px;text-overflow:ellipsis;word-wrap:normal\9}중괄호{}로 쌓여있는 것이 css부분입니다.그 앞에 있는 것은 이런 것들에는 css를 먹여라! 이런 것이구요.중괄호 앞에 콤마로 구분된게 총 3가지입니다.#bd_lst .cate span,#bd_lst .author span,#bd_lst .last_post small3개가 보이시나요?각자를 분리하면#은 id값(1개만 존재해야..)이고.은 class(여러군데서 사용 가능)로 불러오것이구요둘다 없는 것은 html태그를 의미합니다.다시 3개로 가면 id값은 bd_lst 보드 리스트 즉 게시판 목록을 말하는 건가 봅니다.중간의 것이 다르죠? cate, author, last_post카테고리, 작성자, 최근댓글(아마도)을 의미하는 듯 합니다.마지막은 태그이구요.즉 카테고리, 작성자, 최근댓글의 span 등은 같은 css를 먹이게 되어 있습니다.저것을 따로 먹이려면 분리를 해야죠.#bd_lst .cate span{display:block;overflow:hidden;max-width:90px;text-overflow:ellipsis;word-wrap:normal\9}#bd_lst .author span{display:block;overflow:hidden;max-width:90px;text-overflow:ellipsis;word-wrap:normal\9}#bd_lst .last_post small{display:block;overflow:hidden;max-width:90px;text-overflow:ellipsis;word-wrap:normal\9}이렇게 분리해놓고 필요한 부분에 css를 먹이면 됩니다.잘 하시려면 html과 css에 대해서 좀더 공부를 해보시는 것을 추천합니다. -
콩까기
2014.05.02 11:35
우와 자세한 설명... 저도 배워갑니다~!
-
YUNERO
2014.05.03 22:27
말씀해주신 대로 해보니 설정도 잘 되었을 뿐아니라
css에 대한 개념에 조금이나마 가까워진 거 같습니다 감사드립니다!!!!!
xe/module/board/skins/sketchbook5/css/board.css 에서
/* Normal */ 쪽에 있는
#bd_lst .cate span,#bd_lst .author span,#bd_lst .last_post small{display:block;overflow:hidden;max-width:90px;text-overflow:ellipsis;word-wrap:normal\9}
이 부분이 아마 닉네임 부분일거에요.
text-align:left; 이게 왼쪽정렬이니까 text-align:left; 를 display 앞에 넣어보세요.
그러니까 {text-align:left;display:block;overflow:hidden;max-width:90px;text-overflow:ellipsis;word-wrap:normal\9}
이런식으로! 테스트는 안해봐서 성공할지는 확신못하겠지만 아마 이게 아닐까 싶습니다~!
닉네임자체에는 정렬소스가 안잡혀있어서 직접 넣어주셔야 될 거에요.