반응형

스킨 2

티스토리 "접기, 열기" 기능을 꾸며보자! (more... less... 더보기, 보여주기, 닫기 기능)

티스토리 "접기, 열기, 요약글" 기능을 꾸며보도록 합시다. More/Less라고 표시되는 기능이고, 더보기, 보여주기, 닫기 기능 등으로 부를 수 있겠습니다만, 정확한 명칭이 무엇인지는 잘 모르겠습니다. 타 블로그에서는 "요약글" 기능으로 부르기도 하더군요. 감춰둔 본문입니다. 티스토리 글 에디터에서 HTML 소스 에디터로 살펴보면 [#M_ more.. | less.. |감춰둔 본문입니다._M#]라는 형태로 들어가 있습니다.([,]를 영문 특수 문자 [,]로 써주시면 바로 적용이됩니다) "more..", "less.." 부분의 말을 바꾸어 주면, 위 예제처럼 바뀐 말로 표시되지요. 티스토리 에디터에서 More/Less 기능에 표시되는 말을 바꿔넣으려면, 연두색 More/Less 상자를 잘 클릭하다보면 ..

인터넷 활용팁 2007.12.06

화면 안깨지게 광고 넣기 - 레이아웃 안깨지게 올블릿 넣기

제시하는 방법은 올블릿 뿐 아니라 모든 경우에 적용할 수 있습니다. HTML의 div 태그 Overflow 속성 Style을 이용해서, 내용물을 그 안에 가두는 방법입니다. 제 다른 블로그(펀펀라이프)에 올블릿 배너를 달다보니 글,메뉴 상자 화면 배치(레이아웃)가 깨지더군요. 올블릿에 있는 본문 상/하단용 중 가장 작은 470 px를 넣어도 약간 튀어나오면서 레이아웃이 깨집니다. 올블릿에 더 작은 크기는 없고, 그렇다고 화면 위,아래 구석에 처박아두기도 뭐해서, div 태그로 가둬두기로 했습니다. 본문 상/하단형을 기준으로 말씀드립니다. 많이들 쓰는 본문 삽입용은 본문 작성 시 직접 소스를 넣는 방법 말고, 스킨 배치(레이아웃)을 뜯어고쳐 일괄 적용할 방법은 도저히 생각나지 않더군요. 관리자 스킨 수정으..

인터넷 활용팁 2007.11.04
반응형