포럼
부트스트랩 레이아웃과 게시판 스킨 + 라이센스 변경
2014.02.06 11:42
* 게시판 스킨의 개인적 사용 및 사용자포럼 재배포 (이름변경 안됩니다) 가능하나
상업적용도 사용 및 기타 재배포는 불허합니다.
* 게시판 외 나머지는 버그를 살펴볼 시간이 없어 일단 내립니다.
갤러리 처음에 깨지는 문제 수정. 테이블 소스 변경, 셀 크기 수정, 아이콘 변경, 폰트 사이즈 옵션 추가.
수정한 버전을 편한 적용을 위해 자료실에 등록하려고 했는데 계속 검토중으로 나와서 다시 여기 올립니다. ㅎㅎ;
갤러리/카드형 1, 2의 기본 그리드가 주어지지 않아 처음 생성시 깨지는 문제 수정.
@YJSoft님
작업하고 계셨던 카테고리 드롭다운 메뉴를 넣었습니다.
또한 부트스트랩 레이아웃을 쓰지 않았을 경우에 .js 파일을 삽입할 수 있는 옵션을 넣었으니
체크만 해주시면 레이아웃 사용 안하시는 경우에 드롭다운도 될겁니다.
카테고리 글수 표시 넣을 수 있는 옵션도 넣어봤습니다.
원래 제가 그런 식으로 만들었었는데 이상하게 오류가 나서 제 파일에서는 전체 글수가 카테고리 글수 따라가더라고요.
그래서 삭제했었다가 다시 살려서 고쳐봤는데 혹시라도 더 좋은 방법 있으시면 알려주세요!!
사용해주시고 수정해주셔서 감사합니다. ^^
zip 파일 한개로 올립니다. 나눠서 올리자니 귀차니즘이... ㅎ_ㅎ;
A1. 혹시라도 carouselslide를 content 위젯스킨으로 사용해보셨는데 안 나오시는 분이 계신다면, 당연합니다!
content 위젯 스킨에서 사용자 옵션 설정하는 법을 몰라서 레이아웃에 높이 설정을 붙여버린 관계로... 그렇습니다.
직접 수정하신다면 레이아웃 css 나 해당 위젯의 css 에 다음 코드를 추가해주시면 됩니다.
.carousel {height:높이; background-color:#배경색깔; 혹은 background:url(배경이미지경로); }
.carousel-inner .item {height:높이;}
수정하셔서 넣으시면 완전 똑같지는 않지만 최근글이 다음과 같이 나옵니다. http://getbootstrap.com/examples/carousel/
부트스트랩 (http://getbootstrap.com) 을 이용한 레이아웃과 게시판을 한번 올려봅니다.
다 부트스트랩 예시 등등을 이용해서 만든 그냥 간단한 것들입니다.
1. 메인, 서브, 일반으로 모듈마다 각각 레이아웃을 설정할 수 있습니다. (rest_bootstrap 폴더 경로: /layouts/rest_bootstrap)
보통 세개정도면 되는 것 같길래. ㅎㅎ
2. 다음 각 영역을 메인, 서브, 일반으로 나누어 소스를 삽입할 수 있습니다. -_-;
메뉴 | ||
메뉴아래 | ||
컨텐츠왼쪽 | 컨텐츠위 | 컨텐츠오른쪽 |
컨텐츠(요긴x) | ||
컨텐츠아래 | ||
푸터위 | ||
푸터 |
각 영역 사이의 간격이 딱 붙어나와도 원하시는 부분 영역에 <div style="padding:10px"></div>
이런거 넣으셔서 간격을 잡으시면 될겁니다!
3. 컨텐츠왼쪽, 중간, 오른쪽을 부트스트랩 그리드를 이용해 각각 설정해주실 수 있습니다.
3.1 부트스트랩 그리드를 넣어주시면 반응형이 가능합니다.
3.1.1 다 아시겠지만, 기본적으로 col-lg-3 이런 식으로 표현되며
"col-lg-숫자 col-md-숫자 col-sm-숫자 col-xs-숫자" 로 쓰시면 됩니다.
lg>md>sm>xs 로 각각 제일큰화면크기 -> 제일작은화면크기일때를 나타내며 숫자는 12가 100%입니다.
만약 "col-lg-4 col-md-3 col-sm-6 col-xs12" 이라고 적으시면
화면변화에 따라 1/3-> 1/4 -> 1/2 -> 1 의 크기로 각각 나타납니다.
4. 메뉴가 2차메뉴까지만 가능하며 1개입니다! 메뉴 위젯을 만들어서 보완을 해보려고 했는데 ㅡㅡ; 언젠가는...
중요한 것은 1차메뉴에 2차메뉴가 포함되어 있을 경우 제가 1차 메뉴 링크를 없애 놔서...(드롭다운이라...)
1차메뉴는 메뉴 생성하실때 바로가기 > url > # 으로 생성하신 후에 거기에 2차 메뉴를 넣으시면 되겠습니다.
5. 같이 쓰실 수 있는 게시판 스킨도 함께 올립니다. * 수정 : 갤러리 게시판에 커버 적용 가능!
(rest_default폴더 경로: /modules/board/skins/rest_default)
6. 같이 쓰실 수 있는 최근글 스킨도 함께 올립니다.
(rest_marketing폴더 경로: /widgets/content/skins/rest_marketing)
7. 부트스트랩 carousel 샘플을 이용한 최근글 슬라이더 위젯 스킨
(rest_carouseslide폴더 경로: /widgets/content/skins/rest_carouselslide)
9. 기타 저번에 올렸던 유투브 컴포넌트 (유투브 섬네일 자동삽입.. ㅎㅎ)
동영상 크기 조절이 가능한 파일 (youtube_link폴더 경로 :/www/modules/editor/components/youtube_link)
수정본 게시판 크기에 꽉 차게 동영상크기가 변하는 파일 (youtube_link100%폴더 )
p.s
슬라이더 위젯 스킨 올립니다.
게시판 스킨 댓글 보고 프로필 사진 부분만수정해서 새로 올립니다.
윈컴이님 레이아웃과 충돌은.. ;ㅁ;;; 다른 분이 올려주신 파일 받으시면 될것 같아요 제가 능력부족이..ㅠㅠ. ㅎㅎ
레이아웃은 제 사이트에선 잘 돌아가서 무슨 문제가 있는지 모르겠네요. ㅠ_ㅠ;
참고하시라고 샘플화면. ㅎㅎ;;
댓글 12
-
Volun
2014.02.06 12:31
-
socialskyo
2014.02.06 13:10
foret님 원츄!! XE부트스트랩에 전문가 분들이 많아요!!
-
YJSoft
2014.02.06 13:25
게시판에서 글 읽을때 프로필사진 부분이 이상하신 분들은
view_document.html에서
<!--@if($oDocument->getProfileImage())-->
<img src="{$oDocument->getProfileImage()}" alt="profile" class="profile" align="left" />
<!--@end-->
<img src="{$member_info->myprofileimage}" alt="profile" class="pull-left img-rounded" style="width:180px; height 120px; margin-right:10px;" />
이부분을
<!--@if($oDocument->getProfileImage())-->
<img src="{$oDocument->getProfileImage()}" alt="profile" class="profile pull-left img-rounded" align="left" style=" margin-right:10px;" />
<!--@end-->
이렇게 바꿔 주시면 잘 나올겁니다
Simplestrap 레이아웃 사용하시면 아마 부트스트랩 CSS 충돌로 레이아웃이 이상하게 나올 텐데요, bootstrap_board.zip 받아서 적용해주시면 됩니다.(단 아이콘이 정상적으로 뜨려면 기타-Font Awesome 항목을 3.2.1+4로 변경하셔야 합니다)
-
BonaSera
2014.02.06 14:33
레이아웃 설정에서 메인페이지로 사용 될 아이디를 입력하면
상단 메뉴바가 갑자기 회색으로 바뀌면서 메뉴가 출력되지 않아요
설정값이 많아서 다른 건 아직 못해봤어요
-
Icarus
2014.02.06 15:14
저도 Simplestrap 레이아웃 사용 하는데 이번 버전업을 하고 나니 점보트론과 사이드바 위젯이 XE 충돌이 있는 것 같습니다...
일단은 윈컴이님께서 패치파일 올려 주실때까지 기다려야죠...^^
-
sjap97
2014.02.07 10:29
오오오오 감사합니다~~
-
YJSoft
2014.02.07 17:01
전체 게시판 글수 부분은 그냥 쿼리 날려서 해당 게시판 전체 글수 구해오는 방식으로 구현했습니다.
{@
$oDocumentModel = &getModel('document');
$count_total = $oDocumentModel->getDocumentCount($module_info->module_srl);
}
이렇게요 ㅎㅎ
-
foret
2014.02.07 17:17
아하! +_+ 저도 그렇게 고쳐볼게요! ㅎㅎ 누락된 드롭다운 메뉴도 넣어보고... 샘플 게시판 만들어 주셔서 감사합니다.
앞으로도 수정 재배포를... 잘 부탁드립니당. 저는 이번 주에 잠시 시간이 나서 만들어본거라...
아참 갤러리 설정 썸네일 4개 + 커버사용으로 해보세요! 이번 수정본에 갤러리에 초 심혈을 기울여봤거든요. 하하
-
YJSoft
2014.02.08 22:51
첫 자료에 한해서 개발팀의 승인이 필요하고 그 이후부터는 승인 없이 올리실 수 있습니다.
스팸 방지를 위한 정책이라네요~
-
foret
2014.02.08 23:50
앗 그런데 이름 변경해서 자료실에 올리셨네요. ㅎㅎ
저는 조금 소심해서 수정 재배포는 마음대로 하셔도 괜찮다고 생각했지만, 이름변경은 좋아하지 않는 것 같아요!
디자인이 완전 달라진 게 아니라 제가 만든 걸 기반으로 다른 레이아웃에 맞게 수정하신 거라면
자료실에서 내려주시면 어떨까 합니다. ㅎㅎ
저도 지금 여러가지 버그를 잡고 있는데 이렇게 되면 꼭 제가 만든게 짝퉁 같기도 하고...
제가 버그 잡거나 기능 추가하거나 하면 또 어떻게 해야할지도 모르겠구. ㅠ_ㅠ;
저 나름대로 하루 종일 버그 잡아서 자료실에 올려보려고 신청해놨는데 검토중 기다리던 중에
먼저 올리신 걸 보고 조금 당황해서요!! 기분 나쁘지 않으셨으면 좋겠네요.
-
YJSoft
2014.02.09 00:15
앗.. 내렸습니다!
-
foret
2014.02.09 11:02
감사합니다!! 이 소심한 마음을 넓은 마음으로 이해해 주셔서!! ㅎㅎ
미리보기 사이트좀 주시지.. ㅠㅠ