'WebPrograming/HTML|CSS'에 해당되는 글 2건

  1. 2015.07.03 CSS로 만든 깔끔하고 다양한 색상의 상단 메뉴바
  2. 2015.07.03 CSS 메뉴 만들기 CSS MENU MAKER
2015.07.03 12:53

CSS로 만든 깔끔하고 다양한 색상의 상단 메뉴바가 있어 소개합니다.


CSS가 적용되지 않으면 이렇게 보입니다.

깔끔하면서도 방탄웹으로 잘 만들었네요~

http://naradesign.net/wp/2010/02/11/1185/

 

http://zzznara2.tistory.com/290

Posted by 물색없는세상
2015.07.03 12:53

CSS 메뉴 만들기를 해보도록 하겠습니다. 방법은 어렵지는 않습니다. CSS MENU MAKER 사이트에 접속해서 원하는 형태를 선택하고 만들기를 하면 만들어집니다. 사용방법도 간단한게 장점이구요. CSS 메뉴 만들기 내부 메뉴에는 템플릿으로 미리 만들어진것도 존재하고 또는 직접 만들 수 도 있습니다. 물론 잘만들어진 템플릿 선택 후 원하는 내용만 수정할 수 도 있습니다. 생각보다는 꽤 여러가지 템플릿이 있으며 쉽고 빠르게 메뉴를 꾸밀 수 있다는 점이 장점입니다. 그런데 애드센스 정책상 위에 뭔가 떠 있으면 안된다는것 때문에 약간 사용상 제한은 있을 듯 합니다. 블로그 상단에 쓰일 때 말이죠. 사이드바에 메뉴를 넣으면 상관없겠지만요. 이부분은 잘 확인해보시고 적용해 보시기 바랍니다.

CSS 메뉴 만들기, CSS 메뉴, CSS메뉴, CSS MENU MAKER, IT,CSS 메뉴 만들기를 해보도록 하겠습니다. 방법은 어렵지는 않습니다. CSS MENU MAKER 사이트에 접속해서 원하는 형태를 선택하고 만들기를 하면 만들어집니다. 사용방법도 간단한게 장점이구요. CSS 메뉴 만들기 내부 메뉴에는 템플릿으로 미리 만들어진것도 존재하고 또는 직접 만들 수 도 있습니다. 물론 잘만들어진 템플릿 선택 후 원하는 내용만 수정할 수 도 있습니다. 생각보다는 꽤 여러가지 템플릿이 있으며 쉽고 빠르게 메뉴를 꾸밀 수 있다는 점이 장점입니다. 그런데 애드센스 정책상 위에 뭔가 떠 있으면 안된다는것 때문에 약간 사용상 제한은 있을 듯 합니다. 블로그 상단에 쓰일 때 말이죠. 사이드바에 메뉴를 넣으면 상관없겠지만요. 이부분은 잘 확인해보시고 적용해 보시기 바랍니다.



http://cssmenumaker.com/

위 사이트에 먼저 접속 합니다.


CSS 메뉴 만들기, CSS 메뉴, CSS메뉴, CSS MENU MAKER, IT,CSS 메뉴 만들기를 해보도록 하겠습니다. 방법은 어렵지는 않습니다. CSS MENU MAKER 사이트에 접속해서 원하는 형태를 선택하고 만들기를 하면 만들어집니다. 사용방법도 간단한게 장점이구요. CSS 메뉴 만들기 내부 메뉴에는 템플릿으로 미리 만들어진것도 존재하고 또는 직접 만들 수 도 있습니다. 물론 잘만들어진 템플릿 선택 후 원하는 내용만 수정할 수 도 있습니다. 생각보다는 꽤 여러가지 템플릿이 있으며 쉽고 빠르게 메뉴를 꾸밀 수 있다는 점이 장점입니다. 그런데 애드센스 정책상 위에 뭔가 떠 있으면 안된다는것 때문에 약간 사용상 제한은 있을 듯 합니다. 블로그 상단에 쓰일 때 말이죠. 사이드바에 메뉴를 넣으면 상관없겠지만요. 이부분은 잘 확인해보시고 적용해 보시기 바랍니다.



아래로 내려보면 여러가지 메뉴가 나타납니다. 마음에 드는 메뉴를 먼저 선택 합니다.



CSS 메뉴 만들기, CSS 메뉴, CSS메뉴, CSS MENU MAKER, IT,CSS 메뉴 만들기를 해보도록 하겠습니다. 방법은 어렵지는 않습니다. CSS MENU MAKER 사이트에 접속해서 원하는 형태를 선택하고 만들기를 하면 만들어집니다. 사용방법도 간단한게 장점이구요. CSS 메뉴 만들기 내부 메뉴에는 템플릿으로 미리 만들어진것도 존재하고 또는 직접 만들 수 도 있습니다. 물론 잘만들어진 템플릿 선택 후 원하는 내용만 수정할 수 도 있습니다. 생각보다는 꽤 여러가지 템플릿이 있으며 쉽고 빠르게 메뉴를 꾸밀 수 있다는 점이 장점입니다. 그런데 애드센스 정책상 위에 뭔가 떠 있으면 안된다는것 때문에 약간 사용상 제한은 있을 듯 합니다. 블로그 상단에 쓰일 때 말이죠. 사이드바에 메뉴를 넣으면 상관없겠지만요. 이부분은 잘 확인해보시고 적용해 보시기 바랍니다.



메뉴를 확인 합니다. 왼쪽 아래에 customize / download 를 선택 합니다.


CSS 메뉴 만들기, CSS 메뉴, CSS메뉴, CSS MENU MAKER, IT,CSS 메뉴 만들기를 해보도록 하겠습니다. 방법은 어렵지는 않습니다. CSS MENU MAKER 사이트에 접속해서 원하는 형태를 선택하고 만들기를 하면 만들어집니다. 사용방법도 간단한게 장점이구요. CSS 메뉴 만들기 내부 메뉴에는 템플릿으로 미리 만들어진것도 존재하고 또는 직접 만들 수 도 있습니다. 물론 잘만들어진 템플릿 선택 후 원하는 내용만 수정할 수 도 있습니다. 생각보다는 꽤 여러가지 템플릿이 있으며 쉽고 빠르게 메뉴를 꾸밀 수 있다는 점이 장점입니다. 그런데 애드센스 정책상 위에 뭔가 떠 있으면 안된다는것 때문에 약간 사용상 제한은 있을 듯 합니다. 블로그 상단에 쓰일 때 말이죠. 사이드바에 메뉴를 넣으면 상관없겠지만요. 이부분은 잘 확인해보시고 적용해 보시기 바랍니다.



메뉴를 수정할 수 있습니다. 왼쪽 메뉴에서는 메뉴의 단계를 수정할 수 있고 선택 후 오른쪽 타이틀과 링크를 수정해서 메뉴를 변경할 수 있습니다.

모두 수정 후 download 를 합니다.


CSS 메뉴 만들기, CSS 메뉴, CSS메뉴, CSS MENU MAKER, IT,CSS 메뉴 만들기를 해보도록 하겠습니다. 방법은 어렵지는 않습니다. CSS MENU MAKER 사이트에 접속해서 원하는 형태를 선택하고 만들기를 하면 만들어집니다. 사용방법도 간단한게 장점이구요. CSS 메뉴 만들기 내부 메뉴에는 템플릿으로 미리 만들어진것도 존재하고 또는 직접 만들 수 도 있습니다. 물론 잘만들어진 템플릿 선택 후 원하는 내용만 수정할 수 도 있습니다. 생각보다는 꽤 여러가지 템플릿이 있으며 쉽고 빠르게 메뉴를 꾸밀 수 있다는 점이 장점입니다. 그런데 애드센스 정책상 위에 뭔가 떠 있으면 안된다는것 때문에 약간 사용상 제한은 있을 듯 합니다. 블로그 상단에 쓰일 때 말이죠. 사이드바에 메뉴를 넣으면 상관없겠지만요. 이부분은 잘 확인해보시고 적용해 보시기 바랍니다.



다운로드된 파일을 압축을 해제 후 실행해보면 메뉴가 나타나는것을 볼 수 있습니다. 이제 HTML 과 CSS 그리고 이미지 등을 적용하고자 하는 웹페이지에 업로드 후 적용을 합니다.

http://cdmanii.com/3875

Posted by 물색없는세상