본문 바로가기

메뉴바6

[bootstrap] 부트스트랩 – 100%(full-width) 내비게이션 메뉴바 [냅바(navbar)] 100% 내비게이션 메뉴바 샘플 소스입니다. 기존의 부트스트랩 navbar는 100%는 아녔죠. 디자인도 좀 입혔습니다. [새창으로 보기] 클릭해서 확인해 보세요~ 2018. 5. 19.
[bootstrap] 부트스트랩 – 내비게이션 메뉴바 [냅바(navbar)] – 전체 너비로 확장 body { min-height: 2000px; padding-top: 70px; } 부트스트랩 기본 내비게이션 메뉴바에 위 css 소스만 추가하면 됩니다. [새창으로 보기] 클릭해서 확인해 보세요. 2018. 5. 19.
[bootstrap] 부트스트랩 – 전체 너비 내비게이션 메뉴바 [냅바(navbar)] & 검색입력창(searchbox) 부트스트랩 전체너비 내비게이션 메뉴바입니다. 그리고, 검색입력창(searchbox)가 들어 있는 샘플입니다. [Edit in jsfiddle] 클릭해서 확인하세요. 2018. 5. 11.
[bootstrap] 부트스트랩 – 전체 너비 내비게이션 메뉴바 [냅바(navbar)] & 검색입력창(searchbox) [검은색 테마] 부트스트랩 전체 너비 내비게이션 메뉴바 검은색 테마입니다. 2018. 5. 11.
[티스토리] Tistory의 메뉴바(툴바) 없애기(안보이게 하기) 티스토리는 정말 가끔은 내 개인사이트 같은 느낌이 있습니다.몇년동안 글을 쓰고 관리를 하다보니 정말 예전 내 홈페이지 같아요.스킨은 물론 소스까지도 수정할 수 있으니 더더욱 그렇지요. 그러나 딱 하나!이 상단에 있는 티스토리 메뉴바가 그런 느낌을 사라지게 만듭니다.이넘은 내가 어디 소속인지를 분명하게 해주거든요. 그래서, 오늘 이넘을 없애기로 했습니다.이넘의 소스가 뭘로 돼 있는지 확인해 보기로 했습니다.이 메뉴바에서 마우스 오른쪽 버튼을 클릭하고 [검사]를 클릭합니다. 소스를 확인해보니 id="tistorytoolbarid"라는 부분이 툴바를 감싸고 있는 부분이네요.이넘을 감추면 작업 끝~!!! 그래서, 이넘을 감추기 위해 [관리자페이지 > HTML/CSS 편집]으로 들어갑니다. CSS 탭을 누르고맨 .. 2016. 2. 26.
[naradesign] CSS로 만든 깔끔하고 다양한 색상의 상단 메뉴바 CSS로 만든 깔끔하고 다양한 색상의 상단 메뉴바가 있어 소개합니다. CSS가 적용되지 않으면 이렇게 보입니다.깔끔하면서도 방탄웹으로 잘 만들었네요~http://naradesign.net/wp/2010/02/11/1185/ 2015. 6. 23.