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

 

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. (44%) 151000/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

신고

"네모님의 댓글"

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

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 마스터 24.09.05.16:25 2409
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 9419
공지 낚시성 불법도박 홍보 게시글을 주의하세요. 9 image 네모 네모 22.08.09.18:13 2899
공지 슬기로운 포인트 벌이를 하는 법 (22.10.11 업데이트) 64 네모 네모 18.06.17.20:25 17734
4575 학교의 안보가 위협받고 있습니다. 6 image 제르엘 제르엘 17.11.11.22:15 294
4574 아이고 아부지... (시즌 2) 8 국내산라이츄 국내산라이츄 17.11.11.22:42 252
4573 미국 소니, 플레이스테이션4의 블랙프라이데이 딜 발표 3 image Adam title: 대한민국 국기Adam 17.11.12.13:06 444
4572 윈도우 서버용 백신 가격 비교 9 이니스프리 이니스프리 17.11.12.18:01 1645
4571 다음달까지는 출첵 1등아니더라도 꾹 찍고 갑니다 4 Seia Seia 17.11.12.20:08 190
4570 어제 잠실 댕겨왔습니다. 9 image 국내산라이츄 국내산라이츄 17.11.12.21:44 231
아이콘샵 스킨을 만들었습니다. (Bootstrap) 10 image title: 은메달도다 17.11.12.22:16 490
4568 전..도데체.. 7 image Ciel Ciel 17.11.12.23:28 218
4567 수능날 뭐 했더라... 3_3 22 국내산라이츄 국내산라이츄 17.11.13.00:21 299
4566 어떻게 해도 월요일은 오는군요.... 7 루디프리아 루디프리아 17.11.13.10:43 187
4565 티머니에서 캐시비로 갈아타려구요 15 네모 네모 17.11.13.17:34 485
4564 날씨가 추워졌습니다. 9 image 라엘 라엘 17.11.13.18:26 265
4563 인트라넷으로 개발을 하고 있습니다. 10 humit title: 황금 서버 (30일)humit 17.11.13.18:34 380
4562 미디어위키에 lazyload 를 적용해볼까 생각중입니다. 2 title: 은메달도다 17.11.14.00:05 199
4561 아 이 망할 노트북 걍 포맷해야지 ㅡㅡ 13 국내산라이츄 국내산라이츄 17.11.14.10:37 225
4560 유익한 정보, 유용하게 저장 관리하는 방법 Adam title: 대한민국 국기Adam 17.11.14.13:47 308
4559 왜 우분투는 글꼴이 한번에 설치가 안될까요... 7 국내산라이츄 국내산라이츄 17.11.14.14:18 318
4558 밤 추워요 ㅜ 3 핫슈 17.11.14.17:17 172
4557 고수님들은 아실수도 있는데, 제가 어제 공부하면서 알게된 쿼리 테스트 사이트 공유합니다. 5 image JAVA JAVA 17.11.15.09:28 195
4556 이번주 인간극장 좀 짠하네요.. 2 국내산라이츄 국내산라이츄 17.11.15.11:33 381