레이아웃 스킨
| 라이센스 | 기타 |
|---|---|
| 기타 라이센스 | 저작자표시 2.0 대한민국 |
| 적용 버전 | 정식버전(1.0이후) |
일전에 공지한대로. 드디어. mjworks. standard V1 레이아웃 스킨을 공개합니다.
일정보다 많이 늦어졌네요.
몇몇분들이 기다리셨는데 너무 늦은건 아닌지 모르겠습니다.
조금씩 배워가는 입장이다보니. 몇달전의 것이라 여기저기 손볼 곳이 많아...
하루가 꼬박 걸렸네요ㅠㅠ;
레이아웃을 쓰실때 Design by 와 Powered by 부분은 가급적 삭제하지 말아 주셨으면 합니다.
저뿐만 아니라. 모든 저작자에 대한 예의인것 같네요 ^ ^;
제 홈페이지에도 제로보드 로고를 꼭 넣고 있습니다.
Introduction.
일단 메뉴는 3단계 주메뉴 하나와 오른쪽 상단에 4개의 메뉴를 넣을수 있는 추가메뉴(?)로 구성되어 있습니다.
전체적으로 컬러셋이 바뀌는 것이 아니라.
상단메뉴와 서브메뉴의 컬러셋을 각각 적용할수 있게 만들어서 총 아홉가지의 변형이 가능합니다.
컬러셋은 상단메뉴와 서브메뉴 각각 Red, Blue, Green 3가지씩으로구성되었습니다.
이외에. RSS FEED 버튼 출력 (설정에서 Rss 주소를 입력하면 하단에 버튼이 생성됨.)을 지원합니다.
Screenshot.


적용예는 http://mjworks.kr/standard/?mid=TestHome 에서 확인 할 수 있습니다.
그리고 질문은 되도록이면 제 홈페이지의 (share) / Q&A 에 해 주시기 바랍니다..^ ^
그리고 리뉴얼한 제 홈페이지도 많이 들러주세요..^ ^
http://mjworks.kr
로고이미지와 관련 약간의 오류가 있었네요.. ^ ^;;
로고이미지 안되시던 분들 죄송합니다~
수정해서 올렸으니 다운받으셔서 교체하시거나
Layout.html 에서 40번째줄
<!--@if(!$layout_info->bg_img)--> 를 <!--@if(!$layout_info->logo_img)--> 로 바꿔주시면 됩니다!
불편을 드려 죄송합니다~
그리고 Contact에 메일 연결 설정이 안되던 부분도 수정했습니다.
문제점 알려주신 임재현747님 감사합니다 ^ ^
<!--@if(!$layout_info->logo_img)--> 만 바꾼다고 링크가 걸리지는 않는데요.
<h1 id="logo">
<a href="{$layout_info->home_url}"> <!--@if(!$layout_info->logo_img)--><img src="./images/logo.png" alt="logo" class="iePngFix"/><!--@else--><img src="{$layout_info->logo_img}" alt="logo" class="iePngFix"/><!--@end--></a>
</h1>
이렇게 해 주어야 링크가 됩니다.
적는 김에~~~
Bookmark도 지금의 코드로는 파폭에서는 작동되지를 않는군요.
common.js안의 내용을 아래와 같이 바꾸어 주고
[수정전]
function addfavorites(favoriteurl, favoritetitle){
if (document.all)
window.external.AddFavorite(favoriteurl,favoritetitle)
}
[수정후]
//즐겨찾기추가
function bookmarksite(title,url){
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)// ie
window.external.AddFavorite(url, title);
}
layout.html 83줄을 아래와 같이 편집하면 파폭에서도 잘 작동합니다.
[수정전]
<li><a href="javascript:addfavorites('{$layout_info->home_url}','{$layout_info->home_title}')">Bookmark</a></li>
[수정후]
<li><a href="javascript:bookmarksite('{$layout_info->home_title}','{$layout_info->home_url}')">Bookmark</a></li>
내친김에~~
layout.html 로그정보안에 레이아웃에디터(Edit)와 레이아웃관리(Modify)도 함께 넣어 보았습니다.(덜 귀찮게..)
<!-- 로그정보 -->
<ul id="Log">
<!--@if(!$is_logged)-->
<li><a href="{getUrl('act','dispMemberLoginForm')}">Login</a></li>
<li><a href="{getUrl('mid',$layout_info->target_mid,'act','dispMemberSignUpForm')}">Join</a></li>
<!--@else-->
<li><a href="{getUrl('act','dispMemberLogout')}">Logout</a></li>
<!--@end-->
<!--@if($logged_info->is_admin == 'Y')-->
<li><a href="{getUrl('','module','admin')}" onclick="window.open(this.href); return false;">Manage</a></li>
<li><a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}">Edit</a></li>
<li><a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}">Modify</a></li>
<li><a href="{getUrl('act','dispBoardAdminBoardInfo')}">Setup</a></li>
<!--@else-->
<li><a href="{geturl('act','dispMemberInfo')}">MyInfo</a></li>
<li><a href="javascript:bookmarksite('{$layout_info->home_title}','{$layout_info->home_url}')">Bookmark</a></li>
<li><a href="mailto:{$layout_info->mail}">Contact</a></li>
<!--@end-->
</ul>
<!-- /로그정보 -->
제가 접해본 레이아웃중에서 제일 디자인이 예쁘고 활용성이 많은 것 같군요. Gooooooood입니다.
상단메뉴밑에 서브메뉴를 넣는 법을 아래에 팁으로 올려 놓았습니다. 참조하세요.
http://jcas.co.kr/zbxe/200764
<h1 id="logo">
<a href="{$layout_info->home_url}"> <!--@if(!$layout_info->logo_img)--><img src="./images/logo.png" alt="logo" class="iePngFix"/><!--@else--><img src="{$layout_info->logo_img}" alt="logo" class="iePngFix"/><!--@end--></a>
</h1>
소스를 적용하였습니다만... 여전히 로고에 링크가 걸리지 않고있습니다.
<h1 id="logo"> <a href="http://주소"><img src="./files/attach/images/102/logo.png" alt="logo" class="iePngFix" /></a> </h1>
라고 FF브라우저 소스로 나오는거 봐서는 제대로 수정된것 같은데 혹시 이유를 아신다면 알려주시기바랍니다.
(수정소스가 적용된걸 아는건 원래소스에서 클래스 정의후 빈공간 없이 슬래쉬가 들어갔는데 제가 팔공산님 소스를 적용하면서 블랭크를 한칸 넣었거든요)
덧글추가
자세히 살펴보니 좌측으로 5에서 10픽셀정도는 링크가 걸려있네요.
레이아웃을 이용해서 한번해볼려고 했는데 어떻게 해야할지 잘모르겠습니다.
레이아웃 설정하는 것부터 천천히 설명 부탁드립니다.
어디어디 넣어야 하는지 도통 모르겠네요
힌트라도 주시면 열심히 해보겠습니당 ^0^
상단에 하위메뉴 넣는게 ....드랍메뉴라고 하는군요..
초보생각엔 간단히 해결할수 있는문제라 생각 했습니다.
mjworks님 홈피에 적용되어 있길래 적용법이 쉬울것이라
생각 했습니다.
드랍메뉴를 지원하는 버전을 만들 계획을 세우셨다니
조금 더기다려서 새버젼 나오면 열심히 만들어야지요...
멋있는 레이아웃 항상 감사드립니다.
CSS 파일을 주시면 저같은 왕초보에겐 큰도움이 될것입니다, 좀 주실수 없으시나요!
이전 레이아웃도 잘 쓰고 있었는데, 이번꺼,...너무 좋아요^^;;
일단 추천한방 드리고요''
드랍메뉴 버전....무진장!!! 기대하겠습니다~ㅋㅋ
mjworks. standard V1 레이아웃 스킨
로고 옆에 바로 뜨는 1차 메뉴부분들을
로고와 여백 여유를 더 두고 싶습니다.
제로고와 메뉴가 다소 붙어있어 답답한 느낌이 들어서입니다.
오히려 오른쪽 마지막 메뉴 옆의 공백은 넓구요.
CSS 이것저것 건드려 보았으나 다른 것들이 깨져서
이렇게 문의 드립니다.
바쁘시더라도 빠른 답변 부탁드립니다.
mjworks님
mjworks님 스킨으로 홈페이지 열심히 만들고 있습니다.
먼저 감사드립니다.
mjworks님 스킨 mjworks. standard V1 ver 1.0 을 이용해서 만들고 있는데
게시판에 글을 타이핑하면 지금 제가 이게시판에 글을쓸때처럼
무슨 글을 쓰는지 알수가 있잖아요 흰바탕에 검정글씨가 되니까요..
그런데 제 홈피에서 게시판이나 방명록에 글씨를 쓰면
글씨 타이핑할때 글자가 투명해서 무슨 글을 쓰고 있는지 보이지가 않아요
어디가 잘못된 것일까요?
어디를 고치면 될까요?
충고부탁드립니다.
어떻게 하면 고칠수 있는지 도와주시기를 부탁드립니다.
고맙습니다.
www.cosfield.com 바로 이홈페이지 입니다.
부탁드립니다.
*** 글을 입력할때마다 글자색을 처음부터 지정하면 그 글자색이 나와서 정상입력이 가능하지만
그냥 쓰면 투명해서 무슨 글을 쓰고 있는지 알수가 없어요..
물론 등록하고 나면 정상적으로 출력이 되기는 합니다.
아래의 스샷을 보시면 드래그하여야만 무슨 글을 입력하고 있는지 알수있어요
영역설정을 하지 않으부분은 그냥 흰색일뿐이어요..물론 글자는 입력되어 있어서 드래그하면 글자가 나타납니다.
글을 다쓰고 등록하면 정상적으로 출력은 됩니다.
어떻게 해야 수정할 수 있나요?
부탁드립니다.

혹시 폰트바꾸는 팁이라도 알려주시면 감사하겠습니다.
(참고로 FF에서는 정상적으로 보입니다.)

누구 아시는분 좀 알려주세요 서브레이아웃은 어떻게 해야하는지... 부탁해요!
이렇게 이쁘게 만들어 주셔서 정말 감사합니다..
이전 레이아웃에서 변경하니 이렇게 변했습니다..
http://cospiter.hosting.paran.com/index.html
감사합니다 잘 쓰겠습니다.. ^^
제로보드4.0에서 무사히 zbxe로 이사도 마쳣구요.
도와주신 백성찬님과 팔공산님에게 감사의 마음 전합니다.
근데 상단에 여백이 생겨서 고생중입니다.
http://www.momocast.com/
모모케스트님 싸이트 몇번 놀러갔던 동이마을 관리자 입니다..
모모님 싸이트 들어가보니...
오른쪽위 2차메뉴 사이 간격이 넓어서 밑으로 밀려 있네요..
common.css 소스에서
#headerRight ul li {list-style:none; height:17px;}
빨간색 부분을 낮춰서 간격을 줄이심이 ;;;
전 17정도 했더니.. 요정도로 나오네요.. http://cospiter.hosting.paran.com/index.html
알고 계신 부분이라면.. 죄송하구요.. ^^
그리고 완벽하지는 않아도 수정해서 올려주시면 저 같은 초보자도 할수있는것 아닙니까 홈 만들려고 하다가
날세우고 .....포기 성격만 버리고 ...완벽하게 해서 올려주세요,
V3 버젼은 언제쯤 배포가 이루어 질수 있을련지.. ㅠ.ㅠ
정말 정말 멋있고.. 대단합니다..ㅠ.ㅠ.
V3 버젼을 받을날을 손꼽아 기다리며....
자꾸 에러가 생겨서 초보 문의드립니다.
메인페이지(home)에서 게시판의 이미지 미리보기를 하나 넣은다음, 게시판에 글을 올릴때 그림(JPG)+본문삽입된 해상도가 3000*3000pixel이면 그 게시판은 물론 해당 홈페이지니 관련된 페이지까지 접속이 불가능한 상태가 됩니다.
추적하여 이 큰이미지를 삭제하면 정상작동 되고요. 이를 해결할수 있는 방법을 알려주시면
감사하겠습니다.
좋은 스킨 거듭 감사드립니다.
우선 만드신 분의 노력에 경의를 보냅니다..
xe 1.06 환경에서 이 스킨 적용하여 홈페이지를 만들고 있습니다.
다름이 아니라 홈페이지의 로고가 ie7에서는 잘 나오는데
ie6에서는 나오지 않더군요
무엇이 문제인지 혹시 해결 방법은 없는지 알고싶습니다.
제 홈페이지는 이곳입니다. www.globeng.com
모쪼록 고수님들의 도움 바랍니다.
감사합니다.

스킨 정말 잘 사용하고 있습니다..
제가 이렇게 스킨을 편집을 할수 있는 권한이 있는지 모르겠지만......
화살표 크기가 쫌 커서.. 화면을 많이 차지 하더라구요.
줄이고 싶은데 .......;; 어디서 수정을 하는지 편집 부분좀 알려주시면 감사하겠습니다! ㅠ





팔공산님 넘 친절.ㅡㅡ;; ^^


상단에 드랍메뉴 적용과 관련하여...
드랍메뉴를 적용하고 싶다고 말씀하신 분들이 많아서요...
한 말씀 드리자면.. 드랍메뉴를 적용하는 것은 간단하게 댓글로 말씀 드리기에는 좀 부족한 감이 있습니다.
그리고 저는 디자이너 입니다. 본 레이아웃은 처음부터 드랍메뉴를 염두해두고 만든 것이 아니라...
만약 드랍메뉴를 지원하게 만들고자 한다면 드랍메뉴 부분의 디자인도 당연히 손을 봐야 할 것이구요..
그래서... 드랍메뉴를 지원하는 버전을 만들 계획을 세웠으니.. 조금만 기다려 주세요~