블로그 스킨 수정, 이거 너무 어렵다. 스킨 한번 교체하면 삽질에 삽질을 반복해야 한다. 티스토리 스킨 위자드도 아직 문제점 많은거 같고. 설치형 블로그는 자유도가 높아서 매력적인데, 뭐 이렇게 알아야 하고 배워야 하는게 많은지. 그나마 중학생때 배웠던 초 기초 HTML이 도움되서 다행이다.
이래서 사람은 배워야 하는거... 사실 블로그 처음 시작했을때 기억났던 HTML 코드는 <body>, </body> 밖에 없었다. 아! 이미지 삽입할때 사용하던 <img src=””> 도 알고 있었다. 그래도 자꾸 보니깐 조금씩 기억나더라...
나 머리 좋은거?
티스토리 스킨 위자드는 아직 몇가지 문제점이 있는거 같다. 이번에 새로운 스킨을 적용하면서 스킨 위자드로 블로그 본문을 넓혔는데,
코멘트 부분과 방명록 부분은 원래 크기로 남아있더라. 이거 하나 하나 수정해 주느라 애먹었다. 여기서 팁!!!
아래는 수정 전 기본 본문 500px 일때 CSS 한 부분이다. 코멘트 작성하는 곳 가로 길이를 지정해 주는 곳 같은데, 숫자를 보면 -35*/465px 이라고 되있다. 본문 길이에서 35px 작으면 된다는 뜻... 그래서 465px
.commentWrite textarea { width:/*@post-width=-35*/465px/*@*/; padding:5px; position:relative; top:-16px;}
스킨 위자드로 본문을 610px로 넓혔더니 코딩이 다음과 같이 수정되 있었다. -35*/ 옆에 보면 575px 이라고 나와야 하는데, 그냥 본문 길이인 610px로 수정되었다. 스킨 위자드 사용시 이런거 찾아서 수정해 줘야 한다.
.commentWrite textarea { width:/*@post-width=-35*/ 610px /*@*/; padding:5px; position:relative; top:-16px;}
CSS 라는것도 생겼더라. 매번
생각하지만 새로운 코딩 언어 나올때마다 개발자들은 얼마나 머리 아플까. 뭐, 전문가들이니
괜찮겠지? 블로그를 시작하면서 HTML과 CSS에 대해 많이 검색해 봤는데, 뭐 결론은 이런거 같다. “테이블은 나쁘고 CSS로
대체해라”. 근데, 테이블이 필요해서 CSS 테이블 검색해 봤더니 뭐 이리 복잡한지. 간단한건 그냥 테이블로 사용해도 괜찮은거
같다. 내가 주로 사용하는 테이블 코드는 대충 다음과 같다.
<TABLE WIDTH=100%><TR>
<TD VALIGN=CENTER>
트랙백 댓글 코드 삽입
</TD>
<TD VALIGN=CENTER ALIGN=RIGHT>
코드 삽입
</TD>
</TR></TABLE>
실제 버튼은 아래로;;;
위와 같이 RSS나 메타 블로그 로고 삽입할때 주로 사용한다. 근데 이게 <div> </div> 사이에 들어가도 괜찮은건지는 모른다. 그냥 무조건 집어넣는다. 어제는 Mixsh 이미지가 깨지거나 텍스트로 대신 나오길레, 한 한시간 삽질했던거 같다. 그래서 결국은 이미지만 믹시 사이트에서 내 컴퓨터로 저장시키고 티스토리 블로그에 업로드 시킨 후, 믹시 코드에서 이미지 링크만 티스토리에 업로드한 이미지 링크로 바꿔줬다. 이제는 IE 7, Firefox 2, Safari 3에서 잘 나온다. 신기한건 수정전에 OSX Firefox 2에서는 잘 나왔는데, Windows Firefox 2에서는 깨져나왔다는거... 브라우저 문제도 참 까다롭고 머리 아픈...
결론은? 아마 시간나면 지금 사용하고 있는 이 스킨도 다시 수정해야 할거 같다. 이 글 작성하면서 미리보기 했는데, 인용구 따음표 이미지도 안 나오더라 -_- 이건 왜 또 안 나올까? 본문 글씨 사이즈 크게 수정해서? 아~ 머리 아프다.
누구 아시는 분 계시면 도움 부탁드립니다. Feedback 남겨주세요.
예전에 저도 스킨에디팅을 하다 저런식으로 출력이 되서 난감했던 적이 있는데요. 이런 경우에 글 내부에서 짝이 맞지않는 <div>태그가 삽입되었을 경우가 있습니다. 다른 글들에서는 제대로 출력되니 그 글에서 HTML모드를 한번 확인해보시고 제대로 열고닫힘이 되었는지 확인해보시면 어떨까요 ^^? ㅎㅎ
감사합니다! 바로 해결됐습니다!