그누보드 컨텐츠.skin 소스를 수정하고자 합니다.

그누보드 컨텐츠.skin 소스를 수정하고자 합니다.

QA

그누보드 컨텐츠.skin 소스를 수정하고자 합니다.

본문

<?php } else if ($co_id == "06") {  ?>

<section class="content_wrap">
    <div class="txtCon">
        <h2 class="container_title">임신준비 클리닉</h2>        
        <div class="rnd_area">

            <div class="img" style="margin-bottom:50px"><img src="<?php echo G5_THEME_IMG_URL ?>/cont/06.jpg"></div>

            <ul class="content_tab2 line2">
                <li class="active"><a href="<?php echo get_pretty_url('content', '06', 'me_code=20'); ?>">임신준비 클리닉</a></li>
                <li><a href="<?php echo get_pretty_url('content', '0601', 'me_code=20'); ?>">산전 기형아 검사</a></li>
                <li><a href="<?php echo get_pretty_url('content', '0602', 'me_code=20'); ?>">맞춤 분만 서비스</a></li>


여기서 메인 탭버튼를 다른 명칭으로 변경하고자 합니다.
이 경우 어떻게 수정하면 될지 전문가 분들 도움부탁드립니다.

리스트 항목소스를 하나 복사해서 추가하고 tab3 line3 전체 수정 하니깐
기존 3개 버튼에서 4개 버튼으로 늘어났는데 
버튼 너비가 늘어나지 않아서 이 부분도 어떻게 수정하면 되는지 도움을 받을 수 있을까요 ?


질문요약 

1. 첨부한 소스에서 메인(페이지 접속 시 가장 처음에 오픈되는 컨텐츠) 변경 방법
2. 버튼 테이블 추가 후 버튼 너비를 상단 이미지 테이블에 맞춰 교정하는 방법
3. 첨부드린 이미지(소스) 임신준비 단어에 네모칸이 씌워진 이유와 변경방법3551852389_1731313060.5074.jpg

이 질문에 댓글 쓰기 :

답변 3

1. 다른 항목을 메인으로 설정하고자 할 때는

  - <li class="active">클래스를 해당 항목으로 이동

 

2. CSS를 추가하여 4개의 버튼이 상단 이미지의 너비에 맞게 균등하게 배치되도록 설정.

 

3. 해당 요소의 스타일을 확인

   - border나 background-color 설정을 수정 또는 제거

1. class="active" 를 이동해주면 됩니다.

예시)

'맞춤 분만 서비스'를 메인으로 하려는 경우, 
<li><a href="<?php echo get_pretty_url('content', '06', 'me_code=20'); ?>">임신준비 클리닉</a></li>
<li><a href="<?php echo get_pretty_url('content', '0601', 'me_code=20'); ?>">산전 기형아 검사</a></li>
<li class="active"><a href="<?php echo get_pretty_url('content', '0602', 'me_code=20'); ?>">맞춤 분만 서비스</a></li>

 

2. css 처리 또는 강제 style 지정

<li style="width:25%"><a href="<?php echo get_pretty_url('content', '06', 'me_code=20'); ?>">임신준비 클리닉</a></li>
<li style="width:25%"><a href="<?php echo get_pretty_url('content', '0601', 'me_code=20'); ?>">산전 기형아 검사</a></li>
<li style="width:25%"><a href="<?php echo get_pretty_url('content', '0602', 'me_code=20'); ?>">맞춤 분만 서비스</a></li>

메뉴가 4개인 경우, 각 메뉴 너비를 25% 로 지정하면.. 합 100%로 4분할.

3. 해당 캡쳐 이미지는 에디터의 상황인 듯 합니다.

해당 에디터에서 네모박스가 왜 생기는 지 모르겠지만, 웹에서 보여지는 부분과는 상관이 없습니다.

신경쓰지 않아도 될 듯 합니다.
 

답변을 작성하시기 전에 로그인 해주세요.
전체 126,777
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT