레이아웃 스킨
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |
#kurokuma자유설정형Layout Version 1.3
사용방법:
처음설치 : 아래의 압축화일을 해제한후 레이아웃 스킨폴더에 넣어주세요. 자세한사항은 1.0을 읽어보시기 바랍니다.
업데이트 : 1.0을 설치한 곳에 새버젼의 화일로 바꾸어주세요.
1.업데이트 내용
(1) 레이아웃 전체 폭, 주본문 폭, 보조본문 폭의 설정이 가능합니다.
(2) 메뉴표시기능의 추가
ㄱ. 문자형메뉴 설정시
a. 문자의 크기설정 기능 추가
b. 메뉴문자의 세로위치 설정 기능 추가

ㄴ. 이미지형메뉴 설정시 버그 수정
이미지형메뉴의 세로크기가 34px로 고정됨으로인해 34px보다 큰 이미지메뉴일 경우, 올바르게 표시되지않는
현상을 수정
(3) 가로로그인의 버그 수정
가로로그인을 헤더위로 지정할 경우, 가로로그인 밑에 검은 선이 나타나는 현상을 안나타나도록 수정.
그러나, 가로로그인을 메뉴밑에 설정할 경우에는 본문과 로그인 경계를 구분하기위해 검은 선이 표시됩니다.
(4) 저작권 표시
1.3버젼부터는 화면 제일 밑 오른쪽편에 엷은 회색으로 저작권이 표시됩니다.
어쩌면 이 저작권 표시 문제가 일부 사용자분께 불편함을 드릴지 모르겠으나, 게시판과달리 레이아웃은 작성자정보가
표시되지않기에 표시하기로 하였습니다. 넓은 아량으로 이해해 주시기 바랍니다.
물론, 수정, 재배포 전부 가능합니다. 
적용사이트는 이곳(KuroKuma's Page)에서 확인해보실수 있습니다.
아울러 ie7에서만 확인을 한 상태입니다만, FF와 IE6에서도 별문제는 없을겁니다.
버그가 발견되면 꼭~메모남겨주세요~ ![]()
에고~ 공개한지 하룻만에 벌레가 확인됐습니다. -..-
텍스트메뉴일 경우 메뉴를 선택하면 메뉴글자가 굵은체로 되는데 이때 선택된 메뉴 왼쪽에 표시되는 구분선이 안보이는 현상이
나타납니다.
CSS 수정하면서 a 라는 한글자가 빠져서 생기는 버그입니다.
#수정방법
아직 압축화일은 안받으신분 : 그냥 압축화일을 받아서 사용하시면 됩니다.
3월10일 오전9시전에 받아서 css화일을 안고친분: 아래의 default.css 화일을 받아서 css 폴더에 새버젼으로 넣어주세요.
3월10일 오전9시전에 받아서 css화일을 고치신분 : 아래의 부분을 css화일에서 찾아서 고쳐주시기 바랍니다.
#menuArea .menuArray li.on { font-weight:bold; ........
--> #menuArea .menuArray li.on a { font-weight:bold; .......
이상입니다.
#2차버그 수정입니다.
헤더배경 이미지를 사용하지않는 상태에서 헤더배경 색상을 설정했는데도 헤더 배경색상이 적용되지않는 현상입니다.
원인은 역시 코딩에의한 미스입니다. 충분히 테스트를 했다면 사전에 알수있는 기초적인 버그입니다. -..-
#수정방법
(1) 아직 압축화일은 안받으신분 : 그냥 압축화일을 받아서 사용하시면 됩니다.
(2) 3월10일 오후4시 50분전에 받아서 레이아웃 코드 편집을 안하신분
: 아래의 LAYOUT.HTML화일을 받아서 새버젼으로 넣어주세요.
(3) 3월10일 오후4시50분에 받아서 레이아웃 코드 편집을 하신분
: 아래의 부분을 LAYOUT.HTML화일에서 찾아서 고쳐주시기 바랍니다.
#header { background-color:{$layout_info->color_bg}; }
--> #header { background-color:{$layout_info->header_bg}; }
이상입니다.
#업데이트후에 업데이트 적용방법
업데이트내용이 제대로 반영된것 같지않을 경우에는 레이아웃 편집화면에서 초기화를 한번해보시기 바랍니다.
초기화를 하시면 레이아웃편집시에 넣었던 코드(위젯등등)도 지워지므로 혹시 새로운 코드를 넣으신 분들은
다시 넣어주시기 바압니다.
진짜~ 진짜~ 진짜 수고 많으셨습니다.
일일이 편집해야 하는 수고가 엄~~~~~~~~~~~~청 줄었네요~
대단하십니다!
저도 두분과 같은 생각으로 시작한 건데요 만들고 나서 보니까 오히려 초보분들에게는 너무 많은 설정기능을 두어서 오히려 혼란이 오는건 아닐까 걱정됩니다. 아무런 설정도 하지않으면 그냥 심플하다못해 쓸쓸한(?) 레이아웃이니까요.
지금, 로그인과 최신글도 자유설정형으로 만들려고 생각은 하고있지만 왕초보분에겐 좀 불편하지않을까 해서 망설여집니다.
자세한 업데이트 사항은 게시글 하단 박스에 적어놓았습니다. 월요일 오전9시 이전에 다운받으신분들은 업데이트해주세요.
좋은 레이아웃 공개해주셔 감사합니다.
설치해서 테스트해보고 있는데 사용법이 미숙해서 그런지 잘안되는 부분이 있어 버그인지 올립니다.
- 레이아웃의 배경색상은 바뀌는데 상단 header의 배경색상은 변경이 안됩니다.
혹시 배경이미지 사용으로 체크되어서 그런지 사용안함해보고 해도 안되네요.
- 레이아웃 가로폭을 800으로 줄일 경우 지금은 조건이 있습니다.
적용메뉴에 2차메뉴가 없고, 로그인정보폼이 세로형이 아닌 다른형태의 로그인폼지정을 했을때에만 줄여집니다 (
설치안된 로그인폼) 보조본문에 로그인폼이나 나타낼 2차메뉴가 있을경우는 줄여지지 않고 아래그림처럼 주본문과 보조본문
사이가 벌어집니다.
- 아래 그림처럼 상단메뉴의 텍스트영역(?)이 너무 위로 올라가있어 중간쯤으로 내려왔으면 합니다.
헉~~ 그리고 마지막으로 바램입니다만..
다음버젼에 좌측메뉴 사용과 상단에 2차메뉴를 가로펼침을 옵션으로 좀 넣어주시면 하고 바램입니다.
(1) 레이아웃의 배경색상은 바뀌는데 상단 header의 배경색상은 변경이 안됩니다.
버그입니다. 해더새을 적용해주는 변수를 해더색적용내용이 아닌 다른변수이름을 적용해서 그렇습니다.
찾아주셔서 감사합니다~ ^____^=
조금후에 패치를 하겠습니다.
(2) 제가 확인해본거로는 잘 조정이 되는데요.
혹시, 보조본문과 주 본문의 내용입력시에 단위같은것 px, %는 빠드리지 않으셨는지요.
아울러, 폭조정은 로그인과는 아무 관계가 없습니다.
밑에 내용은 실제로 980폭을 600으로 변경한 경우입니다. 지적하신 세로로그인으로 바꾸어서 한번 해보았습니다.^^

(3) 택스트메뉴의 경우 선택되어진 영역지정을 내부적으로 상단만 지정해서 나타나는 현상입니다.
별로 생각을 안했는데 화면 켑춰를 보니 신경이 쓰이네요. 다음에 꼬옥~ 밑에부분까지 지정되도록 바꾸겠습니다. ^^
(4)좌측메뉴 사용은 뭘 말씀하시는지 잘 모르겠네여. 위에 켑춰한 보조본문의 메뉴 서브메뉴와는 다른건가요?
좀더 자세한 설명을 알려주시면 참고하겠습니다.
상단2차메뉴는 안정화가 되면 추가하도록 하겠습니다. 쪼금 시일이 걸릴지도....
제가 지금 일본어 사이트 번역하고 최신글 스킨하고 로그인스킨 만들고 있거든요.
저처럼 이전 버전의 폴더에 통채로 복사해 집어넣을경우
레이아웃 내용물은 바뀌게 되지만 XE의 캐쉬로 인해 (지우면 안된다시던) 저작권부분은 반영되지 않는군요.
아무래도 레이아웃 편집에서 초기화하지 않으면 반영되지 않는듯 싶습니다.
다 같이 단위를 안넣어도 되든지 다 넣어야 하든지 하나로 통일되면 더욱 좋겠네요.
레이아웃이 너무 맘에 들어서 제가 며칠간 잡고 있으면서 리버젼 해볼렵니다..
다른 버그가 없어야 할텐데..ㅎ
와 ! 정말로 감사합니다.
저같은 초짜한테는 가뭄에 단비같은 소식이군요.
그럼에도 욕심이 나서 한가지 부닥틀 드려봅니다.
이제 해상도들이 높아져서 위의 메뉴 이미지는 아주 넓고 크게 만들고 메뉴부분과 본문, 보조창은 합쳐서 800px정도로 만드는 그런 식 말입니다.
표로 표시를 해보면
|
header(이미지 메뉴) - 크기 1100px * 320px | ||||
|
150px 좌여백 |
150~ 190px 로그인 2차 메뉴 |
600px 정도 본 contents |
보조메뉴 |
150px 우여백 |
|
footer | ||||
이런 모양입니다.
많은 분들이 공유하신 지식을 찾아보며 혼자 자학자습하려고 애를 쓰긴하는데 쉽진 않군요.
그리 어렵지는 않은 것 같은데 기본적인 지식이 없어서 곤란해 하고 있습니다.
혹시 시간이 되시면 도와주시면 대단히 감사하겠습니다.
여기에서 지식을 공유해 주시는 모든 분들에게 항상 건강과 행운이 함께하시길 기원합니다.
헤드부분을 1100px 잡고 본문영역을 좌우 구분하는곳에서 계산하시고 마진으로 넣으면 여백으로 생겨집니다.
그리고 푸트부부은 다시 1100 잡으면 될꺼예요
이 레이아웃의 경우 각영역이 따로 지정된것 같던데.. 그러므로 각각 지정하면 쉽게 수정이 될것 같습니다.
기존 레이아웃의 div 블록명이 아니라서 html 문서랑 같이 열어서 찾아가면서 해보세요
일단 그렇게 수정하실렴 외곽에 둘러쳐진 이미지는 사용못하니까 html에서 외곽이미지지정div 제거하세요
또 한 번 div에 대해 찾아보고 고민하고 고수님들 도움을 요청해야 겠지요.
이제 겨우 html을 나모나 드림위버를 통해 알아가고 있으니 모르는 것 투성이군요.
아무튼 감사합니다.
수고하세요.
정말 멋진 레이아웃 스킨입니다. 수고에 정말 감사드립니다. 그런데 제가 잘 몰라서 그런거 같은데 세로형 로그인은 표시가 되는데 가로형과 아이콘형 로그인은 표시가 되지 않습니다. 도움 주시면 감사하겠습니다.
가로형은 위젯스킨자료실에 몇개인가 베타버젼용이 올려져있는것으로 알고있습니다. 일분 사용해보신분의 의견에 의하면 제 레이아웃과 일부 적용이 안되는 부분이 있는것 같습니다. 이점에 대해서는 제레이아웃의 1.0버젼에 댓글을 보시기 바랍니다.
아이콘형로그인은 현재 공개된것이 없습니다. 제가 사용하고있는 아이콘형로그인위젯은 가로형위젯과 세로형위젯 통합버젼으로 공개예정입니다. 다시말해 한가지 로그인위젯으로 가로,세로,아이콘형을 선택해서 사용할수 있도록 한다는 뜻입니다.
레이아웃스킨이 안정화되면 시작할 예정입니다~ ^_____^=
예를들어 공식레이아웃은 메뉴를 gnb로 이름지었으나 전 그냥 menu로 지정했을 뿐입니다.
공식레이아웃과 많이(?) 다른곳은 공식에는 헤더안에 메뉴, 언어박스, 검색창박스를 넣고있으며, 제 레이아웃은 헤더와 메뉴를 동급으로 분리해서 정의했습니다. 분리한 이유는 나중에 확장성을 고려해서입니다. 예로든다면 2단메뉴같은거라 할까요? 메뉴만드는데 헤더를 고려할필요 업도록 하는거지요. 이 외에는 구조적으로 다른점은 거의 없습니다. 뼈대는 역시 공식레이아웃에 변함이 없습니다. ^_____^=
왕초보 질문입니다.
기존에 레이아웃을 그대로 쓰면서 본 레이아웃의 레이아웃 설정 메뉴만 이용하고 싶습니다만
본 레이아웃을 기전에 만들어 놓은 레이아웃에 적용할 수는 없을까요?
http://nettomo.jp/ 현제 제작중인 사이트 입니다.
현제 사용중인 레이아웃에서 레이아웃 사이즈를 변경하는 코드를 못찾아서 본 레이아웃을 설치해 봤습니다만
기존에 레이아웃을 그대로 이용하되 사이즈 변경 메뉴만 쓰고 싶어서요.
답변 부탁드려요
사용자가 다양한 설정을 할 수 있도록 해주셔서 다양한 모양으로 꾸밀 수 있네요.
정말 감사합니다.







저는 배포하신 레이아읏 약간만 수정해서 제게 맞게 사용을 해야 겠습니다.
너무 훌륭하십니다.
배포하신 레이아웃만 가지고 얼마나 다양하게 사용할 수 있는 지 다른 분들이 아셨으면 좋겠습니다.
이 레이아웃만 가지고 아마 거의 원하는 형태의 레이아웃을 만들 수 있을 겁니다.
*^_________^*;;;;;;;
추천드립니다.