한사랑씨앤씨

티스토리 작성하면서 표를 사용하니 이것저것 불편한 것 중에 제일 불편한 점이 행, 열 크기다. 혹시라도 누군가 이 글을 보다가 더 쉬운 방법이 있다면 댓글로 남겨주길 바란다. 블로그 지기는 이 불편함을 HTML로 해결하기로 했다. 이것도 결국 노가다지만 내 손가락의 감과 눈을 믿는 것보단 수치를 믿는게 낫다는 판단하에 작성한다. 우선 글쓰기로 들어가 표를 생성해보면 아래 이미지와 같은 크기로 원하는 행과 열에 맞게 만들어진다. 칸은 수치배분이 편한 5열 2행으로 만들었다. (5x2)           이렇게 생성한채로 칸에 맞게 글을 넣으면 문제가 없다. 하지만 글자수라는 게 딱 정해지지 않을 때가 있어 이때 크기가 많이 무너진다.  [칸에 맞게 글을 작성하였을 때] [칸에 맞지않게 글을 작성하였을 때]..

메인 배너 이미지를 넣다보면 신경쓰이는 것이 하나 있는데 이미지 그대로 색상이 나오는 게 아니라 검은색의 필터가 씌인것처럼 나타날 때가 있다. 그 부분이 딱히 신경쓰이지 않다면 상관없지만 이미지의 선명함과 색감을 살리고 싶다면 이렇게 시도해보면 좋다. 먼저 스킨편집을 통해 이미지를 채워보자. 이렇게 채워 넣다보면 이미지가 선명한 색상이 아닌 검은색이 살짝 흐릿하게 나타나있는 것을 확인할 수 있다. 이렇게 설정된 이유는 문구와 자세히보기 URL을 넣었을때 글자 가독성을 높이려하는 이유일것이라 생각한다. 하지만 한사랑 티스토리는 일반 배너로 사용하기 위해 해당 효과는 없애기로 판단하여 HTML 수정작업을 하였다. 작업하는 방법은 사이드바 플러그인 작업과 비슷한 방식으로 시도할 예정이며, 해당 글을 보지 않더..

HTML에 이미지 링크를 넣고 싶은데 호스팅이 없다면 이렇게 해보면 좋다. 스킨 편집을 통해 이미지 업로드하는 방법도 있지만 제한된 용량과 플러그인 이미지에 연결이 안된다 싶을 때 간편하게 연결할 수 있다. 우선 비공개 게시물을 하나 생성한 다음 그 안에 넣고 싶은 이미지를 몰아 넣어보아라. 그리고 이미지에 마우스를 올려 마우스 오른쪽 버튼을 누르면 '이미지 주소 복사' 라는 버튼이 있다. 그 버튼을 눌러 이미지 주소를 부분에 넣으면 HTML로 이미지 넣기가 끝난다. 오른쪽 마우스 버튼이 눌리지 않는 다면 개발자툴을 이용해라. F12 키를 누르면 개발자 툴 창이 뜨는 데 왼쪽 상단에 점선 네모에 화살표있는 버튼을 눌러 가지고 가고싶은 이미지를 게시물에서 클릭 한 후 개발자 툴 창에 나타난 img URL을..

티스토리는 스킨을 자유롭게 편집할 수 있도록 HTML 편집을 제공해주며, 플러그인 사이드바 모듈이 있어 활용에 따라 블로그를 다양하게 꾸밀 수 있게 되어있다. 그 중 가장 마음에 들었던 HTML 배너출력 플러그인 활용에 대해서 정리해보려한다. 한사랑씨앤씨 티스토리를 보면 메인(홈) 프로필 밑에 링크 배너들이 나열된 것을 볼 수 있다. 이건 사이드바 플러그인으로 추가하고 HTML 스킨 편집 부분에서 위치, 여백 등을 꾸며준 것이다. HTML 쪽에서 변경 된건 별로 없다. 그저 margin을 살짝 손 본것 뿐이다. 우선 플러그인을 자유롭게 쓰기위해 블로그 관리 메뉴에서 플러그인 탭을 선택해 배너출력 플러그인을 적용해보자. 적용을 하였다면 꾸미기의 사이드바 메뉴를 클릭, 기본 모듈 부분에 [플러그인] HTML..