KLDP.org 초기화면 디자인 변경

권순선의 이미지

http://kldp.org 의 초기화면 디자인을 변경하였습니다.

http://wiki.kldp.org http://kldp.net http://bbs.kldp.org 의 컨텐트를 따로따로 배치하였으며 KLDP BBS의 경우는 질문/답변, 커널 관련, 새소식/토론, 자유게시판,기타 로 나누어 줄간격으로 조금씩 다르게 하여 구분되게 하고, 게시판 이름은 넣지 않았습니다.

일단 이번 디자인 변경의 일차적인 목표는 좀더 단순한 디자인입니다. 아직 세부적으로 몇 가지 더 손을 보아야 할 곳이 있긴 합니다만 크게 문제가 없는 한 지금의 틀을 벗어나지는 않을 것입니다.

기본적인 의도는, http://kldp.org 를 허브 사이트로 해서 wiki, kldp.net, KLDP BBS 각각의 사이트의 독립성을 강조하고자 하였는데....잘 되었는지 모르겠습니다. 편의상 이 공지사항을 KLDP BBS에 쓰고 있는데 이 부분만 제외하면 초기화면 상에서 각 사이트가 서로 다른 성격과 목적을 가지고 각자 운영되고 있다는 것이 어느정도 더 명확해졌다고 생각합니다.

혹시라도 디자인에 문제가 있으면 알려 주시고.... html 코드가 상당히 지저분하니 코드를 재정비해 주실 분이 계신다면 언제든지 환영입니다. :-)

File attachments: 
첨부파일 크기
Binary Data kldp.tar.gz2.17 KB
Image icon kldpfront.JPG195.27 KB
관리자 주제: 

댓글

lunarainbow의 이미지

헉. 놀래라.

잠시 딴짓 하다가 F5를 누르는 순간, 화면이 확~

'내가 뭐 잘못 눌렀나?' 생각하구 다시 F5 -_-;;

시작 페이지가 변경된 것이었군요 :wink:

지난번보다 훨씬 이뻐요~ 깔끔하구. ^^

indizarm의 이미지

럴수...

뭔가 없어진줄 알았네...

What a Cool Days!!!

qprk의 이미지

글읽고 다시 와보니.. -,.-;

멋진남자...

neocoin의 이미지

1024*768 해상도를 사용하고 있는데, 보통의 Explorer 도구바와 주소 창까지 한 상태에서 하단 화면이 약간 잘립니다. 위의 kldp.org 제목을 조금만 올려 주세요.[/img]

서지훈의 이미지

함...
저도 딴데 갔다가...
여기들어오니깐 화면이 이상해서...
갑자기 제 브라우저 설정이 바뀐줄 알았습니다...
근데... 개편이라니...^^

게릴라식 개편...
역시 단순한건 좋지만...
변하는 것도 좋지만...
전 원래 한가지 편한것만 찾는 성격인데...
또 여기에 적응 할려면... 더 자주 들어와야 겠네요...

<어떠한 역경에도 굴하지 않는 '하양 지훈'>

#include <com.h> <C2H5OH.h> <woman.h>
do { if (com) hacking(); if (money) drinking(); if (women) loving(); } while (1);

issue00의 이미지

바뀌고 적응하면.....그땐 편하게 느껴지는데....

사람심리가 그런지...저만 그런지...

확 바뀌면 불편하게 느껴진다는....ㅡㅡ;;

정들려면 또 좀 시간이 걸리겠는데요??

바뀌기 전에 공고좀 해주세요........

마음 가다듬게...ㅋㅋㅋ

항상 깨어있어라 ~~~

meinside의 이미지

깔끔하네요 :lol:

--

“Life is like riding a bicycle. To keep your balance, you must keep moving.”

- Albert Einstein

warpdory의 이미지

허걱 ...

왜 화면이 이상하지.. 하면서 F5 만 여러번 눌러 봤는데... 이유가 있었군요. 흘..


---------
귓가에 햇살을 받으며 석양까지 행복한 여행을...
웃으며 떠나갔던 것처럼 미소를 띠고 돌아와 마침내 평안하기를...
- 엘프의 인사, 드래곤 라자, 이영도

즐겁게 놀아보자.

bluefury의 이미지

헛 점심먹고 와서
의례히 습관적으로 웹을 띄운 순간 헉 :shock:

놀랐다는 :o

Why be The Nomal?

smirzo의 이미지

깔끔하고 보다 직관적이서 보기가 좋습니다 :)

몇가지 건의한다면

- 사용하지 않는 링크 없애기 (예, geekforum의 링크)
- 중복 링크 없애기 (예, top 메뉴에 kldp bbs링크가 있으므로 또 다른 bbs링크는 없앤다)
- 허브사이트에 걸맞게 KLDP의 이니셜이 뜻하는 바를 재조정한다

물론 맘에들지 않으면 무시해도 좋은 건의사항입니다 :)

권순선 wrote:
http://kldp.org 의 초기화면 디자인을 변경하였습니다.

http://wiki.kldp.org http://kldp.net http://bbs.kldp.org 의 컨텐트를 따로따로 배치하였으며 KLDP BBS의 경우는 질문/답변, 커널 관련, 새소식/토론, 자유게시판,기타 로 나누어 줄간격으로 조금씩 다르게 하여 구분되게 하고, 게시판 이름은 넣지 않았습니다.

일단 이번 디자인 변경의 일차적인 목표는 좀더 단순한 디자인입니다. 아직 세부적으로 몇 가지 더 손을 보아야 할 곳이 있긴 합니다만 크게 문제가 없는 한 지금의 틀을 벗어나지는 않을 것입니다.

기본적인 의도는, http://kldp.org 를 허브 사이트로 해서 wiki, kldp.net, KLDP BBS 각각의 사이트의 독립성을 강조하고자 하였는데....잘 되었는지 모르겠습니다. 편의상 이 공지사항을 KLDP BBS에 쓰고 있는데 이 부분만 제외하면 초기화면 상에서 각 사이트가 서로 다른 성격과 목적을 가지고 각자 운영되고 있다는 것이 어느정도 더 명확해졌다고 생각합니다.

혹시라도 디자인에 문제가 있으면 알려 주시고.... html 코드가 상당히 지저분하니 코드를 재정비해 주실 분이 계신다면 언제든지 환영입니다. :-)

See you again!

nainu의 이미지

제 생각에, 오른쪽 링크 메뉴에서 다음 줄로 넘어가는 것을 줄이거나, 아니면 2등분된 테이블을 왼쪽으로 좀 좁히는 것이 어떨까 합니다. 그러면 아래위로도 딱 맞을 것 같네요..

skydancer의 이미지

nainu님 말씀대로 bbs에서 중계되는 제목들중에 두줄로 나오는게 있는데 이걸 한 줄만 나오게 하고 오른쪽의 bbs와 왼쪽의 링크+찾기의 위치를 바꾸면 한 화면에 딱 맞게 나올것 같은데요...

웃어요^,.^;

skydancer의 이미지

김수봉 wrote:
nainu님 말씀대로 bbs에서 중계되는 제목들중에 두줄로 나오는게 있는데 이걸 한 줄만 나오게 하고 오른쪽의 bbs와 왼쪽의 링크+찾기의 위치를 바꾸면 한 화면에 딱 맞게 나올것 같은데요...

라고 생각했는데 오른쪽이 각 사이트 중계하는곳이군요. 그냥 한 페이지에 다 안들어오는것만 생각하고 썼더니...

웃어요^,.^;

corea87의 이미지

접속을 하는데 이상한 디자인이 떠서 혹시 해킹을 당하지 않았나?
이런 생각이 들더라구요. 그런데 자세히 보니 ... 초기화면 변경. 우와~
권순선님 수고하셨구요. 아주 마음에 듭니다.

-추신

이걸 계기로 좋은 일만 생겼으면 합니다.

Corea Gentoo Linux

FruitsCandy의 이미지

메인 페이지 깔끔합니다. ㅋㅋ

저도 f5를 몇번 눌렀다는.. -_-;;

아지랑이류 초환상 공콤 화랑... 포기하다.. T.T

bh의 이미지

깔끔하네요~

--
이 아이디는 이제 쓰이지 않습니다.

lunarainbow의 이미지

깔끔하구 훨씬 이쁘긴 한데...

프로그래밍 질문, 설치 질문 최근 글의 표시 갯수는 약간 늘리는것이 좋지 않을까 싶습니다.

질문을 올리는 사람이야 들어가서 올리지만,

답변을 하는 사람이 일일이 게시판 찾아들어가서 답변할것 같지는 않습니다.
(답변 하시는 분이 좀 줄어들듯...)

질문 올리는 분들의 답답한 심정을 헤아려 주세요 :(

jachin의 이미지

놀랬어요. T-T 들어오다가, 갑자기 위에 메인 링크가 없어져서...

Blog는 사용자가 적어서 어쩔 수 없이 닫으셨다고는 하지만,

설마... BBS까지야... 라는 심정으로... ^^;;;

오른쪽 프레임에 메뉴가 있는것을 보고는 바로 들어왔습니다.

그래도 텍스트 뿐이라 링크걸려있는게 크게 드러나지 않네요. ^^;;;

네비게이션 레이어라도 하나 추가해 주시면 처음 방문자들께서도

쉽게 이동하지 않으실까 하는 생각입니다. ( _ _)a

(그냥 제 생각일 뿐입니다. ^^;;;)

progcom의 이미지

권순선 wrote:
혹시라도 디자인에 문제가 있으면 알려 주시고.... html 코드가 상당히 지저분하니 코드를 재정비해 주실 분이 계신다면 언제든지 환영입니다. :-)

HTML 4.01 Strict에 맞춰서 때려넣어 보았습니다. :)
모질라 1.5, IE 6에서는 잘 나옵니다.
<meta>태그와 <link> 태그 끝을 />로 수정하면 XHTML에도 맞을겁니다. (추측;;)
붙여서 쓰니 W3C Validator가 불평을 하더군요.

뱀다리. 작업 환경 문제로 UTF-8 인코딩입니다.

댓글 첨부 파일: 
첨부파일 크기
Binary Data 0바이트
권순선의 이미지

HTML 4.01 Strict valid한 kldp 초기화면...멋집니다...

바로 바꿨습니다. :-)

정말 감사합니다.....

권순선의 이미지

음...그런데...ie의 버그인지, 오른쪽 아랫 부분의 <li>가 조금 비뚤게 나오는군요! 모질라에서는 문제가 없는 것 같은데 ie에서는 유독 아랫부분에서 줄이 잘 안맞네요. 저만 그런건 아니겠죠....

지금 테스트해본 것은 ie 6.0버전입니다. 윈도2000, xp모두 동일하네요.

댓글 첨부 파일: 
첨부파일 크기
Image icon 0바이트
버려진의 이미지

예 저도 그렇게 나오네요.
하지만 몰랐습니다.. -_-;;
이글 보고서야 깨달았습니다.
윈도2000 익스6.0입니다.

progcom의 이미지

그대로 쓰이다니... 영광입니다 :oops:

모질라에서 만들고 IE에서는 슬쩍 확인만 했더니 그런 문제가 있네요.
해결책은 div#recent 에 height: 100%를 주면 됩니다.
공부가 되는군요 :) (CSS 표준을 한번 다시 뒤적여봐야겠습니다 8))

fibonacci의 이미지

브라우저의 좌우폭을 잡어먹지 않아서 환영입니다.

No Pain, No Gain.

권순선의 이미지

progcom wrote:
그대로 쓰이다니... 영광입니다 :oops:

모질라에서 만들고 IE에서는 슬쩍 확인만 했더니 그런 문제가 있네요.
해결책은 div#recent 에 height: 100%를 주면 됩니다.
공부가 되는군요 :) (CSS 표준을 한번 다시 뒤적여봐야겠습니다 8))


감사합니다. 방금 고쳤더니 잘 되는 것 같네요. 제가 보내주신 kldp.css를 대충 고쳐서 쓰고 있는데 혹시 이상한 부분이 있으면 언제든지 알려 주세요....
tomyun의 이미지

사이트 대문이 예전보다 더 산뜻해진 것 같아서 보기 좋네요^^

모두들 정말 고생이 많으신 것 같습니다.

음, 그런데 한 가지 고쳤으면 하는 점이 있어서요.

오른쪽 화면에 각 사이트별로 최신글들이 뽑혀 나오는 부분에서 말입니다.

예전과는 달리 각 글의 제목이 잘리면서 '...'이 붙는데, 이 잘리는 길이가 상당히 짧은 듯 합니다.
정확히 어떤 기준으로 잘리는지는 잘 모르겠는데, 충분히 한 줄에 들어갈 수 있는 제목들도 많이 잘리는 것 같네요.

아예 그냥 예전처럼 '...' 없이 잘리는 것이 좀 더 깔끔해 보일 것 같기도 하구요.

다른 분들은 어떻게 생각하시나요?

smalljam의 이미지

깔끔하고 좋습니다.
org를 뺀 이유는 알겠지만,..............(고민 많이 되셨죠^^; :twisted: )
전,그래도 org가 좋습니다.
제 개인적인 의견이구요.
kldp가 활성화 되고 있는 현장을 목도하는 것은
굉장히 즐거운 일입니다.

정말 바라는 것은 언제까지나 kldp에 와서 , 아주 즐겁게
글을 읽을 수 있었으면 하는 바람입니다.

아름답고 따뜻한 커뮤니티가 되었으면 합니다.

행복하고 건강하세요;감사합니다;

In the UNIX,
화일 시스템은 지평적인 공간 감각을 제공하며 ,
프로세스는 생명을 갖는 생명체와 같아보인다.
--BACH

progcom의 이미지

tomyun wrote:
음, 그런데 한 가지 고쳤으면 하는 점이 있어서요.

오른쪽 화면에 각 사이트별로 최신글들이 뽑혀 나오는 부분에서 말입니다.

예전과는 달리 각 글의 제목이 잘리면서 '...'이 붙는데, 이 잘리는 길이가 상당히 짧은 듯 합니다.
정확히 어떤 기준으로 잘리는지는 잘 모르겠는데, 충분히 한 줄에 들어갈 수 있는 제목들도 많이 잘리는 것 같네요.

아예 그냥 예전처럼 '...' 없이 잘리는 것이 좀 더 깔끔해 보일 것 같기도 하구요.

다른 분들은 어떻게 생각하시나요?

저도 HTML의 정보 전달 측면에서 줄바꿈이 되더라도 잘라내지 않는 편이 좋아보입니다. 검색로봇이 긁어갈때나, 혹은 lynx나 w3m 등의 텍스트 브라우저로 볼 경우를 생각하면, 모양을 맞추기 위해 잘라내는건 HTML 정신(...)에 위배되는 느낌입니다.
실제로 작성하면서 W3C에서 권장하는 사용자 적응성 기준에 맞추어놓았기 때문에 텍스트 브라우저로 봐도 꽤 쾌적하게 보입니다. (실수한거라면 마지막 부분의 회선 및 장비 후원, 연락처 부분을 별도 태그로 분리하지 않은 점이지요) 제목을 잘라내버리면 이런 경우에 중간에 잘려버려서 별로일듯 싶군요. 폰트도 권장안에 맞춰서 상대크기로 설정했기 때문에, 사용자가 폰트 크기를 크게 설정하고 브라우징하면 아무리 잘라내도 줄바꿈이 생기기 마련이고요. 그냥 줄바꿈 하게 내버려두는게 어떨까 싶습니다.

CSS에서 비쥬얼 환경에서만 한줄로 보여주게 처리하는 방법이 있긴 한데, (overflow: hidden, white-space: nowrap) IE에서 제대로 지원을 안하는군요. :( 모질라는 깔끔하게 잘 나오는데 말이지요.

권순선의 이미지

처음에는 영문/한글 관계없이 20글자가 넘으면 자르게 했는데 그렇게 해놓고 보니 들쭉날쭉해서 조금 바꾸었습니다. 줄바꿈이 되어 버리면 상당히 지저분해 보여서 최대한 제목은 살리면서 줄바꿈은 생기지 않게 바꾸었습니다.

참, 그리고 지금 현재 맨 윗부분의 [KLDP]가 들어가 있는 박스가 위에 너무 붙어 있는데 조금만 아래로 내리고 싶습니다. 어떻게 하면 되나요?

dsh의 이미지

div#head 에 margin-top 속성을 주면 될 꺼 같습니다.

div#head {
    background-color: #c0d8d8; border: 1px solid #809090;
    padding: 2px; text-align: center;
    margin-top:20px
}
권순선의 이미지

dsh wrote:
div#head 에 margin-top 속성을 주면 될 꺼 같습니다.
div#head {
    background-color: #c0d8d8; border: 1px solid #809090;
    padding: 2px; text-align: center;
    margin-top:20px
}

안됩니다. [KLDP] 글자가 왼쪽으로 정렬되는 변화가 있을 뿐이던데요?
progcom의 이미지

권순선 wrote:
참, 그리고 지금 현재 맨 윗부분의 [KLDP]가 들어가 있는 박스가 위에 너무 붙어 있는데 조금만 아래로 내리고 싶습니다. 어떻게 하면 되나요?

body의 margin을 조절하면 됩니다 :D

세벌의 이미지

<body>

<div id="head">

<body>
<br />
<div id="head">

로 바꾸어 보세요.

너무 썰렁하고 촌스러운 답인가요? oops

권순선의 이미지

progcom wrote:
권순선 wrote:
참, 그리고 지금 현재 맨 윗부분의 [KLDP]가 들어가 있는 박스가 위에 너무 붙어 있는데 조금만 아래로 내리고 싶습니다. 어떻게 하면 되나요?

body의 margin을 조절하면 됩니다 :D


아 그렇군요! 이제 제 1024x786 노트북 화면에서 브라우저 창을 최대로 키웠을 때 스크롤바 없이 전 화면이 쏙 들어옵니다.
progcom의 이미지

dsh님이 말씀하신 방법도 표준 규격상으로는 정상 작동해야한답니다.
모질라에서는 잘 나오는데, 아쉽게도 IE:(가 제대로 지원하지 않는 경우가 많더군요.

지금 IE 5가 깔린 컴퓨터가 없어서 확인을 못하겠는데, 이전에 했을때 margin을 제대로 처리하지 못해서 외부에 <div> 태그를 하나 더 걸고 padding으로 처리했던 기억이 나는군요. (지금 KLDP도 IE5에서 확인하면 엉망이지 않을까 걱정스럽습니다) IE에서도 잘 나오게 하려면 위치 조정할때 한단계 외부에서 조절을 해주는게 좋은 듯 싶습니다 :)

dsh의 이미지

윈2k, IE 5.0 이었습니다.
이상하네요. 잘 나왔었는데 :oops:

cdpark의 이미지

개편 이후 처음 화면이 뜨는 속도가 조금 느린 듯 싶습니다. 다른 부분은 정상적으로 나오는데 KLDP BBS의 최슨 글 목록을 보여주는 부분이 1-2초 가량 늦게 오는 것처럼 보이네요. 다른 분들도 그런가요?

댓글 달기