Table 썸네일형 리스트형 깔끔한 css 메뉴 (가로사이즈) 메뉴 미리보기 깔끔한 세로형 CSS 메뉴입니다. CSS 스크립트 메뉴가 설치하기 힘든 분들은 , CSS 테이블 메뉴로 깔끔하게 메뉴를 꾸며도 될것같아요^^ 소스보기 ■ 사이에 들어갈 소스 ■ ~ 사이에 들어갈 소스 희야의웹하우스 포토샵강좌 블로그꾸미기 질문게시판 흔적남기기 위 소스를 보시고 정해진 위치에 제대로 넣어주시면 됩니다. line-height:30px; 은 메뉴바의 높이를 나타냅니다. -- 직접 바꿔서 보시면 바로 알겁니다 ^^; font-size:12px , color:#FFFFFF; 은 글자 사이즈, 그리고 글자 색을 나타납니다. menu36 a:hover 이부분이 마우스를 링크에 가따대었을때 하얀색으로 테두리가 생기지요 ? 그 효과를 설정하는 곳입니다. 본인의 사이트나 블로그에 맞게끔 수정.. 더보기 깔끔한 css 테이블 메뉴 - 4 깔끔한 CSS 메뉴 입니다. ■ 소스보기 다운받으시면 어느부분에 소스를 넣어야 할지 바로 아실 겁니다 ^^ 간단한 테이블 하나로도, 내 블로그의 분위기가 확 달라진답니다 ~ @_@ 더보기 깔끔한 테이블 메뉴 - 3 메뉴 미리보기 마우스 오버시 타원형의 희미한 색상이 보이는 깔끔한 메뉴 입니다. 메뉴 소스보기 희야의웹하우스 ABOUT DIARY BBS LINK → ← 이 테이블도 설명부분이 들어가 있습니다. 수정하는것도 꽤 간편합니다. 잘 사용하세요 @_@ 더보기 깔끔한 테이블 메뉴 - 2 메뉴 미리보기 깔끔한 세로 메뉴 테이블 입니다. 소스 보기 희야의웹하우스 A B O U T D I A R Y B B S L I N K M A I L ■ ■ ■ ■ 테이블과 CSS 로 구성된 깔끔한 테이블 이라서, 수정또한 쉽고 소스도 간결합니다. 기본적으로 테이블 색상과 메뉴이름, 링크 부분을 자신의 사이트에 맞게 수정하시면 됩니다. 빨간색으로 표시된 부분은 메뉴에 마우스를 가따대었을때 테이블 하단에 메뉴에 관한 설명을 적는 곳입니다. 설명하는건 필요없다고 한다면, 하단 빨간색으로 표시된 테이블 부분을 삭제하시면 됩니다. 보라색으로 표시된 부분이 테이블 색상입니다. 전체적인 색상, 마우스 오버시 나타나는 색상입니다. 알맞게 수정해서 사용하세요. 더보기 [ HTML ] 테이블에 색상을 넣어보자/ 테두리도 꾸미기 테이블에 색을 입혀서 꾸며보기 희야의웹하우스 옆에 bgcolor= 소스를 넣으면 테이블 전체에 색이 들어갑니다. 희야의웹하우스 안에 bgcolor= 소스를 넣으면 해달 셀 부분만 배경색이 입혀집니다. 희야의웹하우스 와 에 각각 bgcolor 색을 넣었습니다. 셀부분의 색이 바깥쪽 테이블 색을 덮었더니, 에 넣은 배경색이 테두리 색으로 보입니다. 희야의웹하우스 위쪽 테이블과의 차이점이 보이시나요 ? 위쪽 테이블은 기본적인 border(테두리) 소스가 들어가있고, 아랫쪽에는 테두리 소스가 없습니다. 그랬더니 왠지 더 매끄럽고 깔끔한 테이블이 만들어졌습니다. 테이블 테두리 가늘게 만들어보자 희야의웹하우스 뒤쪽에 cellspacing=1 이라는 소스가 들어가서 테이블의 테두리를 가늘게 만들어주는 역활을 하고 있.. 더보기 깔끔한 테이블 메뉴 - 1 테이블 상자는 CSS, 자바스크립트에 비해서 많이 화려하지 않기때문에, 디자인을 아주 중요시하는 고수분들에게는 솔직히 별로 인기가 없을지 몰라요 ^^ 하지만, 어디까지나 블로그나 사이트를 막 접하는 분들이나 , 좀 더 깔끔하고 간편한 메뉴를 찾는 분들에게 조금이나마 도움이 되고자 올립니다. ^^ Table 과 CSS 를 혼합해서 만들어지므로, 그냥 일반적인 테이블 보다는 다양한 테두리와 색깔, 마우스온 효과도 있어서 훨씬더 모양도 이쁘고, 수정도 간편해서 초보분들도 쉽게 사용할 수 있을거라고 생각합니다. －・－ MENU －・－ 포토샵강좌 베가스강좌 자유게시판 HTML/CSS 희야의웹하우스 －・－・－・－・－・－・－ －・－ MENU －・－ 포토샵강좌 자유게시판 희야의웹하우스 －・－・－・－・－・－・－ －・－ .. 더보기 이전 1 다음
