본문 바로가기

StudyRoom/Make a blog

[티스토리 꾸미기] 댓글 창 위치 변경하기

 

 

제가 블로그를 시작하고 나서 이것 저것 하나씩 기능을 추가하는 순서대로 지금 포스팅 하고 있습니다.

그래서 오늘 할 것은 댓글 창 위치 변경하기 입니다.

 

솔직히 그냥 짧게 어디서 어디가까지 잘라내기해서 어디에다가 붙여넣으세요. 해도 되는데 굳이 내용을 풀어쓰는 이유는 이 것뿐만 아니라 그 밖에 코드를 변경함에 있어 유동적으로 변경하실 수 있도록 도와주기 위함이예요^^

 

 

 

드림위버에서 봣을시의 기본 스킨 구성입니다.

댓글 리스트는 <s_rp_container> 에서 </s_rp_container>

댓글폼이 있는 곳은 <s_rp_input_from> 에서 </s_rp_input_from> 까지입니다.

 

즉 <s_rp_input_from> 이 <s_rp_container> 위로 올라가면 되는것입니다.

 

 

그림을 누르시면 확대 됩니다.

기본 소스인데 확인해보시면 <s_rp_container> 와 <s_rp_input_from>가 붙어있는 것을 확인 할 수 있습니다.

그림대로 리스트가 위에 가 있고 input from 이 아래에 있는것을 확인 할 수 있는데요.

 

 

 

<s_rp_input_from> 에서 </s_rp_input_from> 까지 잘라내기를 합니다.

그리고 잘라낸 코드를 <s_rp_container> 코드 위에 붙여넣기 하는거죠

 

쉽게 설명하면

 

<s_rp_input_form>

 폼 코드

</s_rp_input_form>

 

<s_rp_container>

 댓글 리스트 코드

</s_rp_container>

 

가 되는 것이죠.

 

 

 

변경한 후에 코드입니다. 블럭 잡은 곳이 <s_rp_input_form> 이고 그 밑에 코드가 <s_rp_container> 이 되는것입니다.

비교 스샷을 찍어보았습니다.

 

댓글창 위치 변경하기 포스팅을 마치도록 할께요^^

(-,.- 급마무리.. )