티스토리 본문 이지미가 가로폭을 넘어가는 문제가 다시 발생했다. 예전에 문제가 있어서 블로거님들의 도움을 받아서 아래 방법으로 해결했는데, 최근에 다시 문제가 나왔다. 옛날의 내가 아니지...이제 다른 사람에게 알려줄만큼 CSS를 잘알지요~훗. 우선, 예전 해결 방법은 다음과 같다. style.css 스타일 시트에 아래 두 줄을 추가해주어서 해결했는데, 지금은 안됨. img {max-width: 100%; height: auto;} span.imageblock {max-width: 100%; height: auto;} 참조: http://www.cmsfactory.net/node/10198 새로운 해결방법은 다음과 같다. .article img {max-width: 100% !important; heig..
문득, 이 밤에 내가 이걸 왜 하고 있나 싶은 생각이 들었다. 차라리 이 시간에 피아노 연습이나 할껄... 아니라고...나를 설득시키기 위해서 블로그를 하면 좋은점들을 적어본다. 생각을 정리해서 표현하는 연습을 할 수 있다. 생각을 정리해서 표현하는 것을 해본 사람과 안 해본 사람의 차이는 표현 능력 뿐만 아니라 교감 능력이 차이를 만든다. 나의 국어 실력을 반성하게 되기도 하고, 막연했던 생각들이 구체화 되고, 또 다른 아이디어가 되어서 되려 나에게 에너지를 제공하기도 한다. 조금 더 좋은 세상을 만드는데 기여할 수 있다. 나는 인터넷의 지식 공유가 가진자들의 노블리스 오블리주의 한 부분이라고 생각한다. 내가 속한 집단, 공동체와 사회를 위해서 기꺼이 나의 지식을 배풀고 자유롭게 접근하기를 허용한다. ..
넓이를 화면 사이즈에 맞게! 일반적으로 #container로 표시될 영역을 정하고, #content 또는 #sidebar 등으로 내부 영역을 구분한다. (각 영역은 float 속성으로~) css 파일을 열어서 width 를 찾아보면 고정 px로 되어있어서, 그 부분을 %로 변경해 주었다. container : 900px -> 80% content : 750px -> 77% sidebar : 190px -> 21% container 가 content와 sidebar 상위 개체(parent element)이고, 나의 경우 두개의 영역으로만 나눠져있기에 100%를 기존 px 비율로 나눴다. 이렇게 바꿔주면, 화면의 사이즈가 커지면 자동으로 커진다. 근데, 문제는 화면의 사이즈가 작아지면 계속 작아져서 화면 구..
마크다운이란? 마크업 언어의 일종인데, HTML 테그등을 열라 쉽게 사용할 수 있도록 만든 간단한 규칙을 가진 언어다. 블로그의 가독성에 대해서 고민하다가 H1등의 헤딩 테크의 중요성을 알게되었다. 헤딩테그를 비롯해서 마크업 언어는 처음에 잘해놓으면 여러모로 편하고 좋지만 대부분 귀찮아서 그냥 막 쓰다보니 여기저기 모양새가 잘 안맞고 오히려 더 불편해진다. (특히 붙여넣기할때, '이거 뭐여~'하며 '텍스트만 붙여넣기'를 클릭하는...ㅠ) 그간 나의 무관심을 반성하면서 앞으로는 귀찮아도 잘 써야겠다고 생각했지만, 매번 HTML 태그를 넣어가면서 글을 쓰는 것은 너~~~무 귀찮은 일이다. 그래서 고민하다가 나같은 사람은 분명 또 있다! 인터넷의 바다로...ㅎ 자세한 내용은 아래 글을 참조~ https://m..
꾸미기라고 말하기는 너무 민망하고... 정리하는 방법이라고 해야할까?1. 스킨 선택 아주 멋진 외형을 갖추려면 많은 노력이 필요하지만 스킨을 잘 선택하는 것만으로도 깔끔한 외형을 아주 손쉽게 가꿀 수 있다. "관리 - 꾸미기 - 스킨"에서 변경2. 사이드바 정리 사이드바에 내용이 너무 복잡한데 "관리 - 꾸미기 - 사이드바"에서 정리할 수 있다.3. 추가 작업 1,2번 작업으로는 기본적인 편집만 가능하다. 여기에서 좀 더 자신만의 편집을 하려면 html/css 소스를 수정해야 한다. 그 부분은 자세한 내용은 이미 정리해둔 사이트가 많으므로 링크를 걸어둔다.아래 링크에서 또 링크를 따라 들어가다보면 많은 것을 알 수 있다. http://yazine.tistory.com/73스킨의 구조를 알고 싶다면 아래 ..