이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.

WTA Mini Blog

3단계 메뉴 조회 수 24719 추천 수 10 2008.10.25 15:27:37
라이센스 : 기타 
기타 라이센스 : 설명문 최하단 라이센스 참조 
적용 버전 : 정식버전(1.0이후) 
프로젝트 URL :  
miniblog_full.jpg

Introduction

WTA Blog는 게시판보다는 블로깅을 주로 하는 분들을 위해 디자인 한 3단 레이아웃입니다. 티스토리나 테터툴즈, 워드프레스등의 전문 블로그 툴로 운영되는 여러 한국 블로그 사이트를 보면서 제로보드XE에서도 조금 스탠다드하면서 전체적인 골격이 좀 잡혀보이는 레이아웃이 필요한 것 같았습니다.

사실 아직도 아쉬운 부분은 좀 있습니다. 특히 Mini Blog 같은 경우에는 국내 추세보다는 외국 추세에 맞춰 본문부 폭이 상당히 좁고 메뉴의 수도 한계가 있습니다. (최대 5개 정도). 하지만 블로그라는 의미만 놓고 본다면 많은 메뉴수는 의미가 크지 않다고 생각해서 미관에 더 신경을 썼습니다.

제로보드XE 블로그 팀의 글들을 보면 조만간 블로그쪽에서도 상당한 발전이 있어 보입니다. 추후 개편된 블로그 부분과 접목시켜 더 좋은 블로그 레이아웃으로 업그레이드가 되었으면 하는 바램입니다. 본 블로그를 설치했을 떄의 모습을 온라인에서 보시려면 여기를 참조해주세요.

Feature

    * 포스트 된 글들이 난잡해 보이지 않도록 본문부 폭이 좁음
    * 본문부 좌우의 사이드바 부분을 가볍게 하기 위해 로그인폼을 슬라이딩 시킴(Jquery)
    * 적은 메인메뉴의 수를 보조할 미니메뉴가 우측 상단에 위치
    * 디자인이 호환되는 각종 위젯, 모듈들

Installation

다운로드 받은 MB_Layout의 압축을 풀고 제로보드가 설치된 layouts 폴더에 넣습니다. 이 레이아웃은 특별히 설정해야 하는 부분은 없습니다.

    * ex) /zbxe/layouts/MB_Layout

WTA Mini Blog와 호환되는 스킨은 아래 링크를 참조해 주세요. 대부분의 WTA의 기존 스킨에 Mini Blog용 컬러셋이 추가 되었습니다. Mini Blog용 컬러셋이 추가 된 스킨들은 아래와 같습니다.

    - 로그인 위젯
    - 최근 문서 위젯
    - 최근 댓글 위젯
    - 카테고리 위젯
    - 월별 보관함 출력 위젯
    - WTA 보드 모듈(컬러셋 추가는 없음)

Attention

WTA Mini Blog에는 로그인 폼의 슬라이딩 효과를 위해 Jquery Javascript Framework가 설치되어 있습니다. 따라서 제로보드XE의 common_layout.html에 Prototype이나 Mootools와 같은 다른 프레임워크가 설정되어 있어서는 안됩니다. 단, 미니 블로그와 같이 레이아웃별로 각기 설정 된 프레임 워크하에서는 상관 없습니다.


License

WTA Mini Blog는 Creative Commons 저작자표시-비영리 2.0 대한민국 License입니다.

Update Information

    * 2008년 10월 25일 오후 3시에 최초 등록 됨

profile

[레벨:8]Gnee

2008.10.25 16:54:22
*.40.240.9

음..이번에도 멋진 레이아웃을 공개하셨네요 .감사합니다.^^ .
저도 본받아서 많은 디자인을 여러 브라우져에서도 작동되게끔 만들어 봐야겠습니다.
PS -게시판 스킨을 만드는것은 xe_official에서 해야겠더군요.. 변형된 게시판을 다시 입맞에 맞게 수정한다는것이
      너무 복잡해서 시간만 날렸습니다..ㅠ
profile

[레벨:12]넨네

2008.10.25 16:55:25
*.74.52.134

정말 추천 안할수가 없네요!

[레벨:1]PPoZZak

2008.10.25 19:58:03
*.223.144.24

정말 여성 유저를 위한 블로그 이군요..
제가 쓰기엔 너무 상큼하다는 ㅋ;
그렇지만 추천 한방~

[레벨:6]가클

2008.10.25 21:37:07
*.254.225.128

1차메뉴가 ab,bs,cd 라면 미니메뉴에선 cd,bs,ab 이렇게 나타나는데요.. 꺼구로 말고 바로 나타나게 하는방법좀 알려주세요;
profile

[레벨:5]Hammer

2008.10.26 04:07:57
*.232.10.166

미니메뉴는 우측정렬이기 때문입니다. 관리자 페이지의 메뉴 항목에서 각 메뉴의 순서만 마우스로 드래그해서 뒤바꿔주면 간단합니다

[레벨:6]가클

2008.10.26 10:30:55
*.254.225.128

우축정렬 때문에 꺼구로 나타난다 이말씁이군요... 잘알겠습니다.
profile

[레벨:7]bncPlan

2008.10.26 10:13:36
*.234.94.36

볼것도 없이 추천한방 ...
디자인이 신선합니다

[레벨:1]MUSCLE

2008.10.26 11:16:45
*.172.64.159

디자인이 맘에 들어 적용해봤어요^^ 
근데 주메뉴와 상단 메뉴가 서로 반대로 노네요   관리메뉴 항목에서 순서 바꿔도 서로 반대로 놉니다
그래서 올려주신 이미지와 같이  상단에 있는 메뉴를    주메뉴와 다르게   이메일/유저포럼 /WTA첫페이지   식으로 다르게 바꿔 줄려면  어디를 수정해야 되죠?

1.JPG

첨부

[레벨:6]가클

2008.10.26 12:15:50
*.254.225.128

미니메뉴 부분을 말하시는거 같은데요. 그부분은 오른쪽정렬이 되어있어서 그렇게 나타나는겁니다.
이 레이아웃의 css 파일을 여시고 88번재줄 맨마지막부분
#miniMenu li { position:relative; top:10px; display:inline; padding:0 1em 0 1em; background:url(../images/default/vrStar.gif) no-repeat left center; float:right; }
여기서 노란색으로 칠한부분을 left로 수정하시면 상단메뉴처럼 바로 나타나실겁니다.

[레벨:6]가클

2008.10.26 12:08:55
*.254.225.128

미니메뉴부분은 해결 하였습니다.
그런데webtrendawards.JPG
이건 어디부분을 수정해야 안나타나죠??
첨부
profile

[레벨:5]Hammer

2008.10.26 14:04:49
*.232.10.166

음 이번 주 메뉴는 일반적인 방법과 달리 이가 빠진 부분처럼 보이는 투명 부분이 On 상태입니다. 저것도 조금 시간이 지나면 왜 그렇게 만들었는지 이해가 되실 수 있습니다만 당장 보기가 좀 이상하시다면 직접 스타일 시트에서 GNB 클래스쪽을 수정하셔야 합니다.

그리고 메뉴바 우측 서브로고는 CSS 파일에 .sublogo라는 클래스가 있으니 그 클래스를 지워주시거나 공란으로 비워두시면 됩니다.
profile

[레벨:5]Hammer

2008.10.26 14:08:35
*.232.10.166

이상하게도 이 레이아웃 만드는데는 4일이나 걸렸네여 휴. 제가 좀 더 부지런하면 아직 이야기 못드린 여러 사용 팁을 같이 올려드렸으면 좋겠는데(로고 만들기 따위?).. 점차 하도록 할께요^^;

[레벨:1]MUSCLE

2008.10.26 17:06:42
*.172.64.159

게시판을 블로그로 설정뒤  쓰기에서 이미지 삽입후
목록를 보면  이미지가   님의 사이트 같이 이미지가  목록 크기에 맞게 안나오고  윈쪽으로 조그마하게 나오던데
WT보드에서 어디를 설정 해줘야 되나요?

profile

[레벨:5]Hammer

2008.10.26 17:47:05
*.232.10.166

그것은 관리자 설정에서 해당 보드의 "스킨관리"로 들어가셔서 설정하는 부분입니다. 썸네일 크기 적는 곳이 있지요. 대암지기님의 게시판이 기본 스킨이니 적는 요령은 대암지기님의 확장변수 전용 게시판 게시물을 참조해주세요^^

[레벨:1]함광영

2008.10.29 01:11:37
*.179.194.151

질문드릴ㄲㅔ 있는데요. 제로보드 초보입니다^^ 해머님 블로그 우측에 보면 카테고리가 있는데 그것이 메뉴처럼 활용이 되더라고요
제가 아무리 메뉴부분에서 건드려봐도 잘 안되네요..
예를들어서. study 란 메뉴와 image 라는 메뉴를 만들고 스터디 안에 여러개 폴더 이미지 안에 여러개 폴더 이렇게.. 해주고 싶은데
해머님이 하신 대로 비슷한것 처럼요. 그 카테고리 거기서 지금...헤메고 있네요..
올려주신 스킨은 너무 마음에 드는데... 제가 고쳐쓰기에는 아직 실력이 턱없이 부족해서 이렇게 조언을 구해봅니다.
profile

[레벨:5]Hammer

2008.10.29 08:30:35
*.232.10.166

카테고리는 관리자 페이지 > 위젯 > 분류 출력기 위젯을 써서 코드를 얻은 뒤 layout.html에 붙여넣기 하면 됩니다.. 그리고 게시판 설정에서 분류관리에 들어가서 분류 만들면 자동으로 나옵니다

[레벨:3]다이제초코

2008.10.29 08:48:07
*.235.5.7

어라 이뻐서 들어 와서 보니 Hammer님이 만드신 .... ㄷㄷㄷ 안녕하세요 ^^

멋지심니다 ㅋㅋㅋ
profile

[레벨:2]ㄲ ㅏ ㅊ ㅣ

2008.10.29 16:18:00
*.95.99.78

Hammer님 레이아웃 전부 멋지네요.~~

[레벨:1]jinist

2008.10.30 18:57:49
*.255.8.237

중간화면이 너무 좁아서 좀 넓힐 수 있는 방법이 있나요? 코드 어느 부분을 수정하면 되는지 알려주세요..
profile

[레벨:5]Hammer

2008.10.31 00:49:45
*.232.10.166

다이제님 안녕하세요^^ 다이제님 덕분에 레이아웃에서 댓글 토글을 정말 잘 사용하고 있습니다^^ 항상 감사드립니다~

[레벨:1]딸기우유™

2008.11.13 20:48:57
*.199.20.124

저는 왜 로그인하는곳이 안뜰까요?

[레벨:0]dkrnahs

2009.04.23 21:22:48
*.151.184.149

Installation에서

    - 로그인 위젯
    - 최근 문서 위젯
    - 최근 댓글 위젯
    - 카테고리 위젯
    - 월별 보관함 출력 위젯

   - WTA 보드 모듈(컬러셋 추가는 없음)

다운이 안되네요^^ 다운받을 수 있게해주세요^^

List of Articles
번호 제목 글쓴이 날짜 조회 수 추천 수

3단계 메뉴 자주와 1.0 레이아웃 imagefile [51]

안녕하세요. 오늘도 레이아웃 하나 공유합니다,~ 제가 지금 쓰고 있는 레이아웃에서 조금 수정해서 만든 레이아웃이라 전에 배포했던 동영상 레이아웃이랑 별 다름이 없음. 여기서 이번 자주와 1.0의 가장 큰 변화를 말하자면,, ...

  • [레벨:10]해커다
  • 2009-02-13
  • 조회 수 15837
  • 추천 수 24

3단계 메뉴 선우TC가 수정해본 xe기본 레이아웃 V2.0 imagefile [5]

안녕하세요. XE를 조금이라도 배워보려는 의미에서 이것 저것 자꾸 뒤적이다 보니, 유치하게도 또 하나 만들어 봤습니다. XE 기본 레이아웃을 약간 수정한 것이니 만큼, XE 기본 레이아웃을 사용하는 것처럼 똑같이 사용할 수...

  • [레벨:2]선우TC
  • 2009-02-11
  • 조회 수 12364
  • 추천 수 2

3단계 메뉴 선우TC가 수정해본 xe기본 레이아웃(버전 업데이트) imagefile [4]

안녕하세요. 제로보드를 사랑해 주시는 여러분 새해 복 많이 받으세요. 제가 지난번에 초보의 실력으로 xe기본 레이아웃을 수정하여 올렸었는데, 여러가지 미숙한 점이 많았었습니다. 그래서 부족한 부분을 보완해 보려고 애쓰는 ...

  • [레벨:2]선우TC
  • 2009-01-28
  • 조회 수 10432
  • 추천 수 0

3단계 메뉴 Habile_Layout v0.5 image [7]

이번 버전 ..드디어 나오는군요. 솔직히 v0.4에서 업글한 내용은 거의 없습니다. 업데이트한 내용 ol ul il 태그 안먹히던것 수정 어느 특정한 위젯쓸시, 상단 2차메뉴가 올라가는 버그 수정 각종 버그 수정 도움 주신분 웹미니...

  • [레벨:16]Habile
  • 2009-01-18
  • 조회 수 9704
  • 추천 수 4

3단계 메뉴 선우TC가 수정해본 xe기본 레이아웃 imagefile [13]

안녕하세요. 감히 초보자인 제가 레이아웃을 조금 수정하여 처음으로 한번 올려봅니다. 그동안 제로보드를 통해 너무나도 많은 도움을 받아 왔습니다. 이렇게 훌륭한 자료를 오픈하여 공유할 수 있게 해주신 제로님 이외의 많은 ...

  • [레벨:2]선우TC
  • 2009-01-14
  • 조회 수 8929
  • 추천 수 1

3단계 메뉴 WXPCM 레이아웃 2.2전식버전 imagefile [5]

죄송합니다. 제가 정신이 약간 이상해서 파일을 업로드 한다는게 이미지만 첨부하였습니다. 이제 WXPCM.zip를 다운받으시면 이용가능합니다. 이 레이아웃은 유진정보통신에서 제작한 WXPCM 스타일 레이아웃입니다. 운 좋게도 얄리...

  • [레벨:3]WXPCM
  • 2008-12-24
  • 조회 수 12990
  • 추천 수 1

3단계 메뉴 얄리닷컴 레이아웃(WXPCM 에디션)2.1버전 배포합니다. imagefile

이 버전에서 수정된 점은하단 카피라이트와 즐겨찾기 추가에 원하는 홈페이지 이름을 레이아웃 관리에서 관리할 수 있게 하였으며, 또한 원래에 WXPCM 시작페이지로 를 관리자 페이지에서 네이버 라고 설정하면 네이버 시작페이지...

  • [레벨:3]WXPCM
  • 2008-12-18
  • 조회 수 11433
  • 추천 수 1

3단계 메뉴 얄리닷컴 레이아웃(WXPCM 에디션)2.0버전 배포합니다. imagefile [2]

얄리닷컴(WXPCM에디션)2.0 배포합니다. 이버전은 기존에 얄리닷컴에서 만든 레이아웃을 수정하여 만든 것입니다. 이 레이아웃과 90% 똑같은 레이아웃입니다. WXPCM.zip 적용페이지보기 : http://www.wxpcm.net http://www.wxpcm.com은...

  • [레벨:3]WXPCM
  • 2008-12-13
  • 조회 수 11867
  • 추천 수 1

3단계 메뉴 [두번째 수정]Habile_Layout v0.4 (간단 오류 수정판) imagefile [13]

2008년 12월 13일 오후 12:35분 이전에 다운 받으신분 다시 받 으시길 바랍니다 .. 최상단 수정하였는데 .. 또 제대로 안되는 바람에 다시 배포합니다. 죄송합니다. 이제 v0.4네요 ^^ ; 버전 업할때 마다 생각하는건데 ... ...

  • [레벨:16]Habile
  • 2008-12-12
  • 조회 수 12084
  • 추천 수 3

3단계 메뉴 영화 사이트 레이아웃 셋트 imagefile [48]

레이아웃: zazuwa_video.rar 영화&드라마 게시판 스킨: zazuwa.com.rar 사용방법: 설치: 일단 레이아웃설치는 아무 설명 드릴 필요 없을거라 믿습니다,, 영화&드리마 게시판은 위 파일 다운밭아서 풀어보시면,, 폴더가 두개 나...

  • [레벨:10]해커다
  • 2008-12-07
  • 조회 수 24820
  • 추천 수 18

3단계 메뉴 XE 레이아웃 통합 템플렛 v1.4(업데이트) imagefile [98]

Xpreess Engines Skin Templet Using License 1. 사용의 권한 - 이 템플릿은 무료 버전이므로 누구든지 사용이 가능합니다. 회사 및 여러곳에서도 사용이 가능하며 사업용으로도 사용이 가능합니다. 2. 탬플릿의 편집 권한 - ...

  • [레벨:4]AMH
  • 2008-11-30
  • 조회 수 28983
  • 추천 수 12

3단계 메뉴 WTA Mini Blog imagefile [22]

IntroductionWTA Blog는 게시판보다는 블로깅을 주로 하는 분들을 위해 디자인 한 3단 레이아웃입니다. 티스토리나 테터툴즈, 워드프레스등의 전문 블로그 툴로 운영되는 여러 한국 블로그 사이트를 보면서 제로보드XE에서도 ...

  • [레벨:5]Hammer
  • 2008-10-25
  • 조회 수 24719
  • 추천 수 10

3단계 메뉴 문하우스 레이아웃스킨입니다.(v1.1로 수정) imagefile [28]

제 홈페이지상단에 플래시메뉴를 사용하다가 메뉴추가의 번거로움도 있고, 플래시의 자체적인 문제도 있는 것 같아서 이미지메뉴로 갈아타면서 만든 레이아웃스킨을 소스정리해서 올립니다. 아쿠아블루, 그린, 흰색 3가지의 칼라로 구...

  • [레벨:9]팔공산
  • 2008-10-23
  • 조회 수 28187
  • 추천 수 3

3단계 메뉴 WTA Everest imagefile [6]

Introduction WTA Everest는 산악 관련 동호회나 클럽에서 사용 할 수 있는 제로보드XE용 레이아웃 입니다. 멋지게 펼쳐진 에베레스트 산을 배경으로 여러가지 정보들을 올려 보세요. Discovery 채널의 에베레스트 등정 다...

  • [레벨:5]Hammer
  • 2008-10-22
  • 조회 수 20282
  • 추천 수 6

3단계 메뉴 WTA Grunge Paper imagefile [6]

Introduction WTA Grunge Paper는 WTA 스킨 시리즈 중 하나로서 2008년 후반부터 CSS 웹 트랜드로 해외에서 많이 사용되는 Grunge 풍의 제로보드XE용 통합 스킨입니다. Slavovia.tv를 Reform 한 스킨으로서 빈티지나 그...

  • [레벨:5]Hammer
  • 2008-10-16
  • 조회 수 18746
  • 추천 수 4

3단계 메뉴 WTA White Glossary 3단 레이아웃 imagefile [19]

기존에 올린 WTA White Glossary 레이아웃의 3단 형태입니다. 이 레이아웃은 layout.html과 info.xml 단 두개의 파일로만 구성되어 있습니다. 이미 2단 레이아웃에 이 3단 레이아웃에 사용 된 CSS 코드까지 모두 넣어져 있...

  • [레벨:5]Hammer
  • 2008-10-15
  • 조회 수 20312
  • 추천 수 12

3단계 메뉴 WTA White Glossary imagefile [42]

Introduction WTA White Glossary는 WTA 무료 스킨 시리즈 중 하나로서 2008년부터 웹 트랜드로 자리잡은 Glossary Style의 제로보드XE용 레이아웃 스킨입니다. Nintendo 사이트에서 많은 영감을 얻어 제작했으며 푸른색...

  • [레벨:5]Hammer
  • 2008-10-15
  • 조회 수 27663
  • 추천 수 14

3단계 메뉴 3단계 기본 레이아웃 스킨 imagefile [8]

CSS 연습하면서... 개인 홈페이지 준비하면서 잡아본 레이아웃 스킨입니다. 기본 3단메뉴 구성이구요. 위의 스킨은 "제로보드 기본 레이아웃"을 토대로 변형하여 제작하였습니다. 컨텐츠 영역에 있는 "탭형식 최근 문서 출력" 위젯...

  • [레벨:2]maxtabby
  • 2008-10-12
  • 조회 수 12174
  • 추천 수 1

3단계 메뉴 3단계 메뉴 레이아웃 스킨 imagefile [7]

3단계 메뉴로 구성된 기본 레이아웃 스킨입니다.브라우져 테스트는 오페라 9.60 Beta, 파이어폭스 3.0.1, 사파리 3.1.2에서 해 봤는데 깨지지는 않네요.아래 풋터 부분이 본문 내용과 상관없이 항상 아래쪽에 위치하도록 하고 싶었...

  • [레벨:2]maxtabby
  • 2008-09-26
  • 조회 수 13726
  • 추천 수 0

3단계 메뉴 wowbj레이아웃 imagefile [15]

오렌지 레이아웃, 제가 항상 좋아하던 색상이죠 ㅎㅎ,, 잔말말고,~ 일단 적용이미지부터 봅시다, 일단은 제가 중국어 사이트 운영때 적용하던 레이아웃입니다, 어딘가에 아마 중국어로 돼는 주석이라던가 단어가 쫌 있을겁니다,,, ...

  • [레벨:10]해커다
  • 2008-09-26
  • 조회 수 19030
  • 추천 수 2


XE Login

OpenID Login