컴맹이 주절주절 쓰는 컴맹탈출기...(1)

미스즈찡의 컴맹탈출기 

 

그 첫번째 시간이 되겠습니다.

[MORE LESS 태그 살펴보기]

과연 이 프로젝트가 얼마나 지속될지는 모르지만..

그래도 열심히 하도록 하죠

 

참고로 제목을 잘 보십시오. 컴맹이 주절대는 컴맹탈출기입니다..

정상적인 방법(...)을 얘기하고자 하는 것이 아니라 본인이 터득한 노하우를 주절주절 쓴 것 뿐입니다.

악플로 찌질찌질 태클걸지 말아주세요 ;ㅁ;

(아.. 악플은 메이져 블로거나 당하는 거죠;; 저하고는 관계없네요오..?)

전 컴맹이라고요.. -_ㅠ

상당히 기니까 전체적으로 덮어두겠습니다. 클릭의 묘미를 느껴봅시다.^^

힘내자는 의미에서..(클릭)

유우코님과 레이센♡양 사진을 보며 힘내요오~ ^^

먼저 이 화면에 어느 정도 익숙해지셔야 합니다. (클릭)

도서관에서 프린트스크린샷 한거라 약간 허접해도 양해 부탁드립니다.

제가 가장 많이 쓰는.. more less 태그에 관하여 설명드리겠습니다.(클릭클릭)

글을 쓸때 HTML입력을 누르셔야 합니다.

에디터입력으로 하면 안됩니다. (되는 경우도 있지만 에러가 나서 거의 안 열립니다..ㄱ-)

[a href=#none onclick=this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>보기/감추기 동일버튼</a><DIV style='display:none'><div style="border:1px solid #99CCFF; padding:9px;">뭔가</DIV></DIV]

위의 것을 ctrl + c로 복사한 후 ctrl + v 붙여 넣어줍니다.

물론 이게 끝이 아닙니다..

처음과 끝의 [] 을 <>로 고쳐 넣어주시기 바랍니다.

제대로 하셨다면 미리보기를 봤을 때, 포스팅을 올렸을 때..
미리보기는 필수입니다.. 저도 more less 할때 미리보기 수십번은 누르는듯..-_-;
클릭까지 하셨을 때.

보기/감추기 동일버튼

뭔가

이렇게 뜨게 될 겁니다.

눈치가 빠르신 분은 벌써 알아들으셨겠죠? (생긋)

보기/감추기 동일버튼 ①→ 이 클릭하는 부분이 되고

뭔가 ②→ 클릭해서 나오는 부분이 됩니다.


①의 내용을 이걸 클릭하면.. 되..되는 건가? 로 바꾸고

②의 내용을 우와!! 내가 드디어 more less 를 해냈어?! 로 바꾸어 보겠습니다(...)

이걸 클릭하면.. 되..되는 건가?

우와!! 내가 드디어 more less 를 해냈어?!

뒤이어 고난이도의 more less 태그를 알아보도록 합지요..

일본인도 들렸다 가는 초 유명 월드 블로그의 주인이신 쿠루미님이 사용하시는 태그처럼..
http://kurumi.egloos.com/1815970#t 에 나와 있..[...]

이렇게 펴는 것과 닫는 것이 다른 초 고난이도의 태그는 아니고..

간단한 겁니다..ㄱ-



보기

뭔가

뭔가 달라진 점을 눈치채셨습니까?
급한 마음에 더블클릭하면.. 대략 곤란(...)

[a href=#none onclick=this.innerHTML=(this.nextSibling.style.display=='none')?'①감추기':'보기';this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>②보기</a><DIV style='display:none'><div style="border:1px solid #99CCFF; padding:9px;">③뭔가</DIV></DIV]


'①감추기' 가 닫는 부분의 글자가 들어가는 것이고..

그 바로 옆의 보기가 아니라!! 중간의 ②보기가 클릭해서 펴는 부분의 글자가 들어가는 것이며..

③뭔가 부분이 내용이 들어가는 부분이 되겠습니다.

마지막 주절주절

more less태그로 하면 글 쓸때 기본적으로 주어지는 more기능보다 훨씬 좋습니다.
주어지는 more기능으로 하면 밸리에서 들어올 경우 more을 그냥 누른 것과 같이 들어오죠.
(테러용이나 엣찌한 짤방을 올렸을 경우 이렇게 되면 낚아올리는 보람이 없습니다) (...)
하지만 more less 태그를 이용하면 그런 걱정 없습니다.
'클릭'을 해야 열리니까 말입니다.

게다가 주어지는 more기능은 1개 밖에 사용할 수 없지만.. 태그는 무한정.. +_+

블로그 전체화면에서 more을 누르면 페이지가 이동해버리면서
배경음악도 끊기게 되지만 태그를 사용할 경우 그런 걱정도 없습니다..

만약 음악을 포스팅한 경우 그게 본문에 그대로 있을 경우 굉장히 버버벅..거리는 것을 느낄 수 있습니다.
음악의 용량이 크면 클수록 심합니다..
이럴 때 가볍게 more less로 가려주면.. 클릭하기 전까지는 문제가 없습니다.

익숙해질려면 꽤나 고생이지만(이거 포스팅하면서도 미리보기를 수백번은 더 한 것 같습..ㄱ-)
익숙해지면 매우 편리합니다..^^
여러번 하다보면 익숙해 질 것이며.. 항상 미리보기를 통해 확인해 보는게 중요합니다...(.......)
자 우리 모두 more less를 두려워하지 맙시다!!!!!!
쓰면 쓸 수록 늡니다아~~
컴맹 만세!!!!!!!!!!!!!!!!!!! >ㅁ