검색


자료검색


"css" 키워드로 총 105건 검색되었습니다.


[이야기]  CSS #footer가 정상적이지 않게 랜더링 될때! 이부분 또한 오타에서 비롯된것이다.<DL>    <DT></DT>    <DD></DD></DL>Musical Instrument Digital Interface 요소를  #footer 및 #content 사용했다.그런데 풋더 페이지의 스타일이 먹히지 않고 다 깨져 버리는것 이었다.선택자에 문제가 있어 정상표시가 안되겠거니 생각하며 원인을 찾아보았다.하지만 그 문제또한 아니었고 그다음으로 할수...
[윈도우팁]  전세계 모든 파일 확장자 모음 $$$ 임시 파일 ACE ACE Archiver 압축 파일 ACF 마이크로소프트 에이전트, HTTP 문자 파일 ACL 코렐 드로우 6, 키보드 가속기 파일 ACM 윈도우 시스템 디렉토리 파일 ACM Fallout 1,2, Baulder's Gate, 인터플레이 압축 사운드 파일 ACM Dynamic Link Library (DLL) ACS 마이크로소프트 에이전트, 문자 구조의 저장 파일 AHQ AudioHQ 플러그인 모튤 AI 어도비 일러스트레이터 파일 AI 코렐 트레이스 드로잉 AIF, AIFF Audio Interchang...
[CSS]  CSS :after와 ::after의 차이 CSS2에서는 가상 클래스, 가상 엘리먼트 모두 콜론(:)으로 사용CSS3에서는 가상 클래스(:)와 가상 엘리먼트(::)로 분리하여 사용
[CSS]  엑셀로 변환저장시 <br /> 태그 alt + enter 값으로 인식 <style type="text/css">br{mso-data-placement:same-cell;}</style>
[CSS]  스타일로 input type 제어 <style type="text/css">input[type=button]{font-size:12px; padding:5px 5px 3px 5px;}input[type=text]{font-size:15px; padding:5px;}</style>
[CSS]  이미지 없이 테두리 둥글게 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"><head><title>스타일을 이용한 테두리 둥글게</title><meta http-equiv="Content-Type" content...
[CSS]  falot:left 일때 블록 엘리먼트가 height가 0px 현상 <style type="text/css">.Element{width:200px; border:1px solid #000;}.Element div{float:left; width:50px; border:1px solid #ddd;}</style> <div class="Element"> <div>A</div> <div>B</div></div> <div class="Element"> <div>A<...
[CSS]  /*<![CDATA[*/ 이 구문은 무엇을 뜻하는 것일까요? CDATA는 SGML이나 XML에서 문자열(string)을 표현할 때 사용하는 토큰입니다. 저 안에 들어있는 내용은 문자열데이터라는 뜻이지요. 저안에 들어가 있는 태그는 무시해도 되는 태그라는 것을 파서에게 알려주므로 오동작이나 오류를 막을 수 있습니다. <style type="text/css">/* <![CDATA[ */ 스타일{}/* ]]> */</style>
[CSS]  브라우저별 CSS핵  ※ 언더스코어(언더바)핵 (_) div{ _width:300px; } Win IE 4~6에서만 CSS적용 ※ 닷핵 (.) div{ .width:300px; } Win IE6~7에만 CSS 적용  ※해시 핵(#) div{ width:300px; } Win IE 4~6, Mac IE 5, Opera 7, Mozilla계열, Firefox에 CSS적용  ※스타핵 *html div{ 300px; } Win IE 4~6, Mac IE4~5에 CSS적용  ※스타7핵 html*div { wid...
[CSS]  CSS 마우스 커서모양 nw-resize : 커서의 방향이 북서쪽ne-resize : 커서의 방향이 북동쪽sw-resize : 커서의 방향이 남서쪽se-resize : 커서의 방향이 남동쪽e-resize : 커서의 방향이 동서쪽w-resize : 커서의 방향이 서동쪽n-resize : 커서의 방향이 북남쪽s-resize : 커서의 방향이 남북쪽help: ? 모양으로 표시move : 이동 모양으로 표시text : 텍스트 입력상태로 표시crosshair : 십자가로 표시wait : 모래시계 모양으로 표시hand : 손 모양으로 표시
[CSS]  css style padding 사용법 h1 {padding: 10px}상,하,좌,우 10px h1 {padding: 10px 7px}상단,하단 : 10px  / 좌측,우측 : 7px h1 {padding: 10px 7px 15px}상단 : 10px  /  좌,우측 7px  / 하단 : 15px h1 {padding: 10px 7px 15px 20px}상단 : 10px  / 우측 : 7px  / 하단 : 15px, 좌측: 20px
[CSS]  CSS 선택자(Selector) - 동적 선택자 동적 선택자- :link, :visited, :hover, :active, :focus 수도 클래스- :first-child 수도 클래스- :first-line, :first-letter 수도 클래스CSS는 선언적인 특성을 가지고 있기 때문에 문서에 동적으로 스타일을 적용하기는 힘들지만 pseudo...
[CSS]  CSS 선택자(Selector) - 가상 클래스 선택자 가상 클래스 선택자- E:first-child (:first-child 수도 클래스)- E:lang(c) (언어 수도 클래스)- E:link, E:visited (링크 수도 클래스)- E[foo], E[foo="warning"], E[foo~="warning"], E[lang|="en"] (속성 선택자)E:first-child (:f...
[CSS]  CSS 선택자(Selector) - 복합선택자 복합 선택자 : 복합 선택자는 크게 세 가지 종류가 있다. - E F (하위 선택자) - E > F (자식 선택자) - E + F (인접 선택자)E F (하위 선택자)E 엘리먼트의 하위에 있는 F 엘리먼트들을 선택...
[CSS]  CSS 선택자(Selector) - 일반선택자 일반 선택자 : 일반 선택자는 네 가지 종류가 있다. - * (공용 선택자) - E (타입 선택자) - .E (클래스 선택자) - #E(아이디 선택자)* (공용 선택자)모든 엘리먼트를 선택한다.* {margin: 0;padding: 0;}이와 같은&nbs...
[CSS]  Border-radius: create rounded corners with CSS! W3C has offered some new options for borders in CSS3, of which one is border-radius. Both Mozila/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items. This is an example: Mozilla/Firefox and Safari 3 users should see a nicely rounded box, with...
[CSS]  CSS의 em,pt,px,% 단위 환산표 Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05em 105% 13.5pt 18px 1.125em 112.5% 14pt 19px 1.2em 120% 1...
[CSS]  first-letter : 첫번째 문자 크게 <style type="text/css">p:first-letter {color: #000;font-size:xx-large}</style>
[CSS]  Browser CSS hacks /***** Selector Hacks ******/ /* IE6 and below */* html #uno  { color: red } /* IE7 */*:first-child+html #dos { color: red }  /* IE7, FF, Saf, Opera  */html>body #tres { color: red } /* IE8, FF, Saf, Opera (Everything but IE 6,7) */html>/**/body #cuatro { color...
[CSS]  overflow 와 text-overflow 의 차이와 사용예 text-overflow 는 그 단어 뜻대로 text 가 overflow, 즉 넘칠때의 취하는 액션을 담당하게 됩니다. overflow 속성이 값을 가지고 있을때, 예를들어 overflow: hidden; 등일때 text-overflow 가 적용이 가능케 됩니다. 블락엘리먼트에 모두 적용 가능합니다.overflow 는 단순히 글자가 엘리먼트의 크기에 영향을 주지 않도록 예방하는 정도였다면 text overflow는 보이는 텍스트 이상의 글이 들어있음을 알리는 기능입니다. 엘리먼트 크기 이상의 글이 있다면 뒤에 “…” ...
[CSS]  input type style 적용시 checkbox와 radio 스타일 제외하기 <style type="text/css">input{ border: expression( (this.type=='checkbox'||this.type=='radio')?'':'1px solid gray' ); }</style>   텍스트박스: <input type="text"><br>체크박스: <input type="checkbox"><br>라디오 버튼: <input type="radio"><br>파일선택 박스: <input t...
[CSS]  Safari에만 CSS가 적용 /* XXX */로 코멘트 아웃하고 html:66irst-child를 덧붙임으로써 Safari에만 CSS가 적용된다.html:\66irst-child div.globalContainer{    margin: 0 0 0 18px;}
[CSS]  핵 - 넷스케이프 제외 Netscape 4은 media속성값에 "screen"이외의 값이 올 경우 읽어 들이지 못하는 것을 이용한 방법이다.<link rel="stylesheet" type="text/css" href="/css/style.css" media="all" /> 혹은 <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen, tv" /> 라고 지정할 경우 Netscape 4은 읽어 들이지 못한다.부분적으로 읽어들이지 못하게...
[CSS]  font 속성 중첩 사용 * font-family : 글씨체의 종류* font-size : 글자의 크기(단위:px,pt,%)* font-style: 글자의 모양(속성값:italic, oblique)* font-weight: 글자의 두께* font-variant:글자가 영문자일경우 크기가 작은 대문자로 나타나게 해준다. (속성값:normal,small-caps)                   ...
[CSS]  CSS Hack in IE8 /***** 선택자 Hacks ******//* IE 6 및 하위버전 */* html #uno  { color: red } /* IE 7 및 하위버전 */*:first-child+html #dos { color: red }  /* IE 7 및 최신브라우저(IE8포함) */html>body #tres { color: red } /* 최신브라우저 (IE7제외, IE8포함) */html>/**/body #cuatro { color: red } /* Opera 9.27 및 하위버...
[CSS]  IE8 을 포함한 IE CSS 핵 IE8을 포함한 IE - color:blue9<div style="color:blue9"></div>오직 IE8 적용<div style="color /***/:blue9"></div>
[CSS]  CSS용어 정리 :active (활성) :after (다음) :before (이전) :first (처음) :first-child (첫 자식) :first-letter (첫 글자) :first-line (첫 줄) :focus (초점) :hover (마우스 올림) :lang (언어) :left (왼쪽) :link (연결) :right (오른쪽) :visited (방문 했던 연결) @charset (글자세트) @font-face (글꼴 표현) @import (도입) @media (메디아) @page (페이지) A absolute length (절대...
[CSS]  input type="text" ie 1px 공백 해결방법 <style type="text/css">    .in_sty{margin-top:1;} /* px을 안붙이면 IE에서만 인식 하므로 가능 */</style><input type="text" class="in_sty">
[CSS]  css table cellspacing, cellpadding을 css로 사용하기 <table cellpadding="0" cellspacing="0" border="0"> 위 소스 중 cellpadding="0" cellspacing="0"을 css에서 사용하려면 다음과 같이 한다. 1) table{border-collapse:collapse;} 이렇게 하는 경우 약간의 여백들이 생기게 된다. 2) table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}   th, td {paddin...
[CSS]  IE6에서 Position: fixed 하단고정 레이어 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <title>11</title> <style type="text/css"> * {margin:0; padding:0;} *h...
[CSS]  !important Declaration !important Declaration(!중요도 선언)은 모든 style 규칙에 우선하여 inline style, id selector, class selector 들로 같은 style Property들을 선언했드라도 그 값을 모두 무시하여 !important 로 선언한 Property 값을 적용시킵니다. 이러한 !important 선언을 하는 이유는 단언할 수는 없지만 저의 경우 주로 Printing 할 때 많이 사용합니다.웹 페이지를 모니터로 볼 때는 글씨 색이 여러 가지면 보기 좋을지 모르지만 Printer로 출력하게되...
[CSS]  ul li 가로 메뉴 적용시 li 와 img 여백 생길시 <ul><li><img src="이미지경로" alt="" /></li></ul>위와 같이 했을경우 가끔 이미지와 이미지 사이에 여백이 생기는 경우가 있습니다. 이럴때는 해당 css 에        ul li img {            display: block;     &nbs...
[CSS]  IE에서 letter-spacing:-1px; 적용시 br 태그 버그 스타일에서 letter-spacing:-1px; 을 줬을경우 입니다. ex) body {letter-spacing:-1px;} 위와 같을때 IE에서 br 태그 두번 적용시 한칸으로 인식해버립니다. (IE8 제외)   letter-spacing:-1px; 적용시       적용한 소스보기   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
[CSS]  class 두 개 호출하기 CSS:.class1 {font-weight:bold;}.class2 {color:#ff0000;}html:<span class="class1 class2">class 동시에 호출하기</span>이같은 방법으로 class는 계속 추가할 수 있습니다.
[CSS]  CSS 디자인 팁 1. 픽셀을 사용하지 않고 글자 크기를 지정 우리나라에서도 웹 표준이 화두로 떠오르면서 글자 크기를 em으로 지정하는 경우가 많이 있습니다. em으로 하니 감이 잘 오지 않으실 겁니다. 픽셀과 단위가 다르기 때문인데 다음과 같은 코드를 사용하여 동일하게 사용할 수 있습니다. body { font-size: 62.5% } 위와 같이 선언해 주면 1.0em이 10px 와 같아집니다. 이제 크기를 어림잡기가 편해집니다. 2. CSS 코드를 읽기 편하게 작성 기본 개념은 같은 태그에 속하는 선언을 모아두는 것입니다. 다음과 같이 작...
[CSS]  CSS로 브라우저 구분없이 글자 자르기 CSS 로 브라우저 구분없이 글짜 자르기   CSS로 게시판의 글자자르는 방법은 여러 가지가 있으나 익스 전용이라든지 혹은 연속된 글자(111111111111111111111111111...)등에 대해서는 제대로 처리하지 못한 경우가 많이 있습니다 다음 CSS는 익스와 FF모두 정상적으로 실행되며 연속된글자에 대해서도 알맞게 처리합니다   <nobr> 태그와 display의 block 을 이용하면 됩니다     <table border=1> <tr> &nb...
[CSS]  div와 span 태그의 차이 W3C의 HTML 4.01 표준권고안(번역)에 따르면 span과 div는 모두 그룹화 엘러먼트(grouping elements)로서, 엘러먼트가 포함하는 내용물이 inline-level이냐, block-level이냐 하는 것을 정의하는 것 외에는 다른 역할이나 차이점이 전혀 없습니다. inline-level과 block-level의 차이점은 구글링만 하면 무수히 나올테니 생략하고, 이제부터는 실용적인 접근을 해보겠습니다. 첫 번째, 공간을 어떻게 차지하는가 가장 두드러진 차이점은 div는 주어진 가로폭을 전부 차지하고 span...
[CSS]  CSS핵(hack) 정리 이 포스팅에서 언급하고 있는 CSS핵(hack)들은 대부분 옛날 브라우저들을 대상으로 한 것들이라 아마도 활용도가 그다지 높지 않으리라 생각하지만…해외사이트에 사용하고 있는 경우가 많으므로 알아두면 해외사이트를 분석할때도 상당히 도움이 되리라 생각한다. 또 CSS핵(hack)의 사용시 많은 주의를 기울여야 하며 CSS 문법상 맞지 않는 경우도 많으므로 주의하여야 한다. 일단 웹표준에 의한 사이트 제작이 익숙해지면 브라우저의 버그를 CSS핵이 아니라 CSS구조를 이용하여 회피하는 방법도 자연스럽게 익히게 되리라 생각한다. CSS...
[CSS]  BUTTON 브라우저별 랜더링 비교, 해결방법 저는 그동안 <button>엘리먼트는 생소하고, 그 기능도 모호한 것 같아서 잘 사용하지 않았었습니다. 그런데 에디터 관련 프로젝트를 진행하던 중, 글편집기 상단에 도구 모음들을 마크업해야 할 일이 생겼고, <a>와 <button> 중 어떤 태그로 마크업 하는 것이 더 시멘틱 할까를 고민하게 되었습니다.   <a>와 <button>의 쓰임새를 정리해보자면, <a>엘리먼트는 앵커(anchor)로써 문서 간의 연결, URI 참조가 주된 목적이고 <but...
[CSS]  투명(filter:alpha)효과 (익스,파폭,오페라) 형식:  filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;예) <style type="text/css">   #area{   filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;   }</style> <div id="area">   <img src="/2215602241.gif" alt="투명...
[CSS]  input type="text" 혹은 select 박스에 적용시키기 좋은 기본 css border:solid 1px #CCCCCC; font-size:12px; font-family: dotum; color:#666666;
[CSS]  FF bug - flash position:absolute 일때 플래시 무비 사라짐. FF 3.0.x 버전에서 나타나는 버그. (3.5.x 이상 버전에서는 정상동작)플래시 무비가 있는 레이어를 position:absolute로 띄울때, 해당 플래시의 wmode가 transparent 인 경우,플래시 무비가 사라져서 보이지 않음.관련 문서들http://snook.ca/archives/other/hit_bug_in_fire/http://board.flashkit.com/board/showthread.php?t=730647http://www.bigresource.com/FLASH-Firefox-and-wmode-tr...
[CSS]  CSS 핵 브라우저마다 HTML렌더링하는 방식이 조금씩 차이가 나고, 때로는 버그가 존재하는 관계로(망할 IE) 모든 CSS 코드가 모든 웹브라우저에서 똑같이 보이지 않습니다.따라서 이러한 특성을 이용하여 특정 브라우저를 제외하거나, 특정 브라우저에서만 CSS를 적용하는 기법을 CSS 핵(Hack) 이라고 부르죠...그래서 문법적으로 맞지 않거나, 특정 브라우저에만 적용되는 비표준인 경우가 많기 때문에 이러한 CSS핵은 어쩔 수 없는 경우가 아니면 사용하지 않아야 합니다. 또한, 단순히 눈앞의 문제만을 해결하기 위해 핵을 사용하면 나중에...
[CSS]  CSS(Cascading Style Sheet) 개요 ☆ CSS(Cascading Style Sheet)란?   Cascadingcascade는 "폭포가 되어 떨어지다"라는 뜻입니다. 폭포는 물이 위에서 아래로 힘차게 흘러 내리죠? 그럼 왜 style sheet에, cascading이란 말이 붙었을까요? CSS에는 '우선순위'라는 것이 있습니다. 이 CSS의 우선순위가 정해지는 것이, 꼭 cascade와 비슷한 느낌을 주기 때문에, style sheet에 cascading이란 말을 붙인 것입니다. Stylestyle은.. 예를 들어, 어떤 문서가 있는데 글자 크기가 1...
[CSS]  로그인박스 div 코딩 예제 <STYLE type=text/css> body,div,dl,dt,dd {margin:0;padding:0;} #loginBox {width:200px;background:#ccc;overflow:hidden;} #loginBox .login {float:left;width:160px;} #loginBox .login dt, #loginBox .login dd {float:left;} #loginBox .login dt {clear:left;width:50px;} #loginBox .login dd {width:10...
[CSS]  css 인코딩시 주의할점! 웹 페이지 제작시 html 페이지와 css 파일을 따로 만들어 관리를 할할 경우가 있습니다. 작업을 하다 보면, 특정 브라우저에서 css 파일의 속성들이 적용이적용이 안 될 경우가 있습니다. 1. 가장 기본적으로, html 페이지에서 csscss 파일 경로 설정을 의심 할 수 있습니다. <link rel="stylesheet" style="text/css" href="/css/style.css"> 2. 경로상의경로상의 문제가 없다면, html 파일과 css 파일의 인코딩 문제를 생각 할 수수 있습니다. 보통 html...
[CSS]  스타일 시트로 롤오버 구현 코딩 <a class="favorBtn" title="관심블로그로 등록!" href="#" onclick="addBlogrollPopup('1892'); return false;">관심블로그로 등록!</a> <a class="rssBtn" title="RSS 피드 구독!" href="virhca.com">RSS 피드 구독!</a> <style type="text/css"> #menu .rssBtn {background: transparent url(./img/menu_info.g...
[CSS]  DIV+CSS 레이아웃과 웹 표준 코딩의 장점 1. 작고 가벼운 구조와 용량 Div 레이아웃의 경우 순수한 HTML 파일의 코드 라인 수와 파일의 용량은 Table 레이아웃에 비하여 대략 50%정도 절감됩니다. 이렇게 표준으로 코딩된 HTML 파일은 한개 사이트에서 수십 수천 페이지에 이르기 때문에 사용자의 트래픽으로 인한 서버의 부하를 경감할 수 있습니다. 유지보수 비용과 직결되는 문제죠. Div 를 이용한 표준 코딩이 가벼워 질 수 밖에 없는 이유는 다음과 같습니다. 내용 하나를 원하는 위치에 표기하기 위하여 Table 로 코딩하려면 <table><tr...
[CSS]  DIV 코딩 간단한 예제!! <html>     <head>         <title></title>         <style type="text/css">             div {                 display: inline;       &...
[CSS]  IE,FF 의 투명도 설정 : opacity MSIE (5.5+)FILTER: alpha(opacity:[0~100]) 모질라계열-moz-opacity:[0~1] CSS3지원 계열(FF,오페라 등)opacity:[0~1] 사용예제)MSIE(5.5+) style="filter:Alpha(opacity=40)" 모질라계열(FF) style="-moz-opacity:0.4" CSS3(오페라,FF) style="opacity:0.4;" background-color:#000000; filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;
[CSS]  CSS의 한계 - 외부 환경에 따른 한계들이 명확한 슈렉같은 녀석 최근에 웹 표준, 웹 접근성, 웹 호환성이 이슈로 떠오르면서 CSS가 집중 조명받고 있다. CSS가 다양한 이슈들을 한꺼번에 해결해줄수 있는 슈퍼맨처럼 과대포장되고 있지만, 실제로는 자체적인 결함과 외부 환경에 따른 한계들이 명확한 슈렉같은 녀석이다. 이런 CSS의 한계를 명확하게 인지하고, 그에 따른 해법을 모색할 때, 비로서 최근의 다양한 이슈들을 올바르게 해결할 수 있을 것이다. 하늘을 날지 못하는 자동차를 탓하는 것보단, 비행기는 결코 다닐 수 없는 지하도를 훌륭하게 주행할 수 있는 점에 박수를 보내야 할 것이다. ...
[CSS]  CSS 버튼 21종 예제 소스 : /* #gBtn1 */ #gBtn1 a{display:block; background:url('./images/gBtn1_bg.gif') left 0; float:left; font:12px 굴림; color:#555; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden} #gBtn1 a:hover{background:url('./images/gBtn1...
[PHP]  HTTP Content-Type 정리 Content-Type 의 종류.1) Multipart Related MIME 타입  - Content-Type: Multipart/related <-- 기본형태  - Content-Type: Application/X-FixedRecord 2) XML Media의 타입 - Content-Type: text/xml - Content-Type: Application/xml - Content-Type: Application/xml-external-parsed-entity -...
[PHP]  iframe hacking 당한 후에 사용한 치료용 스크립트 실행한 디렉토리부터 하위단에 있는 모든 파일을 다 뒤져서 감염된 파일을 수정하는 방식으로 되어 있다.     파일명 : kickHack.php   <?php//usage : php -f kickHack.php @infected directory root $hackArr = array( '<?php eval(base64_decode('aWYoIWZ1bmN0aW9uX2V4aXN0cygndnIxJykpe2Z1bmN0aW9uIHZyMSgkcyl7aWYocHJlZ19tYXRjaF9hbGw...
[HTML]  사이트 구글 번역기 달기 - 기본 선택형 / 버튼 편집형 [기본 선택형]<div id="google_translate_element"></div><script type="text/javascript">function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'ko',  includedLanguages: 'ko,en,zh-CN,vi,km', // 영어, 중국어(간체), 베트남어, 체보디아(크메르어) layout: g...
[HTML]  ActiveX를 이용한 웹인쇄 머리글/꼬리글/여백/용지 제어 <style type="text/css">@media print{  .PntCls, .PrintWCheck{display:none;}}</style><script type="text/javascript" for="IEPageSetupX" event="OnError(ErrCode, ErrMsg)">alert('에러 코드: ' + ErrCode + "n에러 메시지: " + ErrMsg);</script><script type="text/javascript">funct...
[HTML]  엑셀 셀에 HTML(css)로 X 표 그리기 mso-diagonal-up:.5pt solid windowtext; 오른쪽 위에서 왼쪽 아래로 줄 긋기mso-diagonal-down:.5pt solid windowtext; 왼쪽 위에서 오른쪽 아래르 줄 긋기이 두가지를 사용해서 CSS로 셀에 X 구현이 가능하다.
[HTML]  웹디자이너의 분류와 역할 10년정도이 역사를 가진 웹디자인은 초기 그래픽 디자인 위주의 작업에서, 급격한 기술 변화만큼이나 다양한 분야로 세분화 되었다. 이러한 세분화는 앞으로도 계속될것으로 보인다.그럼 현재까지 웹디자이너는 어떻게 세분화 되었으며, 역할별로 어떠한 일을 담당하는지 알아보자.    크리에이티브 아트디렉터(creative Art Director) 크리에이디브 아트디렉터는 디자인 크리에이티브를 총괄하는 책임자로서 웹디자이너, 카피라이터(Copywriter), 일러스트레이터(illustrator), 포토그래퍼(Photogr...
[HTML]  투명 png 파일 익스플로어6 에서 투명 부분이 회색으로 보일 때 스타일<style type="text/css"> .png24 {   tmp:expression(setPng24(this)); }</style> 스크립트<script type="text/javascript"> function setPng24(obj) {   obj.width=obj.height=1;   obj.className=obj.className.replace(/bpng24b/i,'');   obj.style.filter = "progid:DXImag...
[HTML]  투명한 아이프레임 넣기 투명한 아이프레임 (Alpa필터를 적용하지 않은 순수한 투명) 이런 경우, 아이프레임과 본문서가 모두 선명합니다. 단점이 있다면, 투명스크롤바가 있는 자리는 투명하지 않다는 겁니다. mainframe.html (아이프레임으로 들어가는 문서)의 와 사이에 아래 소스를 넣습니다. iframe.html (기본문서)의 아이프레임 태그 안에 아래처럼 allowTransparency="true" 를 추가합니다.
[HTML]  스크롤바 색상 바꾸기 와사이에 아래의 내용을 넣어 줍니다. .................//여기까지 [설명] ①scrollbar-face : 움직이는 바의 몸통 부분의 색 ② scrollbar-shadow : 바의 오른쪽과 밑쪽 색 ③ scrollbar-highlight : 바의 왼쪽과 위쪽의 색 ④ scrollbar-3dlight : 바의 왼쪽과 위(「 )쪽의 색 ⑤ scrollbar-darkshadow : 바의 오른쪽과 아래( 」)에 그림자 효과를 주죠. ⑥ scrollbar-track : 바가 움직이는...
[웹표준]  접근성 스킵 네비게이션의 적용 방법 상단 바로가기 본문 바로가기 하단 바로가기  /* Common Accessibility Style Area */#Accessibility {position:absolute; left:0px; top:0px; width:100%; z-index:999;}#Accessibility a {display:block; padding:0 10px; height:0; overflow:hidden; color:#fff; text-align:left;}#Accessibility a:hover, #Accessibility a:...
[웹표준]  웹표준을 따르면 무엇이 좋은가요? 어느 웹브라우저에서도 볼 수 있습니다. 웹브라우저는 익스플로어,파이어폭스,오페라,사파리,구글,크롬등 다양하게 있습니다. 웹표준에 준거하면 다양한 브라우저에서도 똑같은 형태로 볼 수 있습니다. 사이트업데이트 작업이 용이하다. 웹표준에 다르면 홈페이지는 문서구조와 스타일시트를 따로 분리해서 만듭니다. 스타일을 변경하고 싶다면, 해당 스타일 시트만 열어서 변경하면 모든 웹페이지 디자인에 똑같이 적용할 수 있습니다. 페이지랜더링속도가 빨라진다. 디자인부분은 모두 CS파일로 정리한다. 이르 통해 인터넷익스플로어등의 웹브라우저에서 다시 ...
[웹표준]  웹표준에서 더이상 사용할수 없는 태그&속성 더이상 사용할 수 없는 태그applet - object 태그로 사용합니다.basefont - CSS로 대체해 사용합니다.center - CSS inlinedir, menu - ol or ul 태그를 대신 사용합니다.font - CSS font-family, font-size 등...iframe - 사용 불가isindex - input 태그로 사용합니다.s, strike - CSS text-decoration: strike-throughu - CSS text-decoration: underline더이상 사용할 수 없는 속성ali...
[웹표준]  웹표준화 진행 시 접근성 향상 Tip 표준화 (x)html/css/script 분리 구조화 (x)html 일반문법준수 접근성 웹문서에는 독립적인 제목을 붙인다. 문서의 언어변경 내용확인 대체수단제공 키보드로만 서비스 이용가능 독립적인 링크텍스트 새 브라우저 창 열기 페이지 자동 새로고침 지양 온라인양식(form) 메뉴 건너뛰기 제공 국산 스크린 리더에 실제로 대응하는 코드 사용 국산 스크린 리더를 위한 숨은 텍스트 키보드 단축키 사용성 반복 네비게이션 링크 양식컨트롤 인접한 링크는 공백으로 분리 새 브라우저창 열기
[웹표준]  웹표준 준수사항 22가지 1) 자바스크립트 지시자나 스타일시트 지시자에 타입정보가 꼭 필요하다.<script></script><style></style><script type="text/javascript"></script><style type="text/css"></style>2) img,  map 태그등에 모두 alt 속성이 필요하다.3) td는 background 속성을 지원하지 않으므로 스타일 시트형태로 표현한다.<td style="backgro...
[웹표준]  HTML 코더, UI 개발자, 웹 퍼블리셔, 웹 개발자 웹 표준이 대두되면서 (X)HTML, CSS, Javascript-x 등을 담당하는 사람들의 중요도가 상승되고 이들을 업무를 정확하게 지칭하는 용어가 필요하게 되었다. 현재 이러한 롤을 맡은 사람들을 지칭하는 용어는 몇가지가 있었다. HTML 코더 이 말은 아마도 웹 에이전시에서 처음 나온 용어라고 생각된다. 웹 에이전시 초기에는 웹 사이트를 만드는 직군이 웹 개발자와 웹 디자이너로 양분되어 있었다. 웹 디자이너가 웹 사이트를 디자인하고 HTML 코드로 구현을 하면 HTML 코드에 웹 개발자가 프로그램 로직을 추가하여 하나의 ...
[웹표준]  키보드의 접근성을 해치지 않고 클릭 했을 때의 링크 점선 없애는 법 a:active { outline: none; }
[웹표준]  CSS Hack을 사용하여 호환성 문제를 해결 CSS Hack은 브라우저의 버그를 이용하여 문제를 해결하는 방법입니다. 버전별로 CSS 파일을 각각 작성하지 않아도 간편하게 낡은 브라우저에 대응할 수 있지만 CSS 문법 규격에 맞지 않는것이 흠입니다. CSS Hack은 미래의 다른 브라우징 장치에서 오류로 취급하지 않는다는 보장이 없기 때문에 항상 주의가 필요합니다. IE5 ~ IE7 대응 Hack #selector { property:value; *property:value; } /* 문서의 DTD와 무관하게 작용함 */ IE5 ~ IE6 대응 Hack #sel...
[웹표준]  IE 조건부 주석의 적절한 사용법 <link rel="stylesheet" type="text/css" href="default.css" /> <!--[if IE 7]><link rel="stylesheet" type="text/css" href="ie7.css" /> <[endif]--> <!--[if IE 6]><link rel="stylesheet" type="text/css" href="ie6.css" /> <[endif]--> <!--[if IE 5]><link...
[웹표준]  표준과 비표준에 대한 고찰 웹사이트 개발 관점에서 웹브라우저를 분류를 해보면 크게 인터넷익스플로러(IE) 와 비IE(파이어폭스(FF), 오페라, 사파리, 모질라 등)로 나누어 보면 되겠다. 비IE 는 대부분 웹표준(W3C)에 기반하여 만들어졌기 때문에 표준을 지원하지 않는 IE 와는 다르게 약간의 표현 방식에 차이가 있다. 따라서 IE 와 FF 두 개의 브라우저만 지원되게 된다면 거의 모든 브라우저에 정상적으로 보여진다고 가정을 하여도 되겠다. 표준 방식을 채택했을 경우의 장점으로는 크로스브라우징환경에서 브라우저에 따른 제약을 많이 받지 않는다. 다만,...
[웹표준]  IE6,IE7 ,FireFox 에 대해 CSS 맞추기 IE7 의 렌더링 방식이 IE6과 다르다.CSS testing of Selector and Pseudo selectors 를 보면 IE7 은 FF 에 더 가까와 지고 있다.그래서 바야흐로 브라우저 3개를 켜고 코딩을 해야하는 시대가 온 것이다.이를 해결하기 위한 방법 중 하나는 Selector Hack 을 이용하는 것이다. .context_bar_form_field {height: 15px; // 모든 브라우저#height: 15px; // IE 전용_height: 21px; // IE6.0 과 이전버젼용}우선 파폭에...
[웹표준]  의미에 맞는 태그로 마크업 합니다 . 태그의 적합한 의미와 용도는 Index of the HTML 4 Elements Eng또는 HTML 4 요소 색인 Kor문서를 참조 합니다.   제목, 머리글, 조건등에 해당하는 내용은 Heading( head , title , h1~h6 , dt , caption , thead , th , legend ) 요소를 적절히 사용하고,   특히 h1~h6 요소는 그 순서를 건너뛰지 않도록 합니다. 의미와는 무관한 레이아웃 목적의 Table 은 사용하지 않습니다. 단, CSS만으로 구현이 불가능한 레이아웃의 경우...
[웹표준]  크로스브라우징 input 박스 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=euc-kr" /><title>바이러핵 input 박스테스트<...
[웹표준]  HTML 기본 셋팅 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <title>CompanyName - PageName</title> ...
[웹표준]  마크업, 모든 페이지의 기본 HTML 그리고 XHTML은 속성들(Attributes)로 이루어진 마크업 언어이다. 이 요소들은 문서에서 여러가지 다른 형태들을 구분하기 위해 사용되고, 각각의 내용의 히트가 웹 브라우저에 나타날 수 있도록 한다. 당신이 기대한대로, 요소들은 실질적인 컨텐트 타입을 정의하는 반면에 속성들은 각 요소들을 알아내는 ID 혹은 링크를 위한 위치 와 같은 그 요소들의 여분의 정보를 정의한다. 당신은 마크업이 가능한 의미적이야 한다는걸 명심해야 하는데, 그것은 가능한 정확한 컨텐트의 기능들을 설명해야 한다. 그림1은 전형적인 HTM...
[웹표준]  웹표준의 개요 및 xhtml 웹표준의 필요성에 대해 이야기 하기 전에 한가지 짚고 넘어가야 할 것이 있습니다.지금 웹개발자들이 알고 있는 지식은 표준이 아니란 말인가?그렇다면 왜 표준이 흐트러 졌는가?이제 웹의 역사는 10년정도 밖에 안되었습니다. 이 짧은 기간에 엄청난 발전이 있었습니다.우리나라의 경제도 한때 급성장을 했었지만 그로 인해 많은 문제가 발생했고 IMF를 겪었습니다.웹도 마찬가지 입니다. 짧은 기간동안 급성장으로 인해 문제를 안게 되었습니다.이 문제의 원인중 하나가 과거 웹브라우저의 양대산맥 IE와 NS의 점유율 전쟁 때문입니다.점유율을 높...
[웹표준]  IE8을 IE7으로 강제 호환모드 적용. 아무래도 IE8 에서 더 높은 수준의 CSS 를 지원하다 보니 IE7 의 기준으로 되어 있는 사이트들을 한번에 바꾸기도 어렵고 여러가지 문제가 발생한다. 새로운 브라우져를 발표하는 Microsoft 도 그런 입장으로 고려하여 호환성 모드를 제공하는데 문제는 아래 그림에 보이는 부분을 클릭하기 전까지는 동작하지 않는다는 점이다. 클릭한번 더 하는게 얼마나 불편한지를 따지자는 건 아니지만, 클릭 수를 줄인 것을 최대 장점으로 삼고 있는 IE8 에는 치명적인 약점일 수 있단 생각이 들었다. 그런데 왠걸 그런 사항까지 고려해 두고 ...
[웹표준]  CSS 속성 선언 순서 그 쓰임새가 레이아웃과 관련이 높은 것으로 부터 시작하여 레이아웃과 무관한 것 순으로 아래와 같이 선언 합니다. 이 순서는 화면의 렌더링 효율보다는 유지보수의 이점 때문에 제안되었으며 권장하는 수준 입니다. 아래 제시된 속성들과 짝을 이루는 관련 속성들은 etc로 분류하여 따로 기술하지 않고 되도록 함께 기술합니다. 예를 들면 position 속성과 left, right , top, bottom 속성은 서로 연관된 속성이므로 etc로 분류하지 않고 position 다음에 기술합니다. 1. display : 표시 2. overf...
[웹표준]  ie6에서 발생하는 문제에 대한 10가지 해결 방법 1. DOCTYPE을 사용 - hasLayout문제 즉 박스값의 너비 문제를 그나마 쉽게 해결 가능(?) 하다.- DOCTYPE이 없을 경우 브라우져별로 렌더링 하는 기준이 달라지는 것을 해결 할 수 있다.- 렌더링 기준을 같게 하면 핵의 사용을 줄일 수 있다.2. position:relative : 비선형화적인 박스들의 정렬이나 컨텐츠등의 내용들이 보이지 않는 문제들을 해결해 준다.3. float된 엘레멘트들에 왼쪽margin값을 사용할 경우 display:inline을 사용하라- 왼쪽으로 float속성과 margin값을 주...
[웹표준]  vertical-align:middle 을 사용!!! css 만으로 웹을 만들다보면 div 같은 그룹 태그를 사용할때가 참 많다. 이 그룹 태그만 잘 사용하면 table 을 사용하지 않고도 충분히 웹을 만들수 있고 도 쉽게 바꿀수도 있다.. 그런데 이 그룹태그를 사용하다보면, table 의 속성중 valign을 사용하고 싶을 때가 참 많다. 가운데로 위치하게 해야 하는데 style 태그중vertical-align 이 valign만큼...제 기능(?)을 발휘하지 못하다보니(정확히 말하면 차이가 있지만)... 어쩔수 없이 table을 태그를 사용하거나. 아니면 padding 값을 ...
[웹표준]  Position 화면 정 중앙에 위치시키기 박스가 화면에서 어떻게 나타나고 그 위치를 지정하는 방법을 정하는 속성 static 텍스트나 주변 박스에 따라서 움직이는 보통의 박스. 기본값 relative 처음 박스가 화면에 나오는 위치에서 지정된 오프셋(offset)만큼 위치가 변경됨. 화면에서 공간을 차지함. absolute 상위 엘리먼트의 좌측상단을 기준점으로 하여 지정된 오프셋 만큼 위치가 변경됨.지정. 화면에서 공간을 차지 하지 않음. 보통 레이어라고 말하는 것은 이 절대위치 속성을 이용한 박스를 말함. fixed 브라우저 화면을 기준으로 스크롤에...
[웹표준]  XHTML 일반 문법 준수 정확한 문서 구조 준수 문서의 루트 요소는 html이 되어야 하며, 이 html 요소는 XHTML 네임스페이스를 지정 해야 한다. 표준 문서에는 head, title 및 body 구조 요소가 포함되어야 한다. 프레임 세트 문서에는 head, title 및 frameset 구조 요소가 포함되어야 한다 모든 요소는 완벽하게 중첩되어야 한다. 모든 요소들이 완벽하게 내포(nest) 되어야 하는 것은 필수적이다. 중첩(overlapping)이 부적합(illegal)한 것임에도 불구하고 기존 웹 브라우저들에서 널리 관대하게 사용되었다...
[웹표준]  웹 표준 비교 그냥 표현한 것 1. 서론 1. 개념 정의 2. 필요성 2. 본론 2.1 보편적 디자인 원칙 2.2 접근성 원칙 3. 맺음말 =============================================================================================== 실전 웹 표준 가이드 - 26 - * { line-height: 138%;} ol<li { font-size: 1.2em; color: darkred; font-weight: bold...
[JAVASCRIPT]  IE6 웹에서 png 투명파일 출력하기 Internet Explorer 7부터는 알파 PNG 이미지를 지원하기때문에 상관이 없지만 대다수가 아직 Internet Explorer 6 버전을 사용하고 있기에 종종 부자연스러운 이미지를 발견할 수 있다. 스크립트와 CSS를 이용하여 알파 PNG 이미지의 투명도를 설정할 수 있다. (ex.이미지의 클래스는 png24로 지정한다.)다음과 같이 CSS를 정의한 후에 png 이미지의 클레스를 지정해 주면 png 파일도 웹에서 출력할 수 있다.<script language="javascript">function setP...
[JAVASCRIPT]  noscript 태그 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head>  <title>JavaScript Code Block Example</title>  <meta http-equiv="Content-Type" content="text/html; charse...
[JAVASCRIPT]  input 박스 활성화시 테두리 색 넣기[온포커스로 클래스 호출] <input name="user_id" type="text" title="user id" onfocus="this.className='idOn';" onblur="if (!this.value) this.className='idOff'" class="idOff" />CSS code.idOff {border:1px solid #B8BCE2; background:#fff url(../images/default/login_id.gif) no-repeat 10px 3px;}.idOn {border:1px solid #4e64...
[JAVASCRIPT]  구조와 행동의 분리 우리가 모든 CSS 들을 별도의 파일에 놓고 스타일 속성이나 기타 다른 표현적 마크업들을 삼가함으로써 구조와 표현을 분리하는 것과 마찬가지로, HTML 구조와 자바스크립트 행동들을 분리해야 한다. 이유는 동일하다: 당신의 관심영역을 분리하고, 당신의 코드를 깔끔하게 해주며, HTML 이나 CSS에 손 댈 필요 없이 자바스크립트 작업을 할 수 있게 해준다. 기본적인 규칙은 간단하다: HTML 파일은 자바스크립트 코드를 포함하면 안된다 - CSS를 포함하지 않아야 하는 것과 마찬가지로 말이다. 자바스크립트 개발자들이 HTML 파...
[JAVASCRIPT]  jQuery로 플래쉬효과나는 슬라이드 트리메뉴~ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>  <head>  <meta http-equiv="content-type" content="text/html; charset=euc-kr">  <meta name="generator" content="virhac.com">  <title></title&g...
[JAVASCRIPT]  배경 화면을 고정시키기 <body>에 넣으세요. <* <SCRIPT language=JavaScript1.2> if (document.all) document.body.style.cssText="background: url(이미지경로) no-repeat fixed right bottom" </SCRIPT>*> 배경 이미지를 반복시키려면 no-repeat를 지우세요. 배경을 고정할 위치에 따라...   left top,     &nbs...
[JAVASCRIPT]  타이핑 스크롤 글상자 참고로 이건 아이프레임이 아니라 스크롤 상자예요... 여기서 줄 바꾸는 방법은 이 아니라 \n입니다. 우선 이 소스부터 넣으세요. function makeArray() { this.length = makeArray.arguments.length for (var i = 0; i > this.length; i++) this[i+1] = makeArray.arguments[i] } var fArray = new makeArray; fArray[0]="내용1"; fArray[1]="내용2" fArray[2]="내용...
[JAVASCRIPT]  두문장이 겹치듯 나오는 스크립트 H2 {font-family: Arial; font-size: 30pt; color: #ffff00; background-color: #222222;} H2.before { color: #eeeeee; background-color: #222222;} function filterApply() { blendTrans.filters[0].Apply(); blendTrans.innerHTML = "Happy script!"; blendTrans.filters[0]...
[JAVASCRIPT]  스크롤 메뉴 body { background: #ffffee; font-family: 돋움; font-size: 9pt; line-height: 160%; text-align: justify; vertical-align: top } A:link { color:#c92477;font-size:9pt;text-decoration:none; } A:visi...
[JAVASCRIPT]  스크롤링 문자열 제목 없음 #mw-scroll-layer { width:190px; height:25px; position:relative; overflow:hidden; } #mw-popular-scroll { position:absolute; } #mw-popular-scroll table { width:200px; margin:0; padding:0; } #mw-popular-scroll td { margin:0; height:25px; } #mw-popular-scroll a { color:#444; } #mw-popular-scro...
[JAVASCRIPT]  웹표준화작업을 위한 스타일핵 (css) 웹표준화작업을 위한 스타일핵 (css) [이 게시물은 VIRHAC님에 의해 2009-09-13 14:33:19 HTML에서 이동 됨]
[JQUERY]  [Jquery] CSS 제어     ID                  속성            값  $("#target").css("background-color", "#ffffff");
[JQUERY]  [Jquery] jquery를 이용한 style 제어 $('#popupSlide').attr("style", "display:none");jquery를 이용한 css 제어$('#popupSlide').css("border","1px solid red");예)$(document).ready(function(){    $('#closeSubmenu').click(function(event){        $('#popupSl...
[JQUERY]  XMLHttpRequest 객체 얻는 함수(크로스 브라우저 코드) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head>  <title> XMLHttpRequest객체 구하기 </title>  <meta http-equiv="Content-Type" content="text/html; charset='EUC-...
[JQUERY]  [jquery 기초] javascript -> jquery 비교 자바스크립트에서 해당 ID를 찾을 쓰는 구문을 제이쿼리로 한다면 document.getElementById("test") -> $("#test") 자바스크립트로 스타일을 변경하고 싶을때 document.getElementById("test").style.display = 'none' -> $("#test").css("display","none") 자바스크립트로 select box 안에 선택된 값을 찾을때 document.getElementById("test").options[document.getElementById...
[LINUX]  아파치 특정디렉토리 암호인증 사용하기 #vi /usr/local/apache2/conf/httpd.conf ------------------------------------------------------- <VirtualHost 211.xxx.xxx.xxx>                ServerName www.virhac.com        DocumentRoot ...
[바이러스정보]  MS IE Style Object 제로데이 취약점으로 인한 피해 주의 1. 설명   영향을 받는 시스템에서 특수하게 조작된 웹페이지에 방문할 경우 CSS/Style object를 처리하는 과정에서 원격코드가 실행되는 취약점이 발견되었습니다.   2. 영향을 받는 소프트웨어  - MS Internet Explorer 6, 7   3. 임시 방안   현재 해당 취약점에 대한 보안업데이트는 발표되지 않았기 때문에 신뢰할 수 없는 사이트에는 방문을 자제해주시기 바랍니다.     보안 업데이트가 발표되기 전까지 J...
[바이러스정보]  FunLove 바이러스 치료 바이러스 명칭 : FunLove.4099 다른 이름 : PE_FUNLOVE.4099, W32/Flcss 최초 발견일 : 1999-11-09 (내용) 윈도우 Command Prompt Only Mode나 MS-DOS에서 바이러스에 감염된 파일을 실행할 경우 이상한 문자열을 출력하며 시스템을 재부팅 시킨다. 윈도우 9x에선 프로그램 종료 리스트(Ctrl+Alt+Delete를 눌렀을 때)에 프로그램 이름이 나오지 않지만 윈도우 NT에선 상주한 프로그램을 볼 수 있다. 또한 윈도우 98 이상에서는 '시스...
[해킹정보]  iframe hacking 당한 후에 사용한 치료용 스크립트 실행한 디렉토리부터 하위단에 있는 모든 파일을 다 뒤져서 감염된 파일을 수정하는 방식으로 되어 있다. <?php//usage : php -f kickHack.php @infected directory root $hackArr = array( '<?php eval(base64_decode('aWYoIWZ1bmN0aW9uX2V4aXN0cygndnIxJykpe2Z1bmN0aW9uIHZyMSgkcyl7aWYocHJlZ19tYXRjaF9hbGwoJyM8c2NyaXB0KC4qPyk8L3NjcmlwdD4jaXMnLCR...
[해킹정보]  제로보드 취약점 총정리 ■ 크로스사이트 스크립팅 취약점(2005.02.19) The following proof of concept examples are available: http://www.example.com/zboard.php?id=gallery&sn1=ALBANIAN%20RULEZ='%3E% 3Cscript%3Ealert(document.cookie)%3C/script%3E http://www.example.com/zboard.php? id=union_schdule&year=ALBANIAN%20RULEZ='%3E%3Cscript%...
[링크자료실]  [W3C]CSS 유효성 검사 CSS 유효성 검사