티스토리 블로그상단메뉴 직접 만드는 방법


↗블로그상단 CSS메뉴 직접 만들기

티스토리블로그엔 아시다시피 이미 블로그의 상단메뉴를 관리자페이지에서 카테고리의 메뉴를추가하여 설정만 하면 간단히 만들어 놓을수가 있습니다 만들다기 보다는 뭐 만들어져 있는거 같다가 붙이는 격입니다^^ 

그런데...별루 이쁘지가 않아요~~~영 ~~ 그래서
지금까지 그 상단메뉴기능을 이용하여 지금까지 사용했었습니다 

디자인 감각이 좀 부족한 편이라 , 별루 친하지도 않을 뿐더러..^^ 더 만지작 거려야 하는데 적당한 것 골라서 그냥 올렸습니다 ㅎㅎ 

상단메뉴바가 있는 블로그스킨이라면 더 깔끔하게 해 보겠는데 아~~더이상 시간낭비라고 생각되어  포기! 

만일 블로그의html 파일을 수정할수있는 블로그는 모두 상단메뉴들을 바꿀수 있을 겁니다 

블로그상단메뉴바넣는법




티스토리 블로그 상단메뉴를 넣은 방법은 여러가지로 웹사이트에서 이미만들어진 메뉴의 소스를 그대로 복사해서 내블로그에 적용시켜 버리면 되고, 또한 이런 CSS메뉴를 만들어주는 프로그램을 이용해도 됩니다  




CSS 라이브러리 웹사이트, 이미 만들어진 CSS 상단메뉴들 적당한 것 골라서[첫번째방법]


제블로그 상단메뉴바는 이 웹사이트를 이용한 것입니다 

아래 웹사이트에서는 맘에 드는 상단메뉴스타일을 골라서 넣을 수가 있는데요 
7페이지 정도에 다양한 메뉴들 중 맘에 드는거 골라서 2가지, css 소스와 html 소스 파일을 복사해 가면 됩니다 

CSS메뉴 라이브러리 상단메뉴바 웹사이트 

우선 블로그스킨형태 고려하여 마음에 드는 상단메뉴스타일을 고릅니다 

css library웹사이트



css코드는 모조리 style.css에 붙여넣고,
html코드는 모두 div로 둘러싼 [blogmenu] 위치에 복사를 해야하고 , 링크는 블로그에 맞도록 다시 입력을 해야 겠죠 
혹시모르니, 기존꺼는 주석처리(문제시 다시 복원위해서!) 해줍니다 

아래 것으로 붙여넣기 합니다 만일 기존에 관리자페이지에서, 화면보기에서 상단메뉴를 사용하고 있다면 모두 지워줘야 합니다 


css블로그상단메뉴만들기



이외에도 얼마든지 다른 해외 웹사이트들 ~~~~많으므로 아무거 맘에 드는 사이트가서 이용해도 됩니당 
어제 이것저것 만지작거리다가 실패하여 오늘 다시 상단메뉴 적용을 한 겁니다 하여간 블로그 스킨 만지작거리면 머리가피곤혀서... 되도록이면 안건드리는게 상책이죠 ㅎㅎ 


↗CSS TAB designer무료 메뉴디자인 프로그램이용[2번째방법]



css탭디자인 프로그램은 무료로 제공되어 다운로드한후 프로그램을 설치한 후 사용해야 하고요 
몇가지 샘플예제로 만들어 놓은 것을 그대로 이용해도 되고 메뉴를 새로 디자인할수 있는 프로그램입니다 


css메뉴만드는무료프로그램



제가 디자이너도 아니고..원~~제 이걸 디자인하것어용~그냥 샘플로 있는거 찾아 보니 별루여서 관두었는데요 
맘에 드는 샘플골라서 위에 설명한거 처럼 이용하면 됩니다 

정말 웹페이지 디자이너라면 그냥 이프로그램  강추 합니다 ㅎㅎ 


css tab designer 2.0 프로그램을 실행하면 중앙에 샘플을 고른 후에, 우측에 하단 code 에서 이용하면 됩니다 


>>>추가: 만일 샘플을 탭스타일 메뉴을 사용하려면 file > open sample을 해야 합니다 

css tab designer 2.0


소스가 좀 어지러울지도 모르겠는데요 style을 잘 찾아서 보셔야 하고,탭메뉴 소스파일을 잘 찾으시면 됩니다 

css메뉴바코드


css_tab.zip



상단메뉴 만드는CSS Tab Designer 2.0 프로그램 

관련글 티스토리 카테고리 펼치는 2가지 방법
티스토리 블로그 스킨백업과 티스토리 xml데이타 백업방법, 티스토리 블로그 2가지 필수
티스토리 블로그에 네이버이웃커넥트위젯 다는 방법
티스토리에게 바라는 한가지 , 포스팅글 삭제되어 깨진링크 다시 복구 살리는 기능
티스토리 카테고리 글더보기 날자 보이지 않게 감추기 [블로그팁]
컴퓨터 PC 사용한 시간을 알려주는 프로그램, 컴퓨터를 켜놓고 꺼진 시간량을 파악
티스토리 로그인 ID 계정 변경하는 방법
티스토리 관리센터 페이지 개선
티스토리 이미지 파일 절대경로 , 사이드바에 내가 만든 이미지를 활용 할 때
티스토리 2차 DNS 호스트 IP 주소 변경하기
티스토리 블로그 백업 하는 방법, 블로그를 xml 파일로 내컴퓨터에 저장
티스토리 블로그 글꼴을 나눔 글꼴로 변경



신고