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

본문 바로가기

자유게시판

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

profile_image
미니언즈 112.♡.180.13
2015-10-23 16:48 27,930 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
쵸큼 더 뚫어지게 보시면 이해되실 겁니다.이모티콘
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문의 게시판을 이용하여 주시기 바랍니다.

전체 1,110 건 - 44 페이지
번호
제목
글쓴이
날짜
조회
추천
465
1:1문의 요청건이 1000건을 넘겼네요. 댓글 6개
이윰IN
2015-10-27
27,683
0
이윰IN
2015-10-27
464
블로그테마 이용자 모임 모십니다.^^ 댓글 4개
미니언즈
2015-10-27
39,955
0
미니언즈
2015-10-27
463
이번달도 거의 다 지나가고 있는데 아직 샵(영카트)테마는 업데이트가 멀었나보네요. 댓글 3개
달고나
2015-10-27
19,778
0
달고나
2015-10-27
462
마루웹호스팅 댓글 4개
홍인
2015-10-27
20,932
0
홍인
2015-10-27
461
정말 간만에 왔네요 댓글 5개
red123
2015-10-27
20,960
0
red123
2015-10-27
460
요즘 크롱크롱님 출석체크의 새로운 강자신가 봅니다. ㅎㅎ 댓글 3개
비즈팔
2015-10-27
19,617
0
비즈팔
2015-10-27
459
홈페이지제작회사한테 사기당한 이야기 댓글 8개
미니언즈
2015-10-26
24,490
1
미니언즈
2015-10-26
458
요즘 이런거보면 부러움..ㅋㅋ 댓글 2개
미니언즈
2015-10-25
17,755
0
미니언즈
2015-10-25
457
얼마전 불현듯이... 내 하나의 사랑은 가고... 댓글 3개
이윰MOUNT
2015-10-24
23,961
2
이윰MOUNT
2015-10-24
열람
이윰마운트님이 알려주신 사이드바로 메뉴를 완전히 바꿔버렸어요 댓글 12개
미니언즈
2015-10-23
27,931
0
미니언즈
2015-10-23
455
드디어 아이폰 6s 출시되었군요 댓글 4개
지식KIN
2015-10-23
29,416
0
지식KIN
2015-10-23
454
shadow님이 쉐도우님이... 댓글 5개
이윰IN
2015-10-22
21,502
0
이윰IN
2015-10-22
453
네이버웹마스터도구 색인 요즘 이상하지 않나요? 댓글 2개
미니언즈
2015-10-22
18,026
0
미니언즈
2015-10-22
452
El Capitan 10.11.1 업데이트가 나왔네요. 댓글 11개
이윰IN
2015-10-22
43,576
0
이윰IN
2015-10-22
451
허비봉님 죄송합니다... 댓글 13개
레오나르도
2015-10-20
68,886
0
레오나르도
2015-10-20
사이트 내 전체검색