HTML/CSS 이야기 홈페이지 만들 때 유용한 텍스트 롤오버 메뉴 만들기 오늘은 홈페이지를 만들 때 많이 쓰이는 텍스트 롤오버 메뉴 메뉴를 만들어 보도록 하겠습니다. 먼저 실행 모습을 보도록 하겠습니다. 여기서 마우스를 올리면 하단에 주황색의 줄이 나타납니다. 한번 만들어 볼까요? HTML을 부분을 보도록 하겠습니다. 메뉴1 메뉴2 메뉴3 메뉴4 그리고 스타일 시트 부분을 보도록 하겠습니다. #Menu { margin-left:0px; /* 왼쪽 여백을 0으로 설정 */ } #Menu li { background-color:#000; /* 배경색을 #000(검정)으로 지정 */ float:left; /* 왼쪽부터 배치 */ width:100px; /* 폭을 100px로 설정 */ color:#777; ..
HTML/Javascript 이야기 Document 객체의 프로퍼티 Document 객체에 있는 프로퍼티는 다음과 같다. bgColor : 문서의 배경색, 사용을 권장하지 않음 cookie : HTTP 쿠키를 읽거나 쓸 수 있게 해주는 프로퍼티 domain : 같은 인터넷 도메인 안에 있는 서로 신용하는 웹 서버의 웹 페이지들끼리 서로 정보를 주고 받을 때 동일 출처 정책(Same Origin Policy)을 완화할 수 있게 해줌 lastModified : 문서가 수정된 날짜를 저장한 문자열 referrer : 웹 브라우저를 현재 페이지로 연결시켜준 링크가 있는 문서의 URL title : 현재 문서의 과 태그 사이에 있는 텍스트 URL : 문서가 위치한 주소가 어디인지 나타내는 문자열
원본 : http://tong.nate.com/cho7234/26100947 레이어란? ................................................. 레이어(Layer)란 층을 의미한다. 포토샵을 시작한 사람은 레이어의 의미를 잘 알고 있을 것이다. 웹문서에 여러 겹의 층을 만들어 그 위에 올릴 수 있는 것이다. 자바스크립트와 CSS를 이용하면 원하는 층을 숨길 수도 보여줄 수도 있게 되는 것이다. * 익스플로러와 네비게이터에서 사용법이 다르다. ■ 레이어 태그 네비게이터 전용으론 , 태그를 사용하는데 익스플로러에서도 지원하는 태그를 이용하는게 좋다. ■ ~ 태그의 속성 id 레이어 이름으로 CSS. 자바스크립트에서 이용함 position 절대좌표 position:absolut..
IT 용어 이야기 PHTML과 SHTML PHTML은 PHP로 쓰여진 스크립트를 포함하는 웹 페이지 >> PHTML PHTML 페이지는, 마이크로소프트의 ASP 페이지와 같이 웹 서버에서 실행되는 프로그램을 포함한다. 웹 주소나 URL의 끝이 ".phtml"이나 ".php3"라는 확장자를 가지고 있는 파일로 끝나는 웹 사이트에서, 이러한 확장자는 둘 모두 PHP 스크립트를 포함하고 있는 HTML 페이지를 가리킨다. PHTML과 PHP등의 확장자는 php.ini 파일을 어떻게 설정하느냐에 따라 달라진다. php.ini 설정파일에서 php코드로 인식해서 파서가 해석할수 있게 하는 파일 확장자를 지정해 줄수 있는데, 설정을 php 뿐만아니라 phtml로 설정을 하면 된다. 만약 html이나 shtml 설정을 ..
출처 : http://cafe.naver.com/spfilepds/2407 ━━…━━…━━…━━--━━…━━…━━…━━--━━…━━…━━…━━…━━…━━--━━…━━ 태그 강좌 : 테이블 고정시키기 ━━…━━…━━…━━--━━…━━…━━…━━--━━…━━…━━…━━…━━--━━…━━…━━ 이번 강좌는 우리들이 흔히 홈페이지만들때 이미지나 글을 임의적으로 넣게 되면 테이블이 깨지는 현상이 있습니다 이러한 것을 막는 방법은 아래와 같이 나와있으니 잘 보시고 효율적으로 사용하세요^^ -> nowrap가 크기의 상관없이 길이에 맞게 보여줍니다 긴 문자열이 적용될때 사용을 많이 하죵^^ ━━…━━…━━…━━--━━…━━…━━…━━--━━…━━…━━…━━--━━…-━━…━━…━━…━━
HTML5 input type 리스트 HTML5에서 이전 HTML에서의 input type 속성 중 새롭게 추가된 것이 있다고 하네요. - Type 속성 값에 따른 다양한 콘트롤 형식 값 상태 데이터 타입 콘트롤 타입 hidden 감춰짐 임의의 문자열 n/a text 텍스트 줄바꿈 없는 텍스트 텍스트 필드 search 검색 줄바꿈 없는 텍스트 검색 필드 tel 전화번호 줄바꿈 없는 텍스트 텍스트 필드 url URL 절대 IRI 텍스트 필드 email 이메일 이메일 주소나 이메일 주소 리스트 텍스트 필드 password 비밀번호 줄바꿈 없는 텍스트 텍스트 필드 datetime 날짜와 시각 UTC 날짜와 시각 날짜와 시각 콘트롤 date 날짜 시간대 없는 날짜 날짜 콘트롤 month 달 시간대 없는 년과 달..
H T M L 이 야 기 input box 한글/영문 기본값 설정 >> 텍스트박스 작성시 한글 우선입력 >> 텍스트박스 작성시 영문 우선입력 주의점 : 여러 textfield중 한 곳이라도 위의 스타일을 지정해 놓았다면 다른 textfield도 설정된 스타일로 바뀝니다 >> 한글 입력 금지 아래 방법은 아예 한/영 키를 눌러도 한글이 입력되지 않는 방법이에요. (단, 붙여넣기로는 가능하다는… 즉 한글 문자열을 Ctrl+C키로 복사한 후 Ctrl+V를 눌러 붙여넣기 하면 그대로 복사됩니다) 얼마나 부지런하고, 얼마나 열심이 있고, 얼마나 가치 있게 사느냐에 따라서 인간의 가치가 좌우된다.
innerHTML을 이용해서 간단한 예제를 만들어 보겠습니다. 그림은 아래와 같습니다. 버튼을 클릭하면 버튼 왼쪽에 있는 문자열이 바뀌는 것이지요. (그림1) 버튼을 누르기 전의 모습 (그림2) 버튼을 누른 후의 모습 그러면 소스를 보겠습니다. function changeText() { document.getElementById ( "id_test" ).innerHTML = "짜잔~ 바뀌었습니다." ; } 바뀌기 전입니다. innerHTML은 태그 안의 값을 바꾸는 기능을 수행합니다. 즉 위의 소스에서 녹색 부분인 "바뀌기 전입니다." 부분이 변경되는 것이지요. 간단하죠? 심심하니까 앞서 실행한 예제에서 Anchor 태그의 주소의 타겟을 바꾸는 소스를 추가해 보도록 하겠습니다. 바뀌기 전입니다. 링크를 ..
- Total
- Today
- Yesterday
- W3Schools Online Web Tutorials
- 구차니의 잡동사니 모음
- [IT]블로거팁닷컴
- 비앤아이님의 블로그
- Blog Suspect
- 즐거운하루 blog
- zinicap의 검색엔진 마케팅(SEM)
- 머니야머니야님의 블로그
- [Friend] AtinStory
- [기타배우기]해브원 박스
- [웹표준] SINDB.com
- 해커 C 이야기
- [애드센스] 길라잡이
- 정순봉의 IT SCHOOL
- 씨디맨의 컴퓨터이야기
- 2proo Life Story
- 못된준코의 세상리뷰
- [IT강좌] 정보문화사
- IN 대전
- 에우르트는 나쁜남자 -_-
- 씬의 싱크탱크
- 엔돌슨의 IT이야기
- 진이늘이
- 'Cooltime'의 블로그
- 후이의 Tistory
- Soulstorage
- 앤드&엔드의 블로그
- June Blog
- 노지의 소박한 이야기
- gbWorld
- 인터넷 속 나의 생각
- HarshNix
- ART of WEB
- 녹두장군 - 상상을 현실로
- 강의
- 강좌
- 예제 소스
- 소스
- C언어
- MBTI 검사
- 인터넷
- 프로그래밍
- 성공
- 효과음
- 안드로이드 어플 추천
- 스마트폰
- MBTI 테스트
- C언어 소스
- C
- MBTI 자료
- 모토로이
- 안드로이드
- 소스코드
- 프로그래밍 문제
- C언어 문제
- MBTI
- php
- HTML
- JavaScript
- MBTI 강좌
- 안드로이드 어플
- 리뷰
- It
- 인터넷 익스플로러
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |