용의자 심플 3단스킨변경 다음,믹시위젯 일렬로배치
- 티스토리스킨수정/스킨수정팁
- 2009. 5. 2. 00:47
1024의 해상도를 포기하고 1280으로 정했습니다.
원하는 스킨은 이렇습니다.
1. 3단스킨
2. 이미지가 되도록 안들어간 스킨
3. 레이아웃 변경이 초보자도 가능한 스킨.
- 용의자 심플 3단 스킨을 정한 이유
3단이고 1280해상도에 맞쳐 한번에 페이지를 다 볼수있습니다.
왼쪽 너비가 130이라 배너 같은걸 넣기가 좋습니다.
우측에 박스 스타일이 맘에 들었습니다.
1280해상도고 본문너비가 730으로 넉넉하고 구글광고도 삽입이 용이합니다.
거추장스러운것은 되도록 배제하고 있어야할것만 넣었습니다.
광고도 구글(2개),다음,링크프라이스,올블릿 하나씩만 넣었습니다.
대체적으로 로딩시간이 많이 빨라졌습니다.
- 기존 용의자 스킨에서 바뀐점
배경스타일을 파랑색으로 조정.
메뉴(네비게이션)을 파랑색으로 변경. 오른쪽 박스테두리 색과 맞쳤습니다.
좌측에 카테고리 메뉴를 박스스타일로 변경.-->용의자스킨은 다른스킨처럼 카테고리를 사이드바에서 지원하지를 않습니다. 스킨편집에서 찾아서 박스스타일로 꾸미느라고 고생좀 했습니다.
글꼴을 나눔고딕,맑은고딕으로 변경.
해상도를 1280에 최적화된 너비로 변경. 본문너비 730px
- 따로 손본곳
다음 블로거뉴스 위젯과 믹시위젯을 일열로 배치
아래는 완성후
정확한 너비는 다음 블로거뉴스가 400px 믹시위젯이 350px가 되야 정확히 일렬로 배치가 됩니다. 본문너비가 20px가 모자라 다음위젯이 조금 짤립니다.
- 위젯 일렬로 배치 문제점
현재 제 실력으로는 안되는점은 너비문제. 그래서 파이어폭스나 크롬으로 볼경우 위젯이 일열로 안있고 두줄로 생김
그래도 ie계열에서는 볼만함.
- 위젯 일렬로 배치하는법
본 출처는 E위즈님 입니다.
본문 너비가 넓으면 카테고리의 다른글까지 한번에 보기좋게 넣을수 있습니다.
차후 E위즈님이 포스팅을 한다고 했는데 저처럼 하실분은 아래방법을 참고하세요.
본문너비가 750이면 아래수치 그대로 삽입하면 정확합니다.
스킨편집 style.css 창 맨아래에 다음 코드를 삽입합니다.
div.blogger-news-widget {display:block;float:left;clear:left;width:400px !important;overflow:hidden;padding-top:20px;}
div.blogger-news-widget embed {float:left;}
div.mixup_widget {display:block;float:right;clear:right;width:350px !important;}
다음이 400이고 믹시가 350입니다. 이걸 본인의 본문너비에 알맞게 수정하시면 됩니다.
전 현재 다음380 믹시350으로 다음이 약간 짤립니다.
이 부분은 다음에 E위즈님이 손써 주실거라 믿습니다.
태그,css,html을 잘 모르고 스킨을 수정한다는 것은 역시나 어렵습니다.
조금씩 조금씩 공부해가며 알아가곤 있지만 역시 쉬운일이 아닙니다.
더군다나 내가 원하는 스타일로 꾸민다는것은 역시 어렵습니다.