Smart Sense

웹사이트를 많은 사람들이 사용하면서 이제는 폰트디자인도 중요한 부분으로 자리를 잡고 있다. 하지만 기본으로 시스템 폰트와 블로그상에서 기본적으로 사용할 수있는 폰트는 제한적이다. 이전까지는 다양한 폰트를 사용하고 싶은 사람들은 텍스트를 꾸미기 위해 이미지로 만들어서 사용하기도 했지만, 웹폰트 적용이 가능해진 이후에는 이러한 일은 제한적만 사용하게 되고 있다. 물론 단점이 없는 것은 아니다. 웹사이트의 텍스트를 읽어들이기위해 폰트파일을 다운로드 해야한다. 그 사이동안은 텍스트가 보이지 않으며, 서버상태가 좋지않을 경우는 텍스트가 노출되기까지 많은 시간이 걸릴수도 있다. 이러한 단점에도 불구하고 폰트의 사용은 좀더 많은 작업을 수월하게 할수 있는 장점이 있기에 사용을 권장하는 부분이다. 그럼 웹폰트 적용에 ..

HTML/CSS 2015. 6. 29. 14:06

블로그 운영시에 다수의 경우를 표를 적용해야 할 경우가 같다. 하지만 티스토리의 표는 그리 친절하지 못한다. 우선 가장 큰 문제는 표 적용시에는 본문 최대사이즈로 적용되면서 추후 사이즈 변경하거나 모바일 환경에서 처럼 본문사이즈가 변경될 경우는 표의 잘림현상이 발생하게 된다. 이럴경우는 표를 화면 최적화를 하거나, 스크롤바 기능 적용하여 해결해야 한다. 아래의 방법 중에서 용도에 맞게 적용하면 된다. 티스토리 글쓰기에서 이지웍 모드에서 표를 만든다. 그리고 HTML 모드로 변경할 경우, 일반적으로 표 구문은 다음과 같다. ...... 테이블 구문에서 화면 최적화를 위한 부분은 고정사이즈로 된 width 부분이다. 본문폭에 따라 고정사이즈로 정해지는 데, 다음과 같이 고정된 width 를 퍼센트로 고치면 ..

HTML/CSS 2015. 6. 24. 09:47

티스토리 블로그를 운영시에 발생하는 문제중에 하나인 이미지 잘림현상을 해결방안을 살펴보기로 하자. 해당 문제는 생각보다 빈번하게 발생하는 문제이다. 이러한 문제가 발생되는 이유는 다음과 같다. - 티스토리 블로그의 고화질의 이미지 올릴 경우 - 티스토리 블로그의 글설정 옵션에서 변경 할 경우 - 티스토리 블로그의 스킨을 변경 할 경우 우선 모든 문제가 발생되는 이유는 고화질 이미지를 올릴 시, 이미지는 본문 가로 최대사이즈로 자동맞춤이 되기 때문이다. 본문사이즈가 750 px 이라면 더 큰 사이즈는 모두 750 px에 자동 맞춤이 되고, 향후 본문 사이즈가 700 px 변경된다면 이전에 올려진 이미지에는 적용된 이미지에는 여전히 750 px이기에 이미지가 본문 가로폭을 넘어가는 문제 발생하게 된다. 이를..

HTML/CSS 2015. 6. 24. 09:47

티스토리 블로그에서 애드센스 광고를 본문 우측 상단에 광고를 표시하고자 할 때는 다음과 같은 방법을 사용하면 된다. 모바일 환경에 적용할 경우라면 본문우측 광고 사이즈는 336x280 사이즈는 사용하지 않는 것이 좋다. 왜냐하면 본문의 최상단에 직사각형 광고를 넣었을 경우, 모바일에서는 스크롤 하지 않아도 되는 영역에 광고만 표시될 수 있기 때문이다. 구글 애드센스 광고 게재 정책에서는 모바일 환경에서 첫 페이지에 본문이 하나도 표시되지 않고 광고만 출력되는 경우를 정책 위반으로 간주될 수 있다. .......... .......... - 관리페이지의 HTML/CSS 편집에서 skin.html 중에 상단에 적용하면 된다. - 적용 위치는 float: right라는 부분을 float:left로 변경시 왼쪽..

HTML/CSS 2015. 2. 23. 10:41