KLDP BBS 상단/하단 부분 디자인 도움 요청

권순선의 이미지

이번에 KLDP Wiki와 KLDP.net을 복구하면서 KLDP Wiki의 기반 프로그램인 모니위키 개발자이신 박원규님의 제안과 도움을 받아들여 전반적으로 디자인을 통일해 보았습니다. 기본적인 색감은 이곳 KLDP BBS의 것을 따서 집어 넣은 것인데 상당히 괜찮은 것 같아(물론 개인차가 있겠지만) 이곳 KLDP BBS도 상단/하단부를 KLDP Wiki와 비슷한 모양으로 고치려고 합니다.

혹 이 부분에 대해서 도움을 주실 분이 계신다면 http://www.phpbb.com 에서 소스코드를 다운받아 templates/subSilver 디렉토리 안에 있는 overall_header.tpl과 overall_footer.tpl을 고치고 KLDP Wiki의 css를 적절히 적용하여 작업해 주시면 됩니다.

작업하신 내용은 이곳 KLDP BBS에 해당되는 부분을 빼면 phpbb의 테마로서 다른 곳에서도 사용하실 수 있을 것입니다. phpbb 개발자들에게 제출해 주셔도 되고요.

디자인에 관심 있으신 분들의 많은 도움 부탁드립니다....

감사합니다....

File attachments: 
첨부파일 크기
Package icon INTREBOL.zip18.45 KB
Package icon 배경wiki.zip41.29 KB
Package icon kldp.zip16 KB
Package icon subSilver.zip18.53 KB
Image icon kldpbbslogo.png8.87 KB
Package icon rdf2.zip2.6 KB
파일 bbs-footer.bmp1.28 MB
관리자 주제: 

댓글

wkpark의 이미지

권순선 wrote:
이번에 KLDP Wiki와 KLDP.net을 복구하면서 KLDP Wiki의 기반 프로그램인 모니위키 개발자이신 박원규님의 제안과 도움을 받아들여 전반적으로 디자인을 통일해 보았습니다. 기본적인 색감은 이곳 KLDP BBS의 것을 따서 집어 넣은 것인데 상당히 괜찮은 것 같아(물론 개인차가 있겠지만) 이곳 KLDP BBS도 상단/하단부를 KLDP Wiki와 비슷한 모양으로 고치려고 합니다.

참고적으로, 제가 KLDP.net의 디자인을 제안하고 바꾸려고 했던 이유는 kldp.net을 KLDP BBS (현재 가장 많은 분이 접속하시는 곳)의 색감을 kldp.net에 적용하고 사용자에게 보다 익숙한 분위기(?)를 만들고
KLDP.net이 보다 활성화되기를 바래서였습니다.

때마침 모니위키의 기본 테마를 파랑색의 계열로 준비중에 있었고 phpBB도
전반적으로 blue색 계통이어서 전체적인 통일감을 부수효과로 얻게 되었습니다.최근에 어디선가 본 바에 의하면, 포탈 사이트들이 전반적으로 블루계열로
가는 경향과, 파랑색은 차분한 느낌과 안정감을 준다기에 파란색계열으로 정했습니다.

제가 참고로 했던 곳은 다음과 같습니다.
* 테터스킨중 스티치 스카이: (색감 참고)
http://www.tattertools.com/bbs/zboard.php?id=skin&no=508
: 이 테마는 고정폭/테이블이어서, MT 블로그의 몇몇 테마에서 쓰는 shadow방법 (테이블 대신에 div를 이용한 그림자 표현) + 테이블 없는 가변폭 테마를 만들기위해 다시 그림
* 글꼴은 GForge 로고에서 쓰는 글꼴을 찾다가 장혜식님께서 알려주셨는데, Intrepid Bold(intrepid.ttf) 글꼴입니다.

댓글 첨부 파일: 
첨부파일 크기
Package icon 0바이트
Package icon 0바이트

온갖 참된 삶은 만남이다 --Martin Buber

luapz의 이미지

html 올려둡니다

댓글 첨부 파일: 
첨부파일 크기
Package icon 0바이트

현실은 꿈, 간밤의 꿈이야말로 현실.
http://lv255.net/
http://willbefree.net/
http://netbsder.org/

offree의 이미지

luapz 님이 올리신 자료를 토대로 KLDP BBS 를 작업해 보았습니다.

테스트 해보시고 적용하시려면 해주세요. ^^

phpBB.com 에서 받은 소스가 2.0.10 버전이었던 것 같은데. 어떤차이가 있는지는 모르겠네요.

overall_header.tpl 과 overall_footer.tpl 파일 과
template/subSilver/images/kldp 에 위치할 이미지 들을 같이 올립니다.

css 는 overall_header.tpl 내에 있습니다.

IE 와 firefox 에서 테스트 했습니다.(처음에는 서로 다르게 보여서 한참 헤맸네요.)

확인해 보시기 바랍니다. 아무래도 누구 다른분이 수정을 더 하셔야 할 듯 합니다.
전 더이상은 무리.. ^^

그리고, KLDP BBS 라는 로고는 만들어야 겠네요.

댓글 첨부 파일: 
첨부파일 크기
Package icon 0바이트

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

offree의 이미지

역시 디자인은 하지 말아야 겠습니다. ^^;;

psd 가지고 만드는 것도 힘드니.. ^^

댓글 첨부 파일: 
첨부파일 크기
Image icon 0바이트

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

cdpark의 이미지

이왕 개편하는 김에 파이어폭스의 라이브 북마크 정보를 추가해주세요.

<link rel="alternate" type="application/rss+xml" title="KLDP BBS" href="http://bbs.kldp.org/rss.php">

이 내용을 overall_header 부분에 넣으면 될 겁니다.

KLDP Wiki나 KLDP.net 쪽에도 RSS 피딩이 있으니 각각 적당히 넣으면 될 듯 싶네요.

권순선의 이미지

offree wrote:
역시 디자인은 하지 말아야 겠습니다. ^^;;

psd 가지고 만드는 것도 힘드니.. ^^

감사합니다... 그런데 수정하는 도중에 박원규님께서 현재 사용하고 있는 로고를 만들어서 올려 주셨네요. offree님이 올려주신 것도 괜찮은데 적용해 보니 바탕색과 아주 조금 색깔이 틀리게 나와서 박원규님께서 올려주신 것으로 사용하기로 했습니다.

디자인 작업에 도움을 주셔서 진심으로 감사 드립니다....

권순선의 이미지

cdpark wrote:
이왕 개편하는 김에 파이어폭스의 라이브 북마크 정보를 추가해주세요.

<link rel="alternate" type="application/rss+xml" title="KLDP BBS" href="http://bbs.kldp.org/rss.php">

이 내용을 overall_header 부분에 넣으면 될 겁니다.

KLDP Wiki나 KLDP.net 쪽에도 RSS 피딩이 있으니 각각 적당히 넣으면 될 듯 싶네요.


예, 추가했습니다. 현재 rss feed는 제목만 나오고 있는데 가능하면 제목과 내용이 모두 나올 수 있도록 시간이 날 때 수정하도록 하겠습니다. 전에 이 부분에 대해서 어떤 분이 작업을 해 주신게 있는데 어디 있는지 찾지를 못하겠네요. 어차피 파일로 올려주신 것은 파일이 소실되어 있을 가능성이 크긴 하지만.... :-(
offree의 이미지

권순선 wrote:
offree wrote:
역시 디자인은 하지 말아야 겠습니다. ^^;;

psd 가지고 만드는 것도 힘드니.. ^^

감사합니다... 그런데 수정하는 도중에 박원규님께서 현재 사용하고 있는 로고를 만들어서 올려 주셨네요. offree님이 올려주신 것도 괜찮은데 적용해 보니 바탕색과 아주 조금 색깔이 틀리게 나와서 박원규님께서 올려주신 것으로 사용하기로 했습니다.

디자인 작업에 도움을 주셔서 진심으로 감사 드립니다....

바탕색이 차이가 있군요. 막눈이라 ^^

그런데, 지금 kldp bbs 는 그냥 kldp 로 나와 있는데 그대로 가시는 것인가요?
아! 리플래쉬 하니 보이네요.

권순선 wrote:

예, 추가했습니다. 현재 rss feed는 제목만 나오고 있는데 가능하면 제목과 내용이 모두 나올 수 있도록 시간이 날 때 수정하도록 하겠습니다. 전에 이 부분에 대해서 어떤 분이 작업을 해 주신게 있는데 어디 있는지 찾지를 못하겠네요. 어차피 파일로 올려주신 것은 파일이 소실되어 있을 가능성이 크긴 하지만.... :-(

저번에 rdf.php 수정한것 적용해 보셨었는지요?

그때 바뀌질 않아서, 적용안하시려나 보다 했습니다.

혹시 다시 확인해 보신다면, 첨부파일로 올립니다.

rdf2.php 는 phpBB 메인에 rdf2_body.tpl 은 subSilver 스타일 메인에 넣으시면 됩니다.

댓글 첨부 파일: 
첨부파일 크기
Package icon 0바이트

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

권순선의 이미지

Quote:
저번에 rdf.php 수정한것 적용해 보셨었는지요?

그때 바뀌질 않아서, 적용안하시려나 보다 했습니다.

혹시 다시 확인해 보신다면, 첨부파일로 올립니다.

rdf2.php 는 phpBB 메인에 rdf2_body.tpl 은 subSilver 스타일 메인에 넣으시면 됩니다.


아닙니다. 그때 아마 rssnew.php 로 해서 답글에만 써 놓고 제가 업데이트하는 것을 깜빡 잊었던 것 같습니다. 지금은 rdf2.php를 rss.php로 바꾸어서 상단의 rss 아이콘을 클릭하면 바로 보이게 했습니다.

다시 올려 주셔서 정말 감사합니다. 아마 제 기억이 맞다면 지난번에 성능 문제가 좀 있어서 다시 고친 적이 있었던 것 같은데 이번 것이 그 문제를 해결한 것이겠지요? 다시한번 감사드리며....

권순선의 이미지

흠.... 아래에 있는 구글 adsens를 http://kldp.net 처럼 네모 바깥으로 빼내려고 overall_footer.tpl의 맨 마지막 부분의 </body> 태그 바로 앞에다가 adsens 자바스크립트를 넣었는데 테스트해 보니 표시가 안 되더군요. 아마 css 선언 중에 어디선가 막혀 있는 듯....그래서 위로 올렸습니다.

혹시 http://kldp.net 처럼 adsens를 네모 바깥으로 빼내려면 어떻게 해야 하는지 혹 시간 나시는 분은 좀 봐주시면 감사드리겠습니다.

offree의 이미지

권순선 wrote:
Quote:
저번에 rdf.php 수정한것 적용해 보셨었는지요?

그때 바뀌질 않아서, 적용안하시려나 보다 했습니다.

혹시 다시 확인해 보신다면, 첨부파일로 올립니다.

rdf2.php 는 phpBB 메인에 rdf2_body.tpl 은 subSilver 스타일 메인에 넣으시면 됩니다.


아닙니다. 그때 아마 rssnew.php 로 해서 답글에만 써 놓고 제가 업데이트하는 것을 깜빡 잊었던 것 같습니다. 지금은 rdf2.php를 rss.php로 바꾸어서 상단의 rss 아이콘을 클릭하면 바로 보이게 했습니다.

다시 올려 주셔서 정말 감사합니다. 아마 제 기억이 맞다면 지난번에 성능 문제가 좀 있어서 다시 고친 적이 있었던 것 같은데 이번 것이 그 문제를 해결한 것이겠지요? 다시한번 감사드리며....

지금 것은 rdf.php 에서 내용이 나오도록 수정한 것입니다.

현 상태에서 더이상의 속도향상이 될지는 모르겠습니다. 다만 예전의 rss.php 보다는 빠른것 같습니다. 즉, 예전 rdf.php > rdf2.php > rss.php

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

offree의 이미지

권순선 wrote:
흠.... 아래에 있는 구글 adsens를 http://kldp.net 처럼 네모 바깥으로 빼내려고 overall_footer.tpl의 맨 마지막 부분의 </body> 태그 바로 앞에다가 adsens 자바스크립트를 넣었는데 테스트해 보니 표시가 안 되더군요. 아마 css 선언 중에 어디선가 막혀 있는 듯....그래서 위로 올렸습니다.

혹시 http://kldp.net 처럼 adsens를 네모 바깥으로 빼내려면 어떻게 해야 하는지 혹 시간 나시는 분은 좀 봐주시면 감사드리겠습니다.


</td>
</tr>
</table>

</div></div>

</div></div></div></div></div></div>
</div>

</body>
</html>

끝 부분이 이렇게 되어 있는데 . adsense 를 마지막 div 와 6개의 div 사이에 넣어보시기 바랍니다.

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

권순선의 이미지

Quote:
adsense 를 마지막 div 와 6개의 div 사이에 넣어보시기 바랍니다.

그러면...첨부한 그림처럼 되어서 더 이상해 보입니다. :-)
댓글 첨부 파일: 
첨부파일 크기
파일 0바이트
offree의 이미지

이상해 지나요?


<br />
<div align="center">
<script type="text/javascript"><!--
google_ad_client = "pub-6651292044448473";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_channel ="6576542469";
google_ad_type = "text";
google_color_border = "BBBBBB";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

</td>
</tr>
</table>

</div></div>

</div></div></div></div></div></div>
</div>

</body>
</html>

이렇게 되어 있네요.


</td>
</tr>
</table>

</div></div>

</div></div></div></div></div></div>



<br />
<div align="center">
<script type="text/javascript"><!--
google_ad_client = "pub-6651292044448473";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_channel ="6576542469";
google_ad_type = "text";
google_color_border = "BBBBBB";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

</div>

</body>
</html>

이렇게 바꾸어서 다른 곳에서 테스트 해보니 이상이 없는데, 다른 부분에서 또 바뀐 부분이 있나 보군요.

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

권순선의 이미지

제가 맨 처음에 테스트했을 때는 <br /> 를 넣지 않고 adsens를 맨 아랫부분에 넣었었는데 지금 <br />를 넣고 추가하니 잘 되는군요. :-)

offree의 이미지

<br /> 때문에 그런 차이가 있었나봐요?

헉! 그런것을 어떻게 찾지. ( 전 우연히 맞추었군요. )

이거 코드 디버깅 하기보다 더 힘든 것 같습니다.

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

권순선의 이미지

어쨌거나 잘 해결되어서 다행입니다. :-)

choissi의 이미지

개인적으로 파란색을 좋아 하는데, 이번에 바뀐 디자인이 마음에 쏘옥 드네요~ 자주 출석부 도장을 찍을꺼 같네요.

울랄라~ 호기심 천국~!!
http://www.ezdoum.com

맹고이의 이미지

http://kldp.org 대문에서 KLDP BBS 내용 중에 사용자 QnA의 첫번째 글의 링크가 아래처럼 잘못되어서 나와요. (헥헥)

http://kldp.org/attempting%20to%20contact</title>

Update: 다시 보니 사용자 QnA에서 "The connection was refused ... attempting to contact" 라는 제목의 글이 대문에 나올 때 링크가 잘못 나오네요.

댓글 달기