기존에 있는 걸로 만들어본 화면입니다.

여기서 클래스를 조금 더 세부적으로 만들어주실 수 있는지 해서요.

아래 클래스 추가 부탁드려도 될까요?

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

주로 이런 화면들을 만들어보고 싶습니다.