길이가 동적으로 조절되는 디자인 말인데요.. 정보
길이가 동적으로 조절되는 디자인 말인데요..본문
http://www.leehyeon.co.kr/new2008/intro/intro.asp
각 페이지별로 우측의 플러그 모양이 동적으로 늘어났다 줄어들었다 하는데요..
이렇게 만들려면 그누보드4 기준으로 어떻게 해야할까요?
각 페이지별로 우측의 플러그 모양이 동적으로 늘어났다 줄어들었다 하는데요..
이렇게 만들려면 그누보드4 기준으로 어떻게 해야할까요?
댓글 전체
일단 테이블을 써서 레이아웃을 구성했네요.
원리는 간단한 것 같습니다.
하단에 bottom부분이 시작하는 라인부터가 bottom이 아니라, 실제로는 플러그 모양의 아이콘까지가 bottom인 것이죠.. 따라서 플러그 꼬다리는 항상 bottom에 위치하게 됩니다.
그리고 중간에 전선은 자세히 보시면 중간에는 약간 꼬불거리지만 중간 아래부터는 직선으로 되어 있습니다. 즉 상단과 중간 이하가 두개의 이미지로 나뉘어져 있다는 것이지요.. 꼬불거리는 이미지가 들어간 상단은 고정높이일 가능성이 높고, 직선으로 된 하단은 배경이미지로 삽입을 하시면 될 것 같습니다.
이건 그누보드와는 큰 관련이 없는 이야기인 것 같습니다만...
원리는 간단한 것 같습니다.
하단에 bottom부분이 시작하는 라인부터가 bottom이 아니라, 실제로는 플러그 모양의 아이콘까지가 bottom인 것이죠.. 따라서 플러그 꼬다리는 항상 bottom에 위치하게 됩니다.
그리고 중간에 전선은 자세히 보시면 중간에는 약간 꼬불거리지만 중간 아래부터는 직선으로 되어 있습니다. 즉 상단과 중간 이하가 두개의 이미지로 나뉘어져 있다는 것이지요.. 꼬불거리는 이미지가 들어간 상단은 고정높이일 가능성이 높고, 직선으로 된 하단은 배경이미지로 삽입을 하시면 될 것 같습니다.
이건 그누보드와는 큰 관련이 없는 이야기인 것 같습니다만...
위분이 말씀하신것처럼 그누보드와는 상관없고 코딩과 관련된 부분이네요
일단 가로 1픽셀 세로는 대중 알아서 정해서
다음 코드를 적용해보세요
<div style="background:url('배경이미지경로') repeat-x; background-color:#배경색">
본문의 모든 내용
</div>
일단 가로 1픽셀 세로는 대중 알아서 정해서
다음 코드를 적용해보세요
<div style="background:url('배경이미지경로') repeat-x; background-color:#배경색">
본문의 모든 내용
</div>