전체 글(55)
-
a태그 css
a, a:link, a:visited, a:active{color:#333;text-decoration:none} a:focus, a:hover{color:#f00;text-decoration:underline}
-
유튜브(youtube) 비율 맞춰서 반응형 크기조절
css .youtube{position:relative;width:100%;padding-bottom:56.25%} .youtube iframe{position:absolute;width:100%;height:100%} html 예제
-
xhtml 문자참조 (기호, 특수문자)
기호 문자참조 설명 > 그레이터 댄(great-than) " " 더블 쿼테이션(이중인용부호) & & 앤드(앰퍼센트) 행바꿈 금지 스페이스(no-break space) © © 저작권(copyright) ® ® 등록상표(registered trademark) ™ ™ 상표(trademark) “ “ left double quotation mark ” ” right double quotation mark • • bullet (= black small circle) … … horizontal ellipsis (= three dot leader) ‰ ‰ per mille sign ∗ ∗ asterisk operator ⋅ ⋅ dot operator ♥ ♥ black heart suit (= valentine) ⊗ ..
-
텍스트 줄 바꿈 css
white-space 공백 줄바꿈문자 처리방법 (띄어쓰기나 줄바꿈으로 이한 공백부분 등) white-space:normal; normal이 기본값, 여러칸의 공백이나 줄바꿈을 공백 1칸으로 인식한다. 지정된 넓이의 끝에서 자동으로줄바꿈한다. - 코드에서의 원래 텍스트 여수 밤바다 이 조명에 담긴 아름다운 얘기가 있어 네게 들려주고파 white-space:pre; 띄어쓰기는 실제 입력한 칸 수대로, 줄바꿈도 엔터를 친 대로 나온다. 넘어가는 부분에서 강제 줄바꿈은 되지 않는다. white-space:nowrap; 여러칸의 공백이나 줄바꿈을 공백 1칸으로 인식한다. 넓이를 지정하였어도 자동으로 줄바꿈 되지 않게 강제로 개행을 막아준다. word-break 텍스트가 들어가는 블럭요소의 넓이에 맞춰 줄바꿈 하는..
-
포토샵 글씨체가 굴림체로 바뀔 때
포토샵에서 글씨 쓰는 도중 굴림체로 글꼴이 자동으로 변경될 때가 있습니다. 이때는 아래처럼 환경설정을 변경해 보세요. Edit → Preferences(Type) → Enable Missing Glyph Protection 옵션을 체크해제
-
포토샵 후광효과 만들기
포토샵으로 시선집중 후광효과 만들기 1. 원하는 이미지의 사이즈로 새문서를 엽니다. (단축키 : ctrl+N) 2. 전경색을 확인하고 원하는 색으로 바꿉니다. (저는 검은색 그대로 두었습니다.) 3. Filter > Filter Gallery 4. Filter Gallery 에서 Sketch > Halftone Pattern 선택 후 Size : 5, Contrast : 50 입력 5. 4번과 같이 효과 적용한 이미지를 Image > Image Rotation > 90도로 회전시켜 주거나, 레이어 복제 후 단축키 Ctrl+T로 줄무늬가 세로로 보이도록 회전시켜 줍니다. 6. Filter > Distort > Polar Coordinates... 7. 완성 (검은색이랑 흰색이 너무 눈아프게 해서 색깔을 연..
-
포토샵 한글판을 영문으로 바꾸기
Photoshop CS6 (64Bit) 한글을 영문으로 변경 1. C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Locales\ko_KR\Support Files 2. tw10428.dat 파일 이름 변경