Mac Blog 의 제일 상단에 Model Aid 메뉴를 넣어보자 #2

View Comments

어제의 테스트 결과 <html> 태그보다 echo 구문이 먼저 나오는 이상한 점을 발견했었다.

역시 뭔가 이상한 것이지만 그래도 화면이 잘 나오길래 아무 생각하지 않고 있었는데 럴수럴수 이럴수가...

Safari 에서는 그런 악독한 코드도 제대로 뿌려주는데 IE 에서는 영 의도하지 않은대로 나온다.

사용자 삽입 이미지
<Safari 화면>

사용자 삽입 이미지
<IE 화면>

크게 다른 두가지는 블로그 제목 아래에 Home / Location / Tagcloud / Keyword / Guestbook 등의 메뉴가 표현되지 않는다는 것과 가운데 정렬로 구성되어 있는 것이 좌측 정렬로 바뀌어 버린다는 것이다.

음...
역시 브라우저 호환성을 맞추는 일은 복잡스러운 일인 것이다.

문제는 다시 원점부터 출발해야 할 것 같다.

이 문장을 제 위치에 넣을만한 후보로 <html> 태그가 있는 파일을 검색해 보니...
lib/view/view.php
lib/view/pages.php
lib/view/html.php
의 3가지로 압축이 되는군요.

그 와중에 스킨에 따라 레이아웃이 뒤틀려버리는 경우도 있으므로 오히려 더 큰 문제가 발생하는 분위기인지라 상단의 메뉴는 해결 방법을 찾을때까지 포기 (ㅠㅠ) 하도록 하겠습니다.
2007/12/05 09:05 2007/12/05 09:05

댓글0 Comments (+add yours?)

트랙백0 Tracbacks (+view to the desc.)

Mac Blog 의 제일 상단에 Model Aid 메뉴를 넣어보자

View Comments

Mac Blog 의 제일 상단에 Model Aid 메뉴를 넣어보자.
이 간단한 질문이 요 몇일간 텍스트큐브를 사용하면서 한쪽 머리 구석을 떠나지 않던 것이었다.

고민의 이유는 이렇다.

  1. 블로그 이용자들이 스킨을 자유롭게 선택해서 사용할 수 있어야 한다.
  2. 블로그로 링크될 때 새 창을 띄우는 것이 아니라 현재 창에서 바로 보일 수 있어야 한다.
  3. 선택된 개별 스킨상에서도 Model Aid 로의 복귀가 쉬워야 한다.
  4. 프레임은 사용하지 않겠다.
  5. 안타깝지만 텍스트큐브 플러그인을 개발할 능력은 안된다. ㅠㅠ
이런 이유로 고민을 시작하게 되었다.

요약하자면 조금은 운영자의 욕심이겠지만 블로그 이용에 불편을 주지 않으면서도 Model Aid 라고 하는 원래의 흐름을 잃어버리지는 말자는 것이다. 이 부분은 네이버나 다음에서도 그렇게 하는 것이므로 한편으로는 당연한 거라고 우겨도 될 것이다. ㅡ,ㅡ;;;

여하튼... 스킨을 수정해서 구현할 수도 있겠지만 이용자들이 다운로드 받은 스킨을 매번 확인하고 스킨을 수정한다는 것은 나에게는 사실상 불가능한 일이다.

시간도 없는데 어느 세월에 그걸 모두 확인할 것이며, 언제 모든걸 수정하겠느냐 말이다.

그래서 텍스트큐브 질문답변 게시판 에도 문의를 했지만 내가 할 수 있는 형태의 답변은 아직 올라오지 않았다.

그러던 중 inureyes 님의 [1.5] 개별 포스트에서 페이징을 보지 않기 라는 포스팅에서 힌트를 얻게 되었다.

이 포스팅은 포스팅 페이지 아래쪽에 있는 페이지 번호를 보지 않게 하는 것이었는데 내용에서 스킨과 무관한 텍스트큐브의 Footer 에 해당하는 파일 이름을 접하게 된 것이다.

그렇다면 Header 에 속하는 것도 있을 것이고, 이 Header 를 손본다면 결국 스킨과 무관하게 링크를 구현할 수 있을 것이라는 부분까지 생각이 확대되었다. 

옳커니~
FTP 에 접속...
파일을 찾았다.
[텍스트큐브폴더]/lib/piece/blog/begin.php 이 녀석이로구나.
간단하게 테스트를 했더니 바로 성공이다.
꺄울... 난 천재~ ^^v
현재는 이 녀석을 열고 파일의 제일 앞쪽에...

echo("<div align='center' style='font-size:7pt; color: white; background-color: black;'>
<a href='http://www.modelaid.com'>Model Aid Home</a> | <a href='http://www.modelaid.com/community'>Community</a> | <a href='http://www.modelaid.com/lecture'>Lecture</a> | <a href='http://www.modelaid.com/review'>Review</a> | <a href='http://www.modelaid.com/workroom'>Workroom</a> | <a href='http://www.modelaid.com/portfolio'>Portfolio</a> | <a href='http://www.modelaid.com/explore'>Explore</a> | <a href='http://www.modelaid.com/library'>Library</a></div>");
라고 넣어준 상태이다.

하지만 아직 두가지 문제점이 남아있다.

  1. 스킨에서 올라온 CSS 를 이용하는게 전체적인 스킨의 디자인을 해치지 않을텐데... 링크와 바탕색의 대비가 되는 CSS Class 나 ID 값의 공통 분모를 찾는 것
  2. Top Margin 이 설정된 스킨에서는 Margin 이후에 내용이 출력되면서 상단이 붕~ 뜨는 스타일이 될 텐데 어떻게 해결할 것인가?
하는 것이다.

첫번째 조합은 기본 스킨과 수정된 스킨을 열어 링크, 배경, 바탕색등에 대한 기본적인 흐름을 분석해야 겠다.
누군가 알려주시면 대략 감사~ (스킨 작업을 여러번 해 보신 분이라면 이미 알고 계실듯...)
Save my time, please

두번째는 블로그와 분명한 선을 긋기 위해 블럭 형태로 넣을까 하는 생각을 하고 있기 때문에 문제가 되는 것인데 과연 Top Margin 마저도 무시하고 무작정 윗쪽으로 찰싹 달라붙는 형태를 만들수는 없을까 하는 문제입니다.

이 두가지 질문에 대한 답을 찾는 여행은 잠시 쉬었다가 어느날 문득 머리 오른쪽 상단에서 전구가 반짝거릴때 떠나도록 하겠습니다.
2007/12/04 10:09 2007/12/04 10:09

7 Comments (+add yours?)

트랙백1 Tracbacks (+view to the desc.)

Newer Entries Older Entries