'HTML' 태그의 글 목록

'HTML'에 해당되는 글 6건

2007.03.12 Tistory/TatterTools 모바일용 페이지 팁
2006.11.11 신조어 테스트 8
2006.08.15 Lunia 戰記 스킬 시뮬레이터 4
2006.04.28 IE7? 탭브라우징?
2006.03.10 새 창 띄우기의 폭력 6
2004.10.02 포스팅 시에 사용할만한 DHTML과 CSS들... 3

Tistory/TatterTools 모바일용 페이지 팁

Free 2007. 3. 12. 16:55

어디서 봤는지는 기억이 잘 안나지만.. TatterTools를 쓰시는 블로거분의 포스트에서 본 내용이다.

TatterTools와 그것을 기반으로 돌아가는 블로그(Tistory 등)에서는 주소 뒤에 /m만 붙이면 모바일용 페이지- m이라는 주소에서 추측컨데 - 가 뜨게 된다. 어지간한것들은 죄다 생략하고, Text 위주의 기본적인 내용만 보여진다.
예 : http://ra.ne.kr/m

"이게 뭐야!" 혹은 "이쁘지도 않은데, 이런걸 어따 쓰라고!"라고 생각하시는 분들도 있겠지만.. 내 경우에는, 페이지가 가벼워지기 때문에 종종 사용하는 주소이다.

신조어 테스트

Free 2006. 11. 11. 19:40

내가 직접 한번 해보고 테스트했어야 했는데.. 막상 만들고 나니 답을 대충 외어버렸네;

원문(은 아니지만 어쨌든)은 햇년님 블로그 - 신조어 테스트 - 당신은 몇점?

아래 링크는 위에 질문지를 스크립팅해서 점수 계산 편하게 해주는것.
테스트 하기 [새창으로]

나름 구조적으로 만든다고 시덥잖은 li질. css도 좀 꾸며볼까 했는데 왠지 시간 대비 만족도가 0에 수렴할 듯 하여 포기.

p.s
이런 미친 Tistory!
euc-kr로 만들어 업로딩 했는데 지멋대로 UTF-8로 바꿔버리네.
페이지에서 오른클릭 - 한국어(EUC-KR) 선택해주세요.

게다가 stream도 바꿔서, 바로 링크도 안되네!

해서 잠자고 있는 com.ne.kr 계정으로 링크 변경.

Lunia 戰記 스킬 시뮬레이터

Lunia 戰記 2006. 8. 15. 15:33

아엉.
초기버젼은 js의 배열 한계 때문에 GG때리고..
그래서 결국엔 XML로 ㄱㄱㄱ
덕분에 IE에서만 작동되는 엄한 결과가... 꼴에 내부 구조는 TABLE없이 DIV와 CSS로 덕지덕지.....
게다가 이 DB만드는게 ㅈㄹ이라.. 별 쌩 쑈를 다했음.

업글은 틈틈히 할 예정.

구경가기

자게에 뿌리기에는 트래픽의 압박이!
누가 서버좀......

IE7? 탭브라우징?

Free 2006. 4. 28. 21:35

IE7가 탭브라우징이라는 강력한 기능을 가지고 개발되었다는게 이슈의 촛점화되는것 같은데.. 사실 탭브라우징을 위한거라면 FireFox나 WebMa나 Maxthon이나 Opera나 Avant Brower같은 탭브라우져를 쓰는게 훨씬 더 강력하지 않을까.

IE6에 정 탭브라우징이 필요하다면, 이런거라도 만들어 쓰면 그만인것을.(IE에서만 제대로 보입니다. 혹시 FF에서 DIV의 height를 100%시킬 수 있는 방법 아시는분?)

진정 IE7에 필요한것은, 무분별한 ActiveX설치를 요구하는 웹사이트들을 방치하지 말것이며, 지긋지긋한 오류보고서도 좀 그만보낼 수 있는 방법이 보다 절실하지 않을까.

일은 밀렸는데 이게 뭔짓이랴....

새 창 띄우기의 폭력

Free 2006. 3. 10. 21:21

A 태그에는 target이라는 attribute가 붙는다.(HTML 4.0) 이것은, 링크가 작동되어 새 페이지가 보여질 대상을 지정하는 속성이다. FRAMESET에 의해 나누어진 페이지에서 다른 FRAME의 내용을 바꾸는 등의 요긴한 기능을 한다. 그 외에도, name을 가진 새 창(혹은 팝업)의 url을 바꾸는데에도 사용할 수 있다.

target의 또 다른 유용한 기능 중 하나는 새 창 띄우기이다. 이 attribute의 value를 "_blank"로 지정하면 새 브라우져(혹은 탭)가 뜨면서 url이 링크된다. 헌데 이것을 사용하는 이유가 무엇일까?

아마도 대부분의 포탈에서 그러하듯, "내 소중한 컨텐츠는 그냥 남겨 두세요. 링크는 새 창에서 보시면 되잖아요. 제 페이지에서 조금이라도 더 오래 있어줘요"라는 의미가 아닐런지. 그런 목적이 아니라면 target="_blank"는 아무짝에도 쓸모없는 기능이 아닐까.

기억은 나지 않지만, 위의 이러한 내용에 해당하는 포스트를 어느분의 블로그에서인가 본 기억이 난다. 그 뒤로는, 새 페이지를 강제로 띄우는건 사용자의 리소스를 무시하는, 일종의 폭력이 아닐까 하는 생각이 들었기 때문에 그래서 나 역시 매우 특별한 경우를 제외하고는, 더이상 target="_blank"를 쓰지 않고 있다.

만약, 사용자가 새 창을 띄우고 싶다면, shift+클릭을 사용하거나, 오른클릭-새 페이지로 메뉴를 사용하면 된다. 혹 브라우져에서 지원한다면 가운데클릭을 이용해 새 페이지를 띄울 수도 있다.

p.s.: 아참, 나 컴맹이었지.

라됴씨,ㅇㅋ?

포스팅 시에 사용할만한 DHTML과 CSS들...

Free 2004. 10. 2. 19:17

2004-10-02 오후 7:09:23

<a href="#none" onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" onfocus="this.blur(0);">blabla...</a><divstyle="display:none">어쩌고저쩌고</div>

[ 시험삼아 테스트 ]

source by 한님의 Notice

2004-10-03 오전 3:25:42

DIV 요소의 boxgray라는 class를 CSS에 추가.
인용 글 등에 사용해 보자 q *' ㅡ '乃

<div class="boxgray">blabla..</div>

div.boxgray {
BACKGROUND-COLOR: #EEEEEE;
BORDER-TOP: 1px solid #DDDDDD;
BORDER-LEFT: 6px solid #FFFFFF;
BORDER-RIGHT: 1px solid #DDDDDD;
BORDER-BOTTOM: 1px solid #DDDDDD;
WIDTH: 100%;
PADDING: 9PX;
MARGIN-TOP: 16px;
font-size: 8pt;
color: #555555;
font-family: Tahoma, 돋움;
}

source by 중년탐정 제닉스님의 오. 이글루스 OPML Export 지원 !!

위의 More/Less기능과 합치면;

<a href=#none onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" onfocus="this.blur(0);">blabla...</a>><div class="boxgray" style="display:none">어쩌고저쩌고</div>

2004-10-03 오전 3:25:42

덤으로 HR요소도 CSS에 추가~
위에 보이는대로...

HR {
MARGIN-TOP: 16px;
BORDER : 2PX dotted #D0D0CC;
}

2004-10-03 오후 1:40:43

SPAN요소에 tooltip 클래스를 추가.