.

텍스트큐브로 이사를 오고 나서 가장 아쉬운 부분이 다양한 스킨이 없다는 점이 아닌가 싶습니다.

 

물론 textcube.org에서 내려받은 스킨을 사용 할 수도 있지만 적용을 시키고 나면 어딘가 모르게 틀어지는 모습은... ㅜㅜ.

 

그래서 나만의 모습으로 블로그를 커스터마이징 하고 있는 중인데요. 이미 알고 계실지도 모르겠지만 아주 깔끔한 CSS메뉴를 자동으로 만들어주는 사이트가 있어 소개해 드릴려고 합니다.

 

제 블로그에서도 볼 수 있는 바로 아래와 같은 메뉴인 것이죠.

 

깔끔하지 않나요?

 

그럼 바로 설명 들어가도록 하겠습니다.

 

먼저 아래의 사이트에 방문 하셔서 다음과 같이 차례대로 진행해 주시면 되겠습니다.

 

http://www.izzymenu.com/

 

1. Start Now 클릭.

 

2. Menu Styles를 클릭하여 원하는 메뉴 스타일 지정을 지정합니다.

 

3. 다양한 메뉴 형태 중에서 마음에 드는 것을 클릭합니다.

 

4. 형태 설정 후 좌측 메뉴에서 색상이나 마우스 오버시 색상등을 자세하게 설정 합니다. (기본값을 그대로 사용하셔도 좋습니다)

 

5. 오른쪽 하단에 위치한 메뉴중 "Generate"를 클릭하여 생성 후, "Download"를 클릭하여

생성된 파일을 내려 받습니다.

 

6. 내려 받은 파일은 압축파일로서 압축을 풀면 "images"라는 폴더가 있습니다. 이 폴더에 들어있는 이미지를 텍스트큐브 관리자 "메뉴-꾸미기-스킨편집-파일올리기"를 통하여 업로드 합니다.

 

7. 다음 lzzyMenu.html을 편집기로 불러옵니다. (notepad외에 것으로...) 그러면 <style>....</style> 부분이 있는데 style로 감싸진 내용부분만 "텍스트큐브 관리자 메뉴-꾸미기-스킨편집-style.css" 끝에 추가합니다.

 

 

8. 마지막으로  lzzyMenu.html 내의 아래 부분을 "텍스트큐브 관리자 메뉴-꾸미기-스킨편집-skin.html" 의 적당한 위치에 넣어주시면 되는데 제경우 <div class="containerBody"> 바로 다음 부분에 넣어 두었습니다.

 

* 아래 부분에서 class="item_active" 부분은 지워 주시면 되고 메뉴의 추가는 보시듯이 <li>...</li>부분을 복사하여 늘릴 수 있습니다.

 

 

어떻게 설명이 괜찮았는지 모르겠지만 저도 이제 막 이사를 와서 이것저것 꾸미고 하는 상태에서 유익한 정보가 있으면 앞으로 열심히 포스팅하여 나눌 예정이오니 자주 놀러와 주세요~

 

끝으로 나만의 메뉴 만들기 "참~ 쉽죠잉~ ^^;"

 

저작자 표시 비영리 변경 금지

댓글을 달아 주세요

  1. 감사  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다.^^
    그런데 영님C님께서 하신 HOME, TAG, MEDIALOG 등과 같은 이름 변경은 어떻게 하나요? 아무리 찾아봐도 없네요.ㅠ

    2009.05.12 08:59
    • BlogIcon 영민C  댓글주소  수정/삭제

      마지막 8번 항목을 보시면 <span>Home</span> 이렇게 되어 있는 부분이 있는데 여기서 "Home"을 원하시는 단어로 변경하시면 되요~. ^^;

      2009.05.12 09:03
  2. BlogIcon 야이노마  댓글주소  수정/삭제  댓글쓰기

    감사합니다.
    저도 css는 잘 몰라서 많이 해메였는데 자동으로 만들어주니 넘 편할 것 같아요

    2009.05.12 12:54
  3. BlogIcon John Lee  댓글주소  수정/삭제  댓글쓰기

    두번읽었는데도 잘 모르겠네요 ㅠㅠ
    ㅡ.,ㅡ^ html잘 몰라요 넘 어려운것 같아요 잉 ㅠ

    2009.05.16 15:03
    • BlogIcon 영민C  댓글주소  수정/삭제

      네... 알고보면 쉬운데 모르고 보면 어려운게 맞아요. 저도 html을 처음 접할때 @.@ 이였으니까요. ^^;

      2009.05.16 20:26
  4. BlogIcon koreasoul  댓글주소  수정/삭제  댓글쓰기

    일주일 css때문에 개삽질했는데;;;; 여기서 해결책을 찾네요... 지금은 새벽 5시 ;;;; 너무 기쁩니다......감사합니다....

    2009.05.29 05:08

 CATEGORY
분류 전체보기 (997)
개발자 이야기 (1)
제품 이야기 (544)
세상 이야기 (365)
책 이야기 (1)
사진 이야기 (81)
뜬금없는 이야기 (5)
 RECENT POST
 RECENT COMMENT