블로그 스킨, HTML, CSS, 스킨 위자드 이모저모
티스토리 스킨 위자드는 아직 몇가지 문제점이 있는거 같다. 이번에 새로운 스킨을 적용하면서 스킨 위자드로 블로그 본문을 넓혔는데, 코멘트 부분과 방명록 부분은 원래 크기로 남아있더라. 이거 하나 하나 수정해 주느라 애먹었다. 여기서 팁!!!
아래는 수정 전 기본 본문 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 남겨주세요.
'블로그' 카테고리의 다른 글
| MikeNet.ca 도메인 구입했습니다 (3) | 2008/03/08 |
|---|---|
| 포스팅하기 좋은 시간을 잡아라! (14) | 2008/03/06 |
| 블로그 스킨, HTML, CSS, 스킨 위자드 이모저모 (2) | 2008/03/06 |
| 위자드웍스 W위젯 ::마법사님들, 참가신청 수정 부탁드려요:: (2) | 2008/03/04 |
| Daum 신지식, 블로그 글로 답변한다! (7) | 2008/02/27 |
           |
|
|
|
|
요거이 이미 포기한지 오래...ㅡ_-...
ㅎㅎ 전자공학과!!! 웹디자인도 공부해보세요. 나중에 도움될텐데;;; 그리고 나서 저도 좀 알려줘요 ㅠㅠ