스킨을 올리면서 항상 느끼는 것이지만 설명을 어떻게 해야 할지가 난감하군요...
이번 버전은 제 홈페이지 http://www.uyano.com/ 에서 사용하는 레이아웃과 99%동일한 것입니다.
그리고 제가 레이아웃에 첨가해 사용하는 위젯 몇가지를 패키지 처럼 묶었으니 참고하시기 바랍니다.
제가 생각하는 이번 버전의 핵심은 메인메뉴의 롤오버기능인데..
이 부분은 블루게이트님의 홈페이지에 사용되는 자바스크립트를 활용하여 제 레이아웃에 맞게 수정한것입니다.
특징이라면 메인메뉴의 1차메뉴의 위치와 함께 움직인다는 것이며,
메뉴관리에서 관리자 체크가 되어 있더라도 오류를 일으키지 않습니다.
또한 메인메뉴의 2차메뉴 css수정도 보다 용이하리라 생각됩니다.(소마세월님의 팁을 기준으로한 주관적 견해입니다.)
공개 및 수정을 허락해 주신 블루게이트님께 진심으로 감사드립니다.!!
머릿말이 너무 길었네요.. 이제 레이아웃에 대해 간략히 설명해 드리겠습니다.
메인 레이아웃입니다. v1.0과 달라진 부분은 문두에 밝힌것 처럼 롤오버 메뉴가 지원된다는 것이고
하늘색에서 그린으로 색상을 변경하였습니다.
로그인은 일부러 가로로그인(KK_Login_karo 로그인을 수정한것) 과 우측편 박스 로그인(기본로그인을 수정한것) 2개를 넣어놓았습니다.
압축을 푸시면 패키지로 들어가 있으니 참고하시기 바라며.. 필요하시것만 남겨서 쓰시면 될듯합니다.
서브레이아웃입니다.
메인메뉴나 로그인부분에 대한 설명은 메인메뉴의 것과 동일하며, 전체적인 구성은 v1.0과 동일합니다.
전체 레이아웃이 좌측, 가운데, 우측으로 구분되어 있으니 참고하시기 바랍니다.
v1.0에 비해 가장 변화가 없는 서브레이아웃 되겠습니다.
참고로 v1.0과 마찬가지로 게시판에 분류기능을 활성화 시켜 놓으신 경우 카테고리와 달력위젯이 출력됩니다.
필요없으신분은 과감히 삭제해주시면 됩니다.
새롭게 공개하는 갤러리 레이아웃입니다.
심하게 충동적으로 뚝딱 만든 레이아웃인지라 문제가 좀 있어보이긴 합니다만.. 그래도 요청하신분도 있고 해서 같이 올립니다.
메인메뉴 이외에도 메인메뉴 바로 아래에 2차메뉴가 출력되게 메뉴 박스를 하나 더 넣었습니다.
어두운 배경에 맞게 메인메뉴의 색상도 블랙으로 잡았고, 스샷에는 없습니다만.. 하단의 copyright 출력부분도 검은색 배경으로 만들었습니다.
이상 레이아웃에 대한 간략한 설명이었습니다.
설치법을 질문하시는 분이 간혹 계신데..
이번에는 압출을 푸시고 그대로 zbxe 폴더에 올려주시면 됩니다.
그러면 laouts폴더속에 uyano_main,uyano,sub,uyano_gallery 세개의 폴더가 만들어 집니다.
이제 관리자 화면에서 3개의 레이아웃을 모두 사용하시려면 각각 하나씩 모두 생성시켜 주면 됩니다.
그리고 적용을 원하는 모듈에 각각의 생성된 레이아웃을 연결하시면 되겠네요..
(말로 하려니 무지 어렵습니다. ㅡ.ㅡ;;)
나름대로 충분한 테스트를 거친후 올리는 것이지만.. 문제가 발생할경우 혼자 해결 마시고.. 꼭 알려주셨으면 합니다.
그리고 마지막으로 다시 한번 자바스크립트 사용을 허락해주신 블루게이트님께 감사드립니다.
좋은 일들만 가득했으면 좋겠네요..
學而時習之 不亦說乎 배우면서 삽시다~!!
우야노님 로고 함 만들어 봤어요. 포샆 원본두 함께 올립니다.
님 홈페이지 크기에 딱 들어맞게 만들었는데 맘에 들실지 모르겠네요.ㅎㅎ
여러 자료들의 감사의 표시입니다.ㅎㅎ
참 글꼴은 서울 들국화입니다.
이거 똑띠님 2차에도 그냥 적용 되나요..?
아니면 메뉴부분 수정해야 되나요...?
메뉴 부분만 바꿔치기 하면 될거 같기도 한데.... 나중에 한가할때 적용해봐야지..
유용한 갤러리 만드느라 수고하셨어요.
1.현재위치에 배경이 지정되지 않고 하얗게 나오네요
2.아래로 스크롤 했다가 위로 스크롤하면 배경에 파란줄무니가 생깁니다
http://lovesan1004.cafe24.com/zbxe/photo_portrait
벌써 해결하셨는지..이글을 보실지는 모르겠지만...
저도 익스플로러 6에서 위그림처럼 그런현상이 발생되어 해메다가
아래 처럼해서 해결했습니다..
레이아웃 폴더에 ccs/default.css 에 보시면
20번째 줄쯤에
body { background:url(../images/default/top_bg.gif) repeat-x left top; } 요놈을
body { background:url(../images/default/top_bg.gif) repeat-x left top #ffffff; } 이렇게 해서 해결했습니다.
참고로 저는 기존에 png파일을 gif 파일로 변경해서 했습니다.
잘될지는 모르겠습니다..
제가 만들어 드린 로고 쓰시니 기분 좋네요.ㅎㅎ
이제 우야노 3차 레이아웃 만드셔야죠.
완벽하게 1차메뉴 고정이 아닌거루요. ㅎㅎ
이미지는 만들어 놨고 이제 코딩하구 퍼빌리싱 해야되는데 잘 안되네요.
일단 함 보세요. 이것만 된다면 이제 정말 완벽해질텐데요.
제로보드 초보입니다.
제로보드 기능을 알고 싶어 몇가지 다운받아 설치하고 테스트 중입니다.
우야노님의 레이아웃이 굉장히 마음에 들어 테스트 해봤는데 잘작동합니다.
그러나 주소 타이틀을 고정하기 위해 frameset으로index 파일을 만들어 링크를 걸면 사용하면 문제가 발생합니다.
다시말해 http://홈페이지주소/ 를 사용하면 문제가 발생하고 우야노님 처럼 http://홈페이지주소/zbxe/ 를 사용하면 전혀 문제가 발생하지 않습니다.
발생하는 문제점은 스크롤바를 아래로 내리면 질문과 답변 에덴님의 올린 3번 (http://www.uyano.com/bbs/community_qna/8535)같은 현상이 나타나고 이때 스크롤바를 위로 올리면 산사랑님과 파란배경화면이 두세군데 생깁니다. 그러나 다른화면으로 전환했다 다시 오면 이상이 없습니다.
다시 말해 스크롤바와 관련되어 잔상이 남지 않나 추측해 봅니다. 그렇지 않으면 타이틀 고정을 사용하지 않던가요? 이글을 쓰면서 스크롤바를 위로 올리고 내리면 한영전환이 안되고 다시 올리고 내리면 전환되는 등 합니다.
http://lovesan1004.cafe24.com/에 접속하면 index.php( 소스는 아래)로 접속하면 http://lovesan1004.cafe24.com/zbxe 로 접속하게 하고 주소창과 익스플로어 타이틀을 고정했을때 나타나는 문제입니다.
바로 http://lovesan1004.cafe24.com/zbxe 로 접속하면 아무런 문제가 발생하지 않습니다.
<html>
<head>
<link rel="shortcut icon" href=/zbxe/images/h2.ico>
<title>:::산사랑:::</title>
</head>
<frameset rows=*,0 border=0 framespacing=0>
<frame src=/zbxe frameborder=no name=top marginwidth=0 marginheight=0 scrolling=auto>
<frame src='' frameborder=no name=main marginwidth=0 marginheight=0 scrolling=no>
</frameset>
</html>
예를들어 http://lovesan1004.cafe24.com/zbxe/mountain_search/9268 로 바로 접속하면 아무런 문제가 발생하지 않습니다.
그러나 http://lovesan1004.cafe24.com/ 로 접속하고 산행도우미>우리산검색으로 들어가 게시물을 읽으면 발생한다는 것입니다.
참고로 I.E 6.0 입니다. 집에서도 해보고 사무실에서 해봐도 똑같은 현상이 발견됩니다. 그래서 저같은 경우에는 주소 고정하는 것을 포기할까 생각중입니다.
홈페이지 완성되면 다시 글을 남기겠습니다.
주소고정 방식자체가 프레임을 이용한 것이니 프레임을 나눈것이지요. ㅡ.ㅡ;;
아무튼 이거 브라우저나 컴퓨터를 좀 타는듯한 느낌이 납니다.
저는 아무리 해봐도 증상이 나타나지가 않아요..
제 홈페이지를 저런식으로 프레임을 나누어 BGM까지 다신분 홈페이지를 가도 한번도 구경 못한 증상입니다.
제로보드 xe를 접한지 3일밖에 안되어 이것저것 기웃걸이다가 우야노님의 레이아웃이나 위젯등을 접하여 홈페이지를 만들고 있습니다.
발생한 문제는 상단 배경을 지우니 말끔히 해결되었습닌다.
이제 페이지 구성에 속도를 내어볼 생각입니다.
친절한 답변 다시 한번 감사드립니다.
잘 지내시지요.
역시 인기는 떨어지질 않네요. 부럽워!!!!!
님의 스킨으로 홈페이지를 하나 만들다 궁금한게 있어서 질문드립니다.
bgHeader.gif의 칼라를 바꿀려고 보니 bgGnbOn.gif과 bgGnbOff.gif파일의 좌우측에도 약간의 칼라가 추가 되어있네요, 이 부분을 투명하게 처리하니 bgHeader.gif의 변경만으로도 전체 칼라가 바뀌는데요, 굳이 좌우측에 칼라를 주신 어떤 특별한 이유가 있나 싶어서 질문드립니다.
레이아웃의 폰트를 봐꿀려면 default.css 파일에서 변경해야 하는가요?
폰트가 지금 굴림체 인지...
그리고 우야노 님이 말씀 하시대로 서브메뉴가 없는 페이지 레이아웃을 메인레이아웃으로 변경하니
티스토리, 네이트메신져 이미지하고 디지털시계가 있는 왼쪽 프레임이 사라지네요...
지금의 우야노님 레이아웃 스킨이 마음에 듭니다.
그런데 약간 문제가 있네요.
우야노님도 알고 계시듯 이미지 크기가 고정이 되어 메뉴가 긴 메뉴인 경우와 1차 메뉴 숫자가 많은경우 심각한 문제군요.
그래서 문의 드립니다.
지금의 우야노님 레이아웃을 쓰면서 메뉴부분을 이미지를 쓰지 않고 텍스트로 쓰면서 활용하는 방법은 없는지요.
이미지를 없애고 텍스트 메뉴로 바꿔 사용를 하고 텍스트 사용으로 인한 상단메뉴 스킨 문제는 상황에 맞게 바꿔 사용하면 되는 방법은 없는지요.
초보인지라 생각은 있으나 수정을 못하겠군요 .
도움 바랍니다.
적용사이트는 http://game.gajagu.dnip.net 입니다.
관리자메뉴버튼까지 13개를 사용하고 레이아웃의 폭은 1000px 로 리사이징 하였읍니다.
이미지는 다른이미지로 재처리하였구요.. 이렇게하니 메뉴수의 한계는 13개이고 글자가 표현되고 잘 알아
볼수있는 범위내에서 사이즈를 마추었읍니다.
메뉴 글자의 수가 긴것은 메뉴글자를 줄이는 방법밖에는 없더군요 .^^
지금 사이트를 꾸미고 있는중이라 게시물은 하나도 없어요.
방문하여 보시구 문제점을 지적 부탁드립니다.
우야노님 안녕하세요
님께서 만든 레이아웃 잘 활용하고 있습니다.
한가지 여쭤볼께요
서브메뉴에 좌,우 회색 바탕을 흰색으로 변경하고 싶습니다.
css에서 수정할려고 시도했지만 뜻대로 되지않아 이렇게 문의글 올립니다.
항상 건강하세요
우야노님 홈피는 괜찮은데 도와주셔요...
레이아웃 잘 활용하고 있습니다.
네이버 스타일 레이아웃에서 부터 항상 감사합니다...꾸벅
처음에 이걸만들 생각을 하니 막막했었는데...ㅡㅡ;
정말 감사드립니다...^^
안녕하세요!!
이번에 홈페이지를 만들어보려고 우야노님의 레이아웃을 다운받아 쓰고있는 사람인데요
제가 허접이라 뭐 이렇다 할 지식도 없고 해서 문의좀해보려구요
레이아웃을 보시면 오른쪽 왼쪽에 회색의 박스 블랭크 라고 되어있는데 이거 없애는방법없나요??
좀알려주세요 ㅠㅠ 급해서요
아니면 색상변경하는방법이라도 그냥 그대로 쓰려고했으나 생각과 좀 다르게 되버려서 바꾸려구하거든요ㅣ.
도와주세요 ㅠ
한가지 질문이 있습니다만
columnLeft의 2차메뉴 아래 이미지 배경이 넓게 되는데
조정할 수는 없는지요.
ie6을 쓰고 있습니다. ie7에서는 이상 없습니다.
http://www.all=korea.net 의 sub 레이아웃입니다.
한번 들려 주실 수는 없는지요.
ㅎㅎ 1빠, 일단받아두고 오전에 봐야겠네요 ㄳㄳ