블로그 스킨(Moving Box) 변환기 #2

사용자 삽입 이미지

Link를 풀다운 메뉴로 구현!!!


오늘은 전체를 1단으로 뜯어고치는 작업을 하려고 했는데, 아침부터 mr-ok님께서 태클(?)을 걸어오셨습니다.
IE6에서 메뉴가 깨져나온다는 것이었습니다.
(중요한 사실을 알려주신 mr-ok님께 다시 한번 감사드립니다)

IE6와의 문제를 해결하면서 상단메뉴를 많이 손댔는데, 이 과정에서 아예 link를 상단메뉴에 삽입해버리기로 했습니다.
애초에 계획이 1단으로 꾸미면서 없앨 것은 최대한 없애는 것이었기 때문에 처음부터 링크는 어떻게든 처리하려고 했는데, 마침 상단메뉴를 손대고 있었기 때문에 상단메뉴에 합체시켜버렸습니다.

이 과정에서 LoveBe.Net에서 참고한 링크 이쁘게 만들기 무공을 함께 적용해서 나름 독특한 링크를 구현했습니다. ^^;;;

이제 사이드바에 남아있는 아이템이 몇개 남지 않았습니다.
다음 단계는 이 아이템들을 본문 아래로 옮겨서 1단짜리로 바꿀 예정입니다. (이번엔 해야될텐데용~)


  
Trackback 0 Comment 13
  1. Favicon of http://oktoya.net BlogIcon okto 2008.05.14 22:22 address edit & delete reply

    와~~~ 링크 대박입니다. (왜진작 이런생각을 못했을꼬~~ㅠㅠ)
    우측이 간단해져서 좋네요.
    저도 1단을 여러번 시도해보려고 했었는데 그러지 못한 이유가,
    본문이 길어질경우 아래로 많이 내려야하는데 그게 정말 귀찮더군요. 그래서 마우스액션으로 화면 상/하단을 왔다리갔다리하게 했는데.. 그러다 지금 스킨의 모태가 되는 스킨을 발견하여 지금까지 오게되었다죠. 사실 사이드바에 특별한 기능을 넣지 않은 경우, 방문객 입장에서는 그다지 중요한 모듈은 아닌것도 같더군요.
    아까 태클(?) 걸고 생각해보니 IE6에서만 발생하는 오류는 안고치는것도 공공의 적을 줄이는 기능을 할 수 있을것 같더군요. (내 블로그 예쁘게 보려면 IE6 사용하지 말것! 뭐 이런...)

    덧. 저만의 생각인지 모르지만 최근글 다섯개는 좀 적은것 같다는...

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.14 23:53 address edit & delete

      ㅎㅎㅎ 도움 다시 한 번 감사드립니다.

      그리고, 본문 하단의 배치는
      왼쪽에는 최근글 10개 정도 놓고,
      오른쪽에는 댓글, 트랙백, 이올린 등을 함께 배치할 생각입니다.

  2. Favicon of http://www.soondesign.co.kr BlogIcon 이정일 2008.05.14 22:57 address edit & delete reply

    상단 메뉴가 포럼 형식처럼 일목요연해서 보기 좋네요.
    슬슬 여름이 되어가는 시점이라 그런지 분위기도 시원해 보여요.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.14 23:55 address edit & delete

      도아님 블로그를 벤치마킹하며 얻은 결론이라능~

  3. 희주 2008.05.14 23:54 address edit & delete reply

    깔끔하고 이쁩니다. 링크부분은 정말 아이디어가 좋네요.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.14 23:56 address edit & delete

      고맙습니다.

  4. Favicon of http://oktoya.net BlogIcon okto 2008.05.15 23:15 address edit & delete reply

    드뎌 완성하신건가요? 아름답군요. 감축드립니다 짝짝짝~~
    보통크기 글꼴 사용중인데 태그 풀다운메뉴 글씨가 못생겨보입니다. 확인좀...
    http://img513.imageshack.us/img513/608/taglo8.png

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.15 23:15 address edit & delete

      헉~ part#3 적고 있습니다.
      그 글을 보시면 현재 화면의 문제점이 있습니다.
      혹시 원인을 알 수 있으면 도움 부탁드립니다.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.15 23:22 address edit & delete

      아~ 태그는 일부러 원래 클래스를 그대로 적용하도록 구성했습니다.
      5종류의 클래스가 랜덤으로 적용되는데 각각의 크기가 1.4em, 1.2em, 1.1em, 1em, 0.9em 이기 때문에 크기가 작은 경우는 약간 못생겨보이더군요. --;

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.15 23:25 address edit & delete

      0.5초간 심각하게 고민한 결과 1.5em, 1.4em, 1.2em, 1.1em, 1em으로 크기를 변경했더니 태그 풀다운 메뉴가 예뻐졌습니다.

      계속되는 도움에 감사드립니다.
      감사의 뜻으로 존스 박사 볼 때 팝콘을 대접하겠습니다. ㅎㅎㅎ

      덧, 담주 목욜 개봉이던데 바로 달릴까요?
      (근데, 어느 극장이 괜찮은지 모른다능~)

    • Favicon of http://oktoya.net BlogIcon okto 2008.05.15 23:32 address edit & delete

      태그도 예뻐졌네요^^
      역시 남이 만든 스킨 뜯어고치는건 노가다가 아닐 수 없습니다;;
      다음주 토요일은 안되나요? 주중에는 확답을 드리기가 약간.. 아직은 모릅니다.
      팝콘 잘먹겠습니다^^

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.15 23:34 address edit & delete

      일단 목요일 또는 토요일에 가는 것으로 하시죠.
      전 가급적이면 심야라도 평일을 선호합니다.
      아무래도 관객이 좀 적더군요. ㅎㅎㅎ

    • Favicon of http://oktoya.net BlogIcon okto 2008.05.15 23:42 address edit & delete

      일단 여자친구하고 시간을 조율해본다음 다시 연락드리겠습니다.
      피곤하군요. 전 이만 잘래요. 자고 일어나면 다부진 스킨이 되어있겠군요^^
      그럼, 즐삽하세요~ :p