조회 수 41165 추천 수 0 댓글 9
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print 수정 삭제
Extra Form

제가 관리자님의 레이아웃을... 별볼일없는 지식으로 좀 건들었는데요..

그 좌우크기를 1200쯤 마쳐놓고 다바꿔서 설정해낫는데..

게시판의 좌우길이가 바뀌지않아여.. 그 매뉴의 중앙 센터부분의 크기가 바뀌지안아서..

그거 고치는법좀 가르쳐주세요 ㅠㅠㅠ

?
  • ?
    관리자 2012.02.21 19:34

    가로길이 수정방법

    빨간색은 전체 가로 길이를 입력하시면 됩니다.

    초록색은 초록색안의 계산 값을 넣으시면 됩니다.


    ./layouts/we_home/css/style.css 파일을 수정합니다.

    17줄 .top_box div { width:980px; margin:0 auto 0 auto; text-align:right; }

    27줄 .layout_head { clear:both; width:980px; margin:0 auto; position:relative; z-index:30; }

    28줄 .layout_head .logo_line { width:980px; padding:10px 0; position:relative; z-index:1002; }

    33줄 .layout_head .layout_topmenu { margin:0 auto; height:36px; width:980px; position:relative; z-index:1001; background:url("../images/MenuBar.gif") repeat-x left top; }

    55줄 .layout_head .update_news { margin:0 auto 5px auto; background:#f3f3f3; width:전체길이-12px; border:1px solid #ccc; border-top:none; padding:5px; position:relative; }

    66줄 .layout_content { margin:0 auto; width:980px; position:relative; z-index:20; }

    85줄 .layout_foot { margin:0 auto; padding-top:5px; width:980px; clear:both; position:relative; z-index:40; }


    ./layouts/we_home/css/style.css 파일을 수정합니다.

    6줄 .layout_content .main_content { width:전체길이-205(왼쪽 서브길이+margin값)px; float:left; margin:0 0 0 5px; }

    8줄 .layout_content .main_content { width:980px; margin:0; }

    10줄 .layout_content .main_content { width:전체길이-380(좌,우 서브길이 + margin값)px; float:left; margin:0 0 10px 5px; }

    93줄 <table style="width:전체길이-12px; font-size:12px; border:none; margin:0; padding:0;" cond="$layout_info->updatenews != 'W'">

    98줄 <td style="width:전체길이-112px;" cond="$layout_info->updatenews == 'L'">(생략)</td>

    99줄 <td style="width:전체길이-112px;" cond="$layout_info->updatenews == 'U'">{$layout_info->updatenews_text}</td>

  • ?
    미러신 2012.02.21 23:02

    초록색의 값이면  전체 길이가 1200 이고  왼쪽 서브길이 200이고 magin 값이 95이면

     

    1200 - 205(200 +95 )px 가 되나요?

  • ?
    관리자 2012.02.22 04:41

    비슷하긴 한데
    1200 - 295(200+95)px 가 되죠 ()안에 잇는건 앞에잇는 숫자가 어떻게 205인지 알려준거에요 ㅋ

    그리고 margin값은 수정 안하시는게 좋습니다 ㅋ

    그러니 1200 - ( 좌측메뉴가로길이 + 5 ) px 가 되겟죠?

     

    그리고 추천드리는데 가로길이를 1200으로 하면

    해상도 1024 x ??? 인 사람들은 좌우 스크롤바가 생겨요.. ㅋㅋ

  • ?
    미러신 2012.02.21 23:04

    아참 그리고 좌측 서브 메뉴 길이 조정하는 방법 쫌ㄱ ㅏ르쳐주세요... 기존 200이 너무 큰거 같아요..

     

    180 이나 160 정도가 적당한거 같은데...   고칠줄을 몰라서.. 다 다시 이미지 작성했어요....

    200 하니깐 로그인 폼에 맞춰서....      이미지도 별루 않이브고 이상하게 되더라구요... ㅎㅎㅎ

     

    좋은 정보 부탁 드립니당.. ㅎㅎㅎㅎ  오늘도 즐거운 하루 되세요^^

  • ?
    관리자 2012.02.26 08:22

    ---------------------------------------------

    레이아웃 총 가로길이 : 1200px

    좌측 서브 가로길이 : 180px

    우측 서브 가로길이 : 170px

    나머지는 가운데 본문 부분

    ---------------------------------------------

    을 기준으로 코드를 수정해 보았습니다.

    좌측 서브 가로길이를 160px로 수정을 원하시면 말씀해 주세요.

    바로 수정해 드리겠습니다.


    ./layouts/we_home/css/style.css 파일을 수정합니다.

    17줄 .top_box div { width:1200px; margin:0 auto 0 auto; text-align:right; }

    27줄 .layout_head { clear:both; width:1200px; margin:0 auto; position:relative; z-index:30; }

    28줄 .layout_head .logo_line { width:1200px; padding:10px 0; position:relative; z-index:1002; }

    33줄 .layout_head .layout_topmenu { margin:0 auto; height:36px; width:1200px; position:relative; z-index:1001; background:url("../images/MenuBar.gif") repeat-x left top; }

    55줄 .layout_head .update_news { margin:0 auto 5px auto; background:#f3f3f3; width:1188px; border:1px solid #ccc; border-top:none; padding:5px; position:relative; }

    66줄 .layout_content { margin:0 auto; width:1200px; position:relative; z-index:20; }

    67줄 .layout_content .leftside { width:180px; float:left; margin:0; }

    85줄 .layout_foot { margin:0 auto; padding-top:5px; width:1200px; clear:both; position:relative; z-index:40; }


    ./layouts/we_home/css/style.css 파일을 수정합니다.

    6줄 .layout_content .main_content { width:1015px; float:left; margin:0 0 0 5px; }

    8줄 .layout_content .main_content { width:1200px; margin:0; }

    10줄 .layout_content .main_content { width:840px; float:left; margin:0 0 10px 5px; }

    93줄 <table style="width:1188px; font-size:12px; border:none; margin:0; padding:0;" cond="$layout_info->updatenews != 'W'">

    98줄 <td style="width:1088px;" cond="$layout_info->updatenews == 'L'">(생략)</td>

    99줄 <td style="width:1088px;" cond="$layout_info->updatenews == 'U'">{$layout_info->updatenews_text}</td>

  • ?
    미러신 2012.02.26 06:22 SECRET

    "비밀글입니다."

  • ?
    관리자 2012.02.25 23:28

    왼쪽 사이드의 가로길이가 180이되면 20px 줄어들었으니 다른곳에서 20px 채워줘야겟죠

    Content영역을 20px 늘리거나

    Content영역을 10px, 오른쪽 사이드를 10px늘리거나

    오른쪽 사이드를 20px 늘리듯이

    방법은 다양하죠 ㅋ

  • ?
    미러신 2012.02.25 22:19

    로그인 폼 쪽 길이를 180 이나 160 으로 줄이면

     

    그럼 나머지  전부다 20씩이나 40씩 늘려줘야되나요?

  • ?
    관리자 2012.02.22 04:44

    ./layouts/we_home/css/style.css 파일을 수정합니다.

    67줄   .layout_content .leftside { width:200px; float:left; margin:0; }

     

    그런데 주의하셔야 할건

    왼쪽의 가로길이가 줄어들면 다른곳의 가로길이를 늘려서 균형을 맞춰줘야 해요!


List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 레이아웃등에 대한 질문은 질문답변 게시판에 해 주시기 바랍니다. ^^ 관리자 2012.10.03 319579
공지 질문 제목은 질문 내용과 관계가 있도록 작성해주세요. 관리자 2012.03.05 340530
76 WE HOME 레이아웃 배너 이미지가 안올라가요 ㅜㅜ 초록 2016.03.24 55984
75 배너 이미지 사용에 관해 문의 드립니다. 4 file 우루사21 2012.10.02 38374
74 배경을 넣고 싶습니다. 2 박싸군 2012.03.01 40047
73 배경설정에 대한 문의 1 file atom 2012.08.27 37568
72 미치겠어요 도와주세요ㅠ_ㅠ 3 file 초모웹마스터 2012.07.08 38714
71 WE HOME 레이아웃 문의2 1 면봉122 2013.03.09 68001
70 WE HOME 레이아웃 문의 1 면봉 2013.03.08 64418
69 모바일페이지 편집을.. 1 file 럼프 2012.11.13 38579
68 메인의 본문 가로길이 수정을 어떻게 해야 하나요? 2 file 우루사21 2012.10.03 38864
67 메인에 이미지 슬라이더 넣으려고 하는데요. 5 초모웹마스터 2012.07.09 39012
66 메뉴의 N표시 뜨는방법..(We Home) 8 TYTY 2012.04.26 39048
65 메뉴부분을 따로 14 카유 2012.04.27 41830
64 WE HOME 레이아웃 메뉴바 위치 조정! 2 이민카 2013.04.08 71914
63 마지막 질문이에요 ^^ 5 초모웹마스터 2012.07.10 38503
62 페이지체인저 애드온 로딩이 원래뜨는건가여? isbee 2015.08.04 61689
61 Pleasure 레이아웃 로그인창 배너창 문의드립니다 2 콩씨 2013.03.03 63332
60 로그아웃 스킨 어디서 구하나요? 1 tpwjd12 2012.03.01 41002
» 레이아웃의 가로길이를 늘리고 싶어요. 9 헬프미 2012.02.20 41165
58 레이아웃에서 이미지가 엑박이 뜹니다. 2 file 오필리아닷컴 2012.02.03 38459
Board Pagination ‹ Prev 1 2 3 4 5 6 7 Next ›
/ 7

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5