Recent Updates

32 pages in total

Markup Guidelines
Tue Dec 22 03:57:44 UTC 2009 Tue Dec 22 03:57:44 UTC 2009
목차 Markup Guidelines Policy Process HTML Syntex Document Define Meta Tag Common Comment CSS Syntext Common Commentfile:///C:/Documents%20and%20Settings/%EC%B6%94%EC%A7%80%ED%98%B8/My%20Documents/ext-2.2/ext-2.2/examples/samples.html Script Common Library Comment Reference
봄눈
The Suit House Issue List
Thu Oct 30 02:40:18 UTC 2008 Thu Oct 30 02:40:18 UTC 2008
목차 The Suit House Issue List Common Rule #081020_02 Changing You 수정 #081020_01 Changing You 수정 #081010_01 Dummy Index #080912_23 Model 수정 #080912_05 DTD 설정 #080912_04 Brand Story #080912_03 Main Banner #080912_02 대리점문의 #080912_01 Season Theme #080911_05 CSS 수정 #080911_04 Event 01 수정 #080911_03 Eve
봄눈
Meibe Issue List
Tue Oct 28 07:48:35 UTC 2008 Tue Oct 28 07:48:35 UTC 2008
목차 Meibe Issue List Common Rule #081028_03 사용자 화면 디폴트 이미지 추가 #081028_02 회원가입 레이아웃 조정 #081028_01 체크박스 선택 요소 호출 수정 #081027_03 프로필 관리 수정 #081027_02 기본 프로필 이미지 추가 #081027_01 댓글 열기/닫기 이미지 처리 #081024_04 로그인/아웃 이미지 체인지 #081024_03 SNB 수정 #081024_02 로그인 버튼 추가 #081024_01 체크박스 선택 요소 호출 #081021_02 파일 업로드 스타일
봄눈
인풋박스 안에 사라지는 제목
Tue Oct 21 06:16:35 UTC 2008 Tue Oct 21 06:16:35 UTC 2008
간단한 스크립트다. 사용자 입력상자 안에 제목이 들어 있고, 사용자가 입력상자를 선택(Focus) 했을 때는 제목이 사라지고, 입력상자를 벗어난 경우 본래대로 나타나 보이게 하는 스크립트다. 단 새로운 내용이 입력된 경우에는 제목이 나타나지 않고, 입력된 내용이 유지되어야 한다. 훌륭하게 작성된 스크립트가 많지만 가끔은 그런 스크립트가 초보자들 입장에서 가져와서 해석하는 것이 여간 어려운 일이 아닐 수 없다. 적어도 이 예제는 쉽지 않을까 싶다. <!DOCTYPE html PUBLIC "-//W3C//DTD XHT
봄눈
Meibe Markup Guide
Tue Oct 21 05:26:58 UTC 2008 Tue Oct 21 05:26:58 UTC 2008
목차 Meibe Markup Guide Markup Server Tools Setting Web Standards Level Directroy Structure Markup Stylesheet Script Library Guide Global Variable Initialize Function Testing Meibe Markup Guide# 본 가이드는 Meibe 웹사이트의 HTML 마크업과 CSS 디자인, Javascript 설계를 위한 것으로 관련 협업자들을 위한 기초 문서입니다. Title : Mei
봄눈
Nature City Issue List
Thu Oct 16 09:38:16 UTC 2008 Thu Oct 16 09:38:16 UTC 2008
목차 Nature City Issue List Common Rule #081016_01 Event Popup #081014_01 Reply Input Area #081009_02 Iframe 밀림 현상 Fix #081009_01 Global Navigation #081008_01 Coupon #081007_01 Event #081002_04 Index #081002_03 Dumy Index #081002_02 Dumy Index #081002_01 Shop Info Map View #081001_05 메인 대리점 문의 링크 수정
봄눈
jQuery_folderList
Wed Oct 15 10:22:23 UTC 2008 Wed Oct 15 10:22:23 UTC 2008
Introduce HTML으로 작성된 폴더 리스트의 활성/비활성, 펼침/닫기, 위로/아래로 기능 구현함. HTML <ul> <li><a href="#" onclick="folderList.itemClick(this); return false;">일상다반사</a></li> <li class="expand"><a href="#" onclick="folderList.itemClick(t
봄눈
Refernce
Wed Oct 15 07:08:36 UTC 2008 Wed Oct 15 07:08:36 UTC 2008
하위페이지 Refernce Javascript ajax Flash Write jQuery_folderList Sky Banner TIPTECH Designed Select Box 부모창의 필드값 자식창에서 받아오기 티커 팝업달력 프린트 스크립트 플래쉬 테두리 제거 Markup DTD Object 앨리먼트 속성 중앙정렬상태에서좌우측조정 투명한 iframe 만들기 플래쉬 삽입 Stylesheet 날개 배너 버튼 스타일로 지정하기 스타일시
봄눈
Object 앨리먼트 속성
Thu Sep 18 05:11:25 UTC 2008 Thu Sep 18 05:11:25 UTC 2008
출처 : biochaos <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="player" width="300" height="45"> <param name="Filename" value="....">  <param name="AudioStream" value="-1"> <param name=
봄눈
Javascript
Thu Sep 11 07:04:01 UTC 2008 Thu Sep 11 07:04:01 UTC 2008
하위페이지 Javascript Flash Write Sky Banner Designed Select Box 간단한 팝업 링크 onclick="window.open(this.href, 'result', 'toolbar=no, status=no, scrollbars=no, location=no, menubar=no, width=460, height=251'); return false;"
봄눈
PreMedics Markup Guide
Mon Aug 11 07:20:12 UTC 2008 Mon Aug 11 07:20:12 UTC 2008
목차 PreMedics Markup Guide Tools Setting Web Standards Level Directroy Structure Markup Stylesheet Script Testing Reference PreMedics Markup Guide# 본 가이드는 PreMedics 웹사이트의 HTML 마크업과 CSS 디자인, Javascript 설계를 위한 것으로 관련 협업자들을 위한 기초 문서입니다. Title : PreMedics Markup Development Guide Ver : 0.1 Author
봄눈
Markup
Thu Aug 07 06:08:18 UTC 2008 Thu Aug 07 06:08:18 UTC 2008
하위페이지 Markup Object 앨리먼트 속성 투명한 iframe 만들기 플래쉬 삽입
봄눈
Flash Write
Thu Aug 07 06:00:11 UTC 2008 Thu Aug 07 06:00:11 UTC 2008
/* Title _ Standard Flash Write Script Author _ Bomnun(chubzo@gmail.com) Date _ 2008.8.6 */ /* Func. Name : Direct Flash Write ex) flashWrite(url, w, h, vars, win, alt); ※ alt : Alternative Text or Image */ function flashWrite(url, w, h, vars, win, alt) {
봄눈
Sky Banner
Thu Aug 07 05:59:16 UTC 2008 Thu Aug 07 05:59:16 UTC 2008
$(document).ready(function(){ // Quick Menu chk = $("body").attr("class"); if(chk == "sub"){ $("#quick_menu").css("right",stmnRIGHT + 'px'); $("#quick_menu").css("top", document.body.scrollTop + stmnBASE + 'px');
봄눈
Designed Select Box
Thu Aug 07 05:57:44 UTC 2008 Thu Aug 07 05:57:44 UTC 2008
// Footer Family Site Direct Link function showlayer(layer) { var myLayer=document.getElementById(layer); if(myLayer.style.display=="none" || myLayer.style.display=="") { myLayer.style.display="block"; } else { myLayer.st
봄눈
Stylesheet
Thu Jul 31 09:04:56 UTC 2008 Thu Jul 31 09:04:56 UTC 2008

봄눈
TIPTECH
Tue Jan 08 05:24:41 UTC 2008 Tue Jan 08 05:24:41 UTC 2008
플래쉬 삽입 소스 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="400" height="300"> <param name="movie" value="400_300_sound.swf" /> <param name="quality" value="high" /> &l
봄눈
DTD
Mon Jan 07 07:35:15 UTC 2008 Mon Jan 07 07:35:15 UTC 2008
XHTML 1.1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> XHTML 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0 Strict <!DOCTYP
봄눈
투명한 iframe 만들기
Thu Nov 08 02:43:31 UTC 2007 Thu Nov 08 02:43:31 UTC 2007
ff의 경우 iframe의 배경을 기본값으로 투명을 처리해주고 있지만 IE의 경우는 다음과 같이 처리해 주어야 한다. <iframe>이 삽입된 모창에서 <iframe src="photo_feel_write.html" style="width: 220px; height: 481px; margin-left: 30px;" scrolling="no" frameborder="0" allowTransparency="true"></iframe> iframe에서 불러오는 자식창에서
봄눈
버튼 스타일로 지정하기
Fri Nov 02 03:17:40 UTC 2007 Fri Nov 02 03:17:40 UTC 2007
중규모 이상의 사이트 제작 프로젝트를 진행하다 보면 수많은 이미지에 묻혀 감당이 안되는 경우가 종종 발생한다. (사전에 확실한 기획을 통해 효율적인 이미지 디렉토리 구조와 파일 네이밍이 중요하겠다.) 특히 버튼 이미지의 경우 특정 카테고리를 불문하고 공통으로 호출되어 사용되는 경우가 많다. 이를 일일이 IMG 태그로 불러와 사용한다면 소스의 사이즈도 그만큼 커질 수 밖에 없고, 드믄 경우겠지만 버튼 이미지 네임이 바뀌거나, 다른 버튼 이미지로 교체하게 될 경우 등 예상치 못한 수정을 해야 할 경우 수십, 수백페이지를 고쳐나가기는 쉽지
봄눈
날개 배너
Fri Nov 02 02:39:32 UTC 2007 Fri Nov 02 02:39:32 UTC 2007
쇼핑몰에서 많이 사용되고 있는 날개배너입니다. 배너 안에 상품을 위/아래로 클릭 롤링시킬 수 있도록 했습니다. (아래 소스는 제가 작업중에 사용한 그대로입니다. 사용하실 분들은 많이 손을 보셔야 할지도 모르겠습니다^^) HTML <body onload="InitializeStaticMenu();"> <div id="STATICMENU" style="position: absolute; z-index: 100; width: 85px; height: 494px; "> &n
봄눈
플래쉬 삽입
Fri Nov 02 02:14:04 UTC 2007 Fri Nov 02 02:14:04 UTC 2007
플래쉬 동영상을 HTML문서에 삽입하는 방법은 두가지가 있다. 첫번째 방법은 아래와 같이 HTML문서에 object나 embed 태그를 이용하여 직접 삽입하는 것이고, 또 다른 하나는 자바스크립트 문서로 작성하여 함수를 Call 하는 방법이다. 1. 직접 삽입 이 방법에서 object는 IE에서, embed는 FF(NS)에서 지원하는 방식입니다. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.ma
봄눈
팝업달력
Tue Oct 30 08:00:58 UTC 2007 Tue Oct 30 08:00:58 UTC 2007
팝업달력 페이지 내부에서 버튼을 선택하면, 달력창이 팝업(레이어)되며, 년월일을 선택하면, 필드(input)에 삽입되는 스크립트다. Script monthName=new Array("1","2","3","4","5","6","7","8","9","10","11","12") monthDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31) now=new Date() nowd=now.getDate() nowm=now.getMonth() nowy=now.getFullYear() fun
봄눈
스타일시트 인코딩
Thu Oct 18 00:20:53 UTC 2007 Thu Oct 18 00:20:53 UTC 2007
예전에는 HTML문서의 캐릭터셋(인코딩)에 대해 별로 신경쓰지 않았는데, 표준화 작업과 맞물려 요즘에는 가능한 모든 HTML문서를 UTF-8로 생성하고 있습니다. HTML문서내에서 META태그로 UTF-8을 지정해놓고, 에디터에서 정작 ANSI로 저장해버려서 화면이 보이지 않는 실수도 있었지만 요며칠 CSS를 작업하고 적용을 하는데 스타일중 일부분이 도무지 먹지 않는 이상한 현상을 보고 왜 그런가 고민했더니 CSS파일도 UTF-8로 저장되지 않아서였더군요. HTML문서를 UTF-8로 지정하면 당연히 파일도 UTF-8형식으로 저장되
봄눈
스타일시트 임포트
Thu Oct 18 00:19:10 UTC 2007 Thu Oct 18 00:19:10 UTC 2007
스타일시트 파일을 생성하고, 관리하는 방법은 각자 다르고 다양하게 있겠지만 요즘 나는 프로토타입의 스타일시트를 생성하고, 이를 임포트 하는 방식으로 각 메뉴(카테고리)별 스타일을 생성하는 방법을 사용하고 있다. 일단, common.css라는 공통의 스타일시트를 만들어, body, form, img, a 와 같이 페이지 전반에 걸쳐 두루 사용하게 되는 앨리먼트 속성을 지정해주고, 테이블에 사용되는 각종 라인과 정렬, 배색등을 모아두고, 버튼 이미지들을 미리 등록해둔다. 그리고, layout.css라는 프로토타입의 스타일시트를 만든다
봄눈
티커
Tue Oct 16 15:13:50 UTC 2007 Tue Oct 16 15:13:50 UTC 2007
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <style> #aaa, #bbb, #ccc { display: none } </style> <script> i = 0; function call() { var arr = new Array(); &nb
봄눈
플래쉬 테두리 제거
Fri Aug 31 01:10:59 UTC 2007 Fri Aug 31 01:10:59 UTC 2007
플래쉬무비에서 테두리 제거 인터넷익스플러어 Active X 컨트롤에 대한 특허문제로 MS에서 문제되는 부분을 수정하는 업데이트가 적용됨으로서 발생된 문제입니다 이 문제는 Windows XP용 업데이트(KB912945)를 설치하면 발생하는 문제로서, 프로그램 추가/삭제에서 이 업데이트를 제거하면 됩니다 프로그램 추가/삭제에서 제거하는 방법 제어판 -> 프로그램 추가/제거를 실행한다. 우측 상단에서 업데이트 표시가 체크하고, 프로그램 목록에서 Windows XP용 업데이트 (KB912945)를 제거 버튼을 클릭한다.
봄눈
프린트 스크립트
Fri Aug 31 00:47:25 UTC 2007 Fri Aug 31 00:47:25 UTC 2007
<SCRIPT LANGUAGE="JavaScript"> <!-- function mapPrint() { var p = document.getElementById("printContent").innerHTML; var width = 1; var height = 1;
봄눈
ajax
Fri Aug 17 08:58:50 UTC 2007 Fri Aug 17 08:58:50 UTC 2007
<!doctype html public "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title> new document </title> <meta heep-equiv="content-type" conte
봄눈
중앙정렬상태에서좌우측조정
Fri Jul 06 07:16:32 UTC 2007 Fri Jul 06 07:16:32 UTC 2007
중앙은 고정적이고, 좌우는 동적으로 사이즈를 조절하는 레이아웃이다. 테이블로 구현한 것인데 DIV로 설계해보려고 했으나 아직 실력이 미천하여 제대로 만들어 보지 못했다; <html> <head> <style> body{ margin:0; overflow-x: auto; overflow-y: auto; width: 100%; } </style> &
봄눈
하단고정레이아웃
Fri Jul 06 07:12:42 UTC 2007 Fri Jul 06 07:12:42 UTC 2007
본비비나 위즈위드 사이트처럼 하단에 고정된 메뉴를 가지는 레이아웃. 사이트와 동일한 소스는 아니고, 나름 고민한 끝에 비슷하게 구현했다. 클릭하면 플래쉬 메뉴창이 커지기 때문에 플래쉬 버튼에 레이어 사이즈를 변경할 수 있도록 별도의 스크립트를 작성해야 한다. 어려운게 아니므로 아래 소스에서는 생략! 주의할 점은 제대로된 dtd문을 삽입해야 한다는 점. 올바르지 않은 dtd는 더블 스크롤바의 황상 시츄에이션을 보아야 할 것이다! <!doctype html public "-//W3C//DTD XHTML 1.
봄눈

Header

봄눈의 마크업가이드

home

All Pages

Updates

Recent Updates

Markup Guidelines

The Suit House Issue List

Meibe Issue List

인풋박스 안에 사라지는 제목

Meibe Markup Guide

Nature City Issue List

jQuery_folderList

Refernce

Object 앨리먼트 속성

Javascript

PreMedics Markup Guide

Markup

Flash Write

Sky Banner

Designed Select Box

Stylesheet

TIPTECH

DTD

투명한 iframe 만들기

버튼 스타일로 지정하기

날개 배너

플래쉬 삽입

팝업달력

스타일시트 인코딩

스타일시트 임포트

티커

플래쉬 테두리 제거

프린트 스크립트

ajax

중앙정렬상태에서좌우측조정

하단고정레이아웃

Bookmarks

What is a bookmark?

Header

봄눈의 마크업가이드

home

All Pages

Updates

Recent Updates

Markup Guidelines

The Suit House Issue List

Meibe Issue List

인풋박스 안에 사라지는 제목

Meibe Markup Guide

Nature City Issue List

jQuery_folderList

Refernce

Object 앨리먼트 속성

Javascript

PreMedics Markup Guide

Markup

Flash Write

Sky Banner

Designed Select Box

Stylesheet

TIPTECH

DTD

투명한 iframe 만들기

버튼 스타일로 지정하기

날개 배너

플래쉬 삽입

팝업달력

스타일시트 인코딩

스타일시트 임포트

티커

플래쉬 테두리 제거

프린트 스크립트

ajax

중앙정렬상태에서좌우측조정

하단고정레이아웃

Create a new page

Change the location

Preview Template

Bookmarks

What is a bookmark?

Please confirm your email address