목록프로그래밍 (16)
윈컴이의 컴퓨터 이야기
GitHub에 XE 애드온을 등록하였습니다.
No Act!사용하지 않는 페이지(act)를 차단하는 XE 애드온입니다.GitHub: https://github.com/wincomi/xe-no-actXE 공식 자료실: https://www.xpressengine.com/index.php?mid=download&package_id=22753846301 Moved Permanently원하는 모듈에 "HTTP/1.1 301 Moved Permanently" 헤더를 표시하며, 원..
IE6, IE7에서 display:inline-block 속성 사용하기
IE6, IE7에서 display:inline-block을 사용하면 block 요소로 인식합니다. 이때 다음과 같은 핵을 쓰면 해결할 수 있습니다. div{display:inline-block;*display:inline; zoom:1;}
:before, :after은 CSS의 가상 요소입니다. CSS3에서는 ::before, ::after로 사용합니다. 예제<a href="#">1111</a> <a href="#">222</a> <a href="#">333</a>미리보기 1111 222 333여기에 :before 혹은 :after를 이용해서 각 항목을 구분할 수 있는 디자인을 만들 수 있습니다.예제 1 - af..
CSS3 Text-Shadow (텍스트 그림자)
CSS3에 추가된 text-shadow 속성은 텍스트에 그림자 효과를 표시합니다. text-shadow text-shadow: (오른쪽) (아래) (블러) (색상); 지원 브라우저 IE8 이하를 제외한 대부분의 브라우저에서 지원합니다. 미리보기 예제 1 Text-Shadow 1 <p id="shadow_1">Text-Shadow</p> #shadow_1 {text-shadow:1px 1px #ccc;} 예제 2 Text-S..
CSS3에 추가된 box-shadow 속성은 박스에 그림자 효과를 표시합니다. box-shadow box-shadow: [inset] (오른쪽 위치) (아래 위치) (블러) (색상); 지원 브라우저 IE8 이하를 제외한 대부분의 브라우저에서 지원합니다. 미리보기 기본 box-shadow 1 <div id="shadow_1">Text-Shadow 2</div> #shadow_1 {box-shadow: -10px 10px 1..
Doctype은 Document Type의 줄임말입니다. 이 웹 페이지가 사용하는 HTML 버전을 알려주는 역할을 합니다. 항상 HTML 파일의 최상단에 위치해야합니다. HTML5 Doctype <!DOCTYPE html> HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">..
HTML 소스 내에서 개발자의 편의를 위해 주석을 달 수 있습니다. 소스로만 표시되며, 화면 상에서는 표시되지 않습니다. CSS에 /* */과 // 와 같은 역할을 합니다. <!-- 주석 내용 --> 이 주석 태그는 모든 브라우저에서 지원됩니다. 이 글은... 과거 이 블로그의 글을 정리 후 재 발행하는 글입니다. 2012.08.04 13:47: 첫 발행 2016.07.15 17:45: 2차 발행
httpd를 시작할 때 아래와 같이 뜰 때가 있다. 이럴 때는 다음과 같이 하면 된다. (초기 세팅을 기본으로 함.) vi /etc/httpd/conf/httpd.conf /NameVirtualHost / NameVirtualHost를 찾습니다. 주석을 해제합니다. :wq service httpd restart
httpd를 시작할 때 아래와 같이 뜰 때가 있다. 이럴 때는 다음과 같이 하면 된다. (초기 세팅을 기본으로 함.) vi /etc/httpd/conf/httpd.conf /ServerName/ ServerName 찾기 #ServerName www.example.com:80를 ServerName localhost로 변경 (주석해제) service httpd restart
httpd를 시작할 때 아래와 같이 뜰때가 있다. httpd: apr_sockaddr_info_get() failed for ABC 이럴 때는 다음과 같이 하면 된다. (초기 세팅을 기본으로 함.) vi /etc/hosts 예) 127.0.0.1 localhost localhost.localdomain localhost4 localhost4.localdomain4 ABC :wq service httpd restart apache/con..
border-width 1px 2px 3px 4px 5px 6px 7px 8px 9px 10px 20px border-color skyblue border-stylenone dotted dashed solid double groove ridge inset outset * http://www.w3schools.com/css/css_border.asp 예제) border-style:soild;그런데 이렇게 쓰기는 너무 불편..
padding-toppadding-rightpadding-bottompadding-left안쪽 여백을 정할 수 있습니다. margin처럼 세부적으로 한 개씩 정할 수 있습니다. 예제) padding-top:10px; padding-right:2em; padding-bottom:100% padding-left:0 padding간단하죠. padding-top, padding-right 등을 모두 정할 수 있습니다. padding에 ..
margin은 안쪽 여백이 아니라 바깥 여백입니다.margin-topmargin-rightmargin-bottommargin-left바깥 여백을 정할 수 있습니다. 세부적으로 한개 씩 정할 수 있습니다. 예제) margin-top:10px; margin-right:2em; margin-bottom:100% margin-left:0 marginmargin-top, margin-right 등을 모두 정할 수 있습니다. margin..
CSS 기초 강좌 - 7강. CSS Box Model(박스모델)이란?
출처 : http://www.w3schools.com/css/css_boxmodel.asp 모든 HTML 요소는 박스로 생각하면 됩니다. CSS에서디자인과 레이아웃 얘기를 할 때, 용어 '박스 모델"이 사용됩니다. 박스 모델은 우리가 다른 요소와 관련 요소와 공간 요소 주위에 테두리를 삽입하실 수 있습니다.아래의 이미지는 상자 모델을 보여줍니다 Width(너비)와 Height(높이)는 어떻게 정해질까? ..
background-color : 배경색 지정 배경색을 지정하는 속성입니다. 색상 이름이나 코드 값을 넣을 수 있습니다. 예제) body {background-color:#eeeeee;} #wincomi {background-color:skyblue} background-image : 배경 이미지 지정 배경 이미지를 지정하는 속성입니다. 이미지 경로를 입력하시면 됩니다. 이미지 경로는 url(“~~”)로 입력합니다..