• 목록
  • 아래로
  • 위로
  • 10
  • title: 은메달도다
  • 조회 수 454

 

image.png

 

아이콘샵 Default 스킨을 기반으로 하나씩 바꿔가면서 제작한, Bootstrap 용 아이콘샵 스킨입니다.

Bootstrap CSS가 내장되어 있지 않기 때문에, Bootstrap 으로 제작된 레이아웃이 필수적으로 필요한게 흠이죠...

 

대표적인 Bootstrap 스킨인 Simplestrap 에서도 정상 작동을 확인하였습니다.

 

image.png

↑ SimpleStrap 으로 본 '내 보관함' 페이지

 

1. 기존 버튼에 색을 넣어 눈에 잘 보이게 제작되었습니다.

2. Bootstrap 3 의 기본 기능을 최대한 활용하였습니다.

3. 여러 스킨에도 잘 보이도록 Bootstrap 3 원본의 컴포넌트들만 사용하여 완벽하게 제작되었습니다.

 

+ Bootstrap 4 에서는 깨지더라고요.

+ 추후엔 Bootstrap 을 내장할 계획도 있습니다. (Bootstrap 3 의 Customize 기능 활용)

++ Bootstrap 내장하니깐 버튼이 깨지는데 그건 어떻게 할 수가 없더라고요... xe.min.css 지우면 레이아웃이 깨질태니 ㅠㅠ

국내산라이츄님 국내산라이츄 포함 1명이 추천

추천인 1

작성자
title: 은메달도다 43 Lv. (42%) 150850/154880EXP

안녕하세요 



댓글 10

이니스프리
profile image

오오~ 깔끔하고 멋지네요! ^-^

역시 도다 님께선 대단하십니다 :)

그런데 링크 아이콘은 다른 것보다 조금 작아보이네요 ㅠㅠ

comment menu
2017.11.12. 22:47

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 은메달도다 작성자 → 이니스프리

원본이 작다보니... 테스트용으로 올린것이라 큰 문제는 없어요!

Bootstrap에 의존하기는 싫었지만 ㅠㅠ

comment menu
2017.11.12. 23:31

신고

"도다님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 → 도다
profile image

앗 그렇군요 ^-^

앞으로도 계속 기대하겠습니다 :)

도다 님께서도 안녕히 주무세요~

comment menu
2017.11.13. 00:03

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah
profile image

깔끔하네요!

comment menu
2017.11.13. 00:23

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

마카롱
profile image

필요한 부분만 이름 바꿔서 재정의 하세요 ㅎ

comment menu
2017.11.13. 07:35

신고

"마카롱님의 댓글"

이 댓글을 신고 하시겠습니까?

네모
profile image

오호... 좋네요!

휴리파파님이 말씀하신 재정의가 귀찮으시다면 lesscss 로 수정하는 방법도 있습니다.

 

#iconshop {

부트스트랩 CSS 내용

}

 

으로 작성해서 컴파일하시면

#iconshop 안에서만 부트스트랩이 작동합니다.

comment menu
2017.11.13. 07:51

신고

"네모님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 은메달도다 작성자 → 네모

less 에서 prefix 를 붙일 수 있다는 말이시죠...? 한번 해보겠습니당!

comment menu
2017.11.13. 15:27

신고

"도다님의 댓글"

이 댓글을 신고 하시겠습니까?

네모 → 도다
profile image

prefix은 아니고... 그냥... 뭐...ㅋㅋㅋ

설명을 못하겠네요ㅠ

comment menu
2017.11.13. 15:54

신고

"네모님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 은메달도다 작성자 → 네모

...? #id 안에서만 동작한다 같은 건가욤

comment menu
2017.11.13. 18:09

신고

"도다님의 댓글"

이 댓글을 신고 하시겠습니까?

네모 → 도다
profile image

예예. 부모 요소를 지정해서 그 안에서만 작동해요.

comment menu
2017.11.13. 18:25

신고

"네모님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 마스터 24.02.11.17:21 2219
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 5899
공지 낚시성 불법도박 홍보 게시글을 주의하세요. 9 image 네모 네모 22.08.09.18:13 758
공지 슬기로운 포인트 벌이를 하는 법 (22.10.11 업데이트) 64 네모 네모 18.06.17.20:25 15661
4549 스포티콘 최대가 20장에다 30일 제한이라니 절대로 용서할 수 없군요. 7 image 출사로 출사로 21.07.15.10:28 207
4548 사업자 등록 성공, 이제부터 저도 사업자입니다. 19 갱생협스 갱생협스 20.01.20.21:57 207
4547 와 빼빼로 받았다 와 22 image 국내산라이츄 국내산라이츄 19.11.10.18:22 207
4546 아니 왓아유토킹어바웃이여 장마전선 양반... 8 국내산라이츄 국내산라이츄 19.07.30.12:49 207
4545 "노트북"하면 역시 ○○○이죠! 19 image 갱생협스 갱생협스 19.03.22.23:01 207
4544 사고싶은_그러나_사지_못하는_쇼핑_리스트.txt 24 갱생협스 갱생협스 18.12.08.23:27 207
4543 코★믹☆월★드 14 image 박재식품 박재식품 18.05.10.18:37 207
4542 오늘도 해커님은 바쁘십니다. 6 Kongjak Kongjak 18.01.25.22:53 207
4541 음..1월이나 2월경에 나머지 구매.. 컴퓨터 3 핫슈 17.11.17.15:31 207
4540 오 이런사이트가 있네요 7 STULAB STULAB 17.10.23.22:35 207
4539 위키에 등재됐다는 소식을 들었습니다. 4 국내산라이츄 국내산라이츄 17.09.14.00:04 207
4538 여러분들 자유게시판 활동으로도 17렙 됫어요 ㅋㅋ 8 핫슈 17.07.13.22:56 207
4537 스포어 위키들 4 맛수타 17.07.11.20:14 207
4536 2018 프로야구 fa예정 선수들 JEEK_CODUCT JEEK_CODUCT 17.01.20.18:49 207
4535 음 그누보드5 티스토리는 잘만든듯ㅋㅋ 13 핫슈 16.11.15.10:54 207
4534 뜬금없는 미드 추천!! Westworld 웨스트월드 4 image Femiz 16.10.06.20:50 207
4533 사용 설명서 만들고 있습니다. 6 file 마스터 마스터 16.08.26.01:54 207
4532 잡담 4 image 제르엘 제르엘 23.10.04.01:00 206
4531 노트북 사망 후기 5 제르엘 제르엘 21.09.09.00:34 206
4530 이사 준비하면서 모은 꿀팁 사이트 5개 2 image 좝좝이 좝좝이 20.02.25.12:33 206