2015.11.19 05:10

기존에 있는 걸로 만들어본 화면입니다.
여기서 클래스를 조금 더 세부적으로 만들어주실 수 있는지 해서요.
아래 클래스 추가 부탁드려도 될까요?
1. li 안에 작성자 네임도 클래스명을 붙여주세요.
2. li 안에 채팅 텍스트도 span으로 감싸주시고 클래스를 붙여주세요.
3. li 안에 내용들을 모두 div.chat_wrap 등의 클래스명으로 묶어주세요.
4. li가 내 대화일 경우만 클래스가 붙어있던데 상대방 대화일 때도 클래스를 넣어주세요..
5. 사용자닉네임과 시간을 같은 box로 묶고, 시간은 종전대로 채팅 텍스트 하단에도 추가로 하나 넣어주세요.
예를 들면 이런 구조입니다..
.uha_wrap > .chat_wrap > .name_box > .name
.uha_wrap > .chat_wrap > .name_box > .time
.uha_wrap > .chat_wrap > .text
.uha_wrap > .chat_wrap > .time
내글과 다른 사람의 글은
.uha_wrap > .chat_wrap.is_me
.uha_wrap > .chat_wrap.is_others
뭐 이런 식으로 구분한다던지;;
이상입니다^^;
6. 로그인했을 경우 사용자프로필 이미지도 가져올 수 있나요?
만들어보고 싶은 화면은..
http://medialoot.com/item/chat-window-app-ui/
이나 카톡화면이나
https://www.google.co.kr/search?q=chatting+psd&biw=1472&bih=787&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMIzbX-w_6ayQIVCaOUCh1ORw7O#imgrc=Vx4ilEY24ifQmM%3A
주로 이런 화면들을 만들어보고 싶습니다.
2015.11.20 00:02
2015.11.20 05:34
/* 자기 자신 */
#uha_chat_msgs > li.is_me
/* 타인 */
#uha_chat_msgs > li.is_notme
/* 이름들 */
#uha_chat_msgs > li > .name
/* 대화내용 */
#uha_chat_msgs > li > .text
위와 같이 일부 수정하였습니다. 다 반영하지 못한 이유는 호환성 때문인데요, 이미 기존 CSS 뼈대를 고쳐서 쓰는 분들이 계신데 원본 구조를 바꾸어버리면 화면이 왕창 깨지게 될 것입니다.
이런 식으로 커스터마이징하는 데는 한계가 있으므로, 템플릿을 불러들여서 원하는 모양을 자유자재로 표현할 수 있는 새로운 방법이 있는지 강구해보도록 하겠습니다.
2015.11.20 05:38
그리고 사용자 프로필 이미지를 불러오는 것은 가능합니다만 회원님의 서버 쪽에서 약간의 작업이 필요합니다.
우리 서버에서 가지고 있는 정보는 이름밖에 없기 때문에,
예) uha.kr/profile/getImage?id=우하하
이런 식으로 외부 URL을 연결해주는 것이 유일한 방법입니다.
프로필 사진을 띄울 수 있는 공간이 있는 테마를 만들고 나서 이 기능도 지원하도록 하겠습니다.
2015.11.20 10:59
여러가지로 생각해봤는데, 몇 가지 테마를 아예 포함시켜서 사람들이 변수 값으로 고를 수 있게 하는 방법이 제일 좋아보입니다. 이온디님께서 스킨을 만들어서 HTML과 CSS 파일을 올려주시면 스킨 선택 기능을 만들도록 하겠습니다. 단, HTML을 수정할 수 있는 것은 #uha_chat_msgs 안의 내용만입니다. (CSS는 전부 가능) 그 밖의 것까지 수정하려면 너무 번거로워서요ㅠ
2015.11.20 11:26
감사합니다. ^^;
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 | 장애 발생시 비상 연락처 [12] | 우하하 | 2017.11.15 | 5455 |
| 129 |
운영자님
[2] | NEX | 2017.06.30 | 2 |
| 128 |
운영자님
[2] | NEX | 2017.06.29 | 4 |
| 127 |
인증은 됬는데..
[1] | 월묘 | 2017.06.12 | 1 |
| 126 | 채팅방 인원이 구글 애널리틱스와 다른 것은 왜 그런가요? [5] | 이온디 | 2017.06.11 | 323 |
| 125 |
채팅방 인원이 없는거 같은데 있는걸로 보이는증상?
[1] | 바보3361 | 2017.06.08 | 3 |
| 124 |
안녕하세요 권한 때문에 문의드립니다.....
[4] | skyrim | 2017.06.02 | 3 |
| 123 | 워드프레스에서 적용이 안되는데... [1] | 워드 | 2017.05.12 | 320 |
| 122 | 워드프레스에서 적용이 안되는데... | 워드 | 2017.05.12 | 371 |
| 121 | 안녕하세요? 이제 막 가입했습니다. | 후리리리승 | 2017.05.01 | 362 |
| 120 | 대화저장을 0으로 하려는데 저장이 안됩니다. [1] | 물통 | 2017.04.04 | 325 |
| 119 | 지금 계속 서버 접속 장애 뜨네욤 ㅠㅠ [1] | 아수라발발발 | 2017.03.17 | 319 |
| 118 |
열쇠글 입력했으니 회원연동이 안됩니다.
[3] | 토뱅 | 2017.03.11 | 2 |
| 117 | 열쇠글 입력했으나 회원 연동이 안 됩니다 ㅠ [1] | goodcine | 2017.03.07 | 333 |
| 116 | 채팅창 목록?에서 바로 참여자 리스트를 보여줄 수 있나요? [1] | 토뱅 | 2017.02.20 | 323 |
| 115 | 관리 기능 개편에 대한 의견을 듣습니다 [1] | 우하하 | 2017.02.06 | 326 |
| 114 |
안녕하세요
[1] | 우야 | 2017.02.01 | 3 |
| 113 | 파일 첨부 가능하게 해주세요 [1] | twoco | 2017.02.01 | 325 |
| 112 | 운영자님 안녕하세요. [2] | twoco | 2017.01.31 | 325 |
| 111 | 관리자님 안계세요? 채팅 오류.. [1] | 고수군 | 2017.01.31 | 346 |
| 110 | 채팅서버 오류!!!!! [1] | aass | 2017.01.31 | 316 |
의견 감사합니다. 검토해보고 글 올리겠습니다~