홈페이지 : http://www.sublimetext.com
테마 자료 :
http://kkga.github.io/spacegray/
WRITTEN BY
- 비트센스
뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com
홈페이지 : http://www.sublimetext.com
테마 자료 :
http://kkga.github.io/spacegray/
MAMP + Laravel + Bootstrap Theme Metis
Laravel이 제공하는 laravel pagination 태그와 Metis Table 제공 pagination 태그가 틀립니다.
Metis pagination 태그 수정을 찾기 않고 일단 laravel 태그를 수정했습니다.
[Laravel 제공하는 태그가 bootstrap 표준이므로 수정을 취소합니다.]
/laravel/vendor/laravel/framework/src/Illuminate/Pagination/views/slider.php
[수정 전]
<div class="pagination">
<ul >
<?php echo $presenter->render(); ?>
</ul>
</div>
[수정 후]
<ul class="pagination">
<?php echo $presenter->render(); ?>
</ul>
Metis 수정할 경우를 찾아봐아겠네요.. ^^;; 문젠 어떤게 Bootstrap 표준으로 맞는지도 확인해봐야겠네요.
[Metis 스크립트를 수정합니다.]
수정파일 : /laravel/public/assets/lib/datatables/DT_bootstrap.js
$(nPaging).append(
'<div class="pagination">' +
'<ul>' +
'<li class="prev disabled"><a href="#">← ' + oLang.sPrevious + '</a></li>' +
'<li class="next disabled"><a href="#">' + oLang.sNext + ' → </a></li>' +
'</ul>' +
'</div>'
);
bootstrap.css의 pagination 부분도 bootstrap 원본을 참조하서 수정을 합니다. ^^;;
그럼 정상적으로 잘 돌아가네요.
bootstrap은 이제 많이 알려진 상황이고, 개발자들이 관리자 페이지 하나 만들면 이제 어느 정도는 이녀석을 활용하려고 하는 것 같습니다.
문제는 활용은 한다고 하지만 modal 등 몇몇 문제가 있고, 무엇보다 눈이 높아진 디자인 이슈들에 비해 나의 UI 능력치는 부족하여... 어쩔 수 없이 이왕 빌려 쓰는 거 이쁜 건 없나 찾았지만, 대부분 유료네요. (금액은 얼마 되지 않습니다. 사서 쓰는 것을 강추합니다.)
하지만 개인적으로 사이트를 만들어 보고 있는 마당에 무슨 부귀영화를 누린다고 유료 테마를 사용하겠습니까? =_=;; (구글링으로 써치한 페이지 : http://bootstrapthemes.quora.com/Top-10-Bootstrap-Dashboard-Themes-For-Webmasters)
여기 무료 중에서 괜찮은 테마가 있어서 추천을 합니다.
공식 URL : http://demo.onokumus.com/metis (글 작성 당시 버전 : Bootstrap 3.0.0 V2.1.1)
git 다운로드 주소 : https://github.com/onokumus/Bootstrap-Admin-Template
개인 수정로그
1. modernizr-build.min.js
일부 css, js 파일 추가생성시 상대경로 assets 으로 생성이 되어서 하위 http://도메인/폴더/metis.html 같은 형태로 작업시 오류발생. 저는 /assets 로 절대 디렉토리로 바꾸는 작업을 했습니다.
2. js 디렉토리 추가
일부 js 파일들이 있는 것처럼 보이나, 없음. 대표적인 것이 bootstrap도 없음
추가된 디렉토리
bootstrap, cssbeauty, flot, font-awesome, magic, tablesorter, touch-punch
(자세한 내용은 해당 홈페이지 참조 사이트들이 있으니, 거기에서 다운받으시면 됩니다.)
3. bootstrap.js 변경
최신 버전이라고 해서 좋은 것은 아닌것 같네요. 일부 js 파일이 버전이 다릅니다. ㅠ,.ㅠ;; 해당 파일이 최신인 경우 메뉴 폴딩이 제대로 안되는 문제가 있어서 metis 서비스 중인 bootstrap.js로 바꿨습니다.