이윰마운트님이 알려주신 사이드바로 메뉴를 완전히 바꿔버렸어요 > 자유게시판

본문 바로가기

자유게시판

이윰마운트님이 알려주신 사이드바로 메뉴를 완전히 바꿔버렸어요

profile_image
미니언즈 112.♡.180.13
2015-10-23 16:48 24,745 12 0

본문

예전부터 사이드바로 메뉴란을 만들면 예쁠 것 같단 생각을 해와서~

마운트님이 소개해주신 소스로 메뉴란을 바꿨어요.ㅎㅎ

 

 

원래는 버튼을 사용하려 했는데 항상 노출되는 것도 괜찮을 것 같아서  css만 활용하였습니다.

하지만 ... 뭔가 아직 디자인이 마음에 안들기때문에 수정 좀 해야할 것 같아요.. 굉장히.. 많이 ㅋㅋ

 

모바일은 여전히 기존 메뉴를 사용하기로 했어요~

모바일에서 보기에 참 이쁜 것 같아요.ㅎㅎㅎ

 

여하튼... 사이드바 제공해주셔서 감사합니다...!^^

 

 

 

0
로그인 후 추천 또는 비추천하실 수 있습니다.
profile_image
미니언즈 회원등급 : / Level 11
포인트 0
경험치 12,836
[레벨 11] - 진행률 84%
가입일
2015-05-25 15:21:28
서명
미입력
자기소개
태연 아이유를 좋아합니다.

최신글이 없습니다.

최신글이 없습니다.

댓글목록12

레오나르도님의 댓글

profile_image
레오나르도 211.♡.185.8
2015-10-23 17:54
오홍 적용하셨군요. 저도 읽어보고 적용해봤는데 아주 활용도가 좋은 스킬이더군요. 이모티콘
긍데 버튼은 있는게 좋을거에요.^^ 대신 사이트 로딩시 먼저 열어두게 하고 필요없으면 닫도록 하는것이 좋을지도...

축하합니다. 첫댓글 포인트 54포인트를 획득하였습니다.

0

미니언즈님의 댓글의 댓글

profile_image
미니언즈 112.♡.180.13
2015-10-23 18:14
버튼 다시 생각해봐야겠네여.ㅎㅎ
0

미니언즈님의 댓글의 댓글

profile_image
미니언즈 112.♡.180.13
2015-10-23 21:17
레오나르도님 사이드를 열어놓으려면 어떻게 수정해야하나요..?
0

레오나르도님의 댓글의 댓글

profile_image
레오나르도 211.♡.185.8
2015-10-23 21:35
이윰MOUNT님께서 알려주신 소스중 html소스 aside태그 클래스에 open을 아래처럼 넣어주고 문구를 CLOSE로 변경해 줍니다. 

<aside class="sidebar open">
    <div class="sidebar-content">
    	내용입력
    </div>
    <button><span class="sidebar-btn">CLOSE</span></button>
</aside>

css소스중 .sidebar 설정의 left: -270px; 을 left: -70px; 으로 변경해 주시면 되겠네요. 

.sidebar {
    background-color: #222;
    width: 270px;
    height: 100%;
    position: fixed;
    top: 0;
    left: -70px;
    z-index: 9999;
}
0

미니언즈님의 댓글의 댓글

profile_image
미니언즈 112.♡.180.13
2015-10-23 21:57
와우 정성스러운 답변 감사합니다.^^
0

미니언즈님의 댓글의 댓글

profile_image
미니언즈 112.♡.180.13
2015-10-23 22:51
해놓고보니 왜 그런지 궁굼해서 tail 스크립트부분을 계속 보고있는데 알것같으면서도 이해가안되네요..ㅠㅠㅎ

축하합니다. 행운의 포인트 50포인트를 획득하였습니다.

0

레오나르도님의 댓글의 댓글

profile_image
레오나르도 211.♡.185.8
2015-10-23 23:06
- 첨부파일 : 001.png (147.1K) - 다운로드
쵸큼 더 뚫어지게 보시면 이해되실 겁니다.이모티콘
0

미니언즈님의 댓글의 댓글

profile_image
미니언즈 112.♡.180.13
2015-10-23 23:35
ㅋㅋㅋ 넵! 이모티콘
0

허비봉님의 댓글

profile_image
허비봉 223.♡.163.58
2015-10-23 18:50
미니언즈님 제작중인 홈페이지 보면볼수록 탐나네요 ㅎㅎㅎㅎ
0

미니언즈님의 댓글의 댓글

profile_image
미니언즈 112.♡.180.13
2015-10-23 19:08
감사합니당...!!ㅎㅎ
0

티보리님의 댓글

profile_image
티보리 59.♡.243.2
2015-10-23 20:09
멋지네요 나중에 저도 좀 알려주세요
0

미니언즈님의 댓글의 댓글

profile_image
미니언즈 112.♡.180.13
2015-10-23 20:30
제가 뭐 알려드릴게 있나요.
보고 따라만들었을뿐인데요 ㅠㅠㅎㅎ
0

자유게시판 이용 안내

자유게시판에 광고/홍보 등의 글은 바로 삭제 처리가 되며, 특정 불법 광고성글(도박, 음란물 등)의 경우 고지없이 바로 회원 강제 탈퇴 처리가 되오니 참고 해 주시기 바랍니다.
질문글은 꼭 질문과 답변 게시판 또는 1:1문의 게시판을 이용하여 주시기 바랍니다.

전체 52 건 - 3 페이지
번호
제목
글쓴이
날짜
조회
추천
22
블로그테마 이용자 모임 모십니다.^^ 댓글 4개
미니언즈
2015-10-27
36,681
0
미니언즈
2015-10-27
21
홈페이지제작회사한테 사기당한 이야기 댓글 8개
미니언즈
2015-10-26
21,529
1
미니언즈
2015-10-26
20
요즘 이런거보면 부러움..ㅋㅋ 댓글 2개
미니언즈
2015-10-25
14,688
0
미니언즈
2015-10-25
열람
이윰마운트님이 알려주신 사이드바로 메뉴를 완전히 바꿔버렸어요 댓글 12개
미니언즈
2015-10-23
24,746
0
미니언즈
2015-10-23
18
네이버웹마스터도구 색인 요즘 이상하지 않나요? 댓글 2개
미니언즈
2015-10-22
14,947
0
미니언즈
2015-10-22
17
php 공부 해야겠어요. 댓글 7개
미니언즈
2015-10-13
16,850
0
미니언즈
2015-10-13
16
고민이네염..ㅠㅠ 댓글 12개
미니언즈
2015-10-12
69,928
0
미니언즈
2015-10-12
15
맥주병으로 머리내려치깈ㅋㅋㅋ 댓글 7개
미니언즈
2015-10-12
20,586
0
미니언즈
2015-10-12
14
지석진의 위엄!! 댓글 5개
미니언즈
2015-10-10
17,401
0
미니언즈
2015-10-10
13
후암 이제 오류3개 정도만 잡으면 완성이네욤...! 댓글 6개
미니언즈
2015-10-10
39,191
0
미니언즈
2015-10-10
12
한글날 즐거운 연휴되세요.^^ 댓글 2개
미니언즈
2015-10-09
15,413
0
미니언즈
2015-10-09
11
이윰접속할때마다 ~ 댓글 2개
미니언즈
2015-10-04
18,405
0
미니언즈
2015-10-04
10
제가 뮤직쉐이크로 만든 음악이에요!ㅎ 댓글 4개
미니언즈
2015-10-03
17,800
0
미니언즈
2015-10-03
9
ㅋㅋㅋ 진지한 이계인 댓글 2개
미니언즈
2015-10-03
19,402
0
미니언즈
2015-10-03
8
하... 정말 ... 댓글 11개
프리피피티
2015-09-25
62,090
0
프리피피티
2015-09-25
사이트 내 전체검색