토론방

소스관련 카테고리별로 이미지를 바꾸고 싶습니다.

(필수) 확인 가능한 전체 URL : http://babybaby.easyright.co.kr/bbs/reviews

1. 붉은색 네모안을 이미지로 바꿨습니다. 하지만 모든 카테고리에 한꺼번에 적용이 됩니다. 카테고리별로 다른 이미지를 적용하고 싶습니다.

2. 이미기 높이를 조금 크게 하고 싶습니다. 어디서 하면 될까요?

게시글 공유 URL복사
댓글[1]

열기 닫기

  • P**M 2014-11-14

    현재구조로는 각 메뉴별로 다른 이미지를 삽입을 하실수 없는 상태입니다. 

    이 부분은 별도의 작업을 진행을 해야지 처리가 가능할것 같습니다. 

     

    네비게이션 마법사 메뉴에 들어가면 각 항목마다 메뉴수정이라는 버튼이 있는데요...해당 버튼을 클릭을 해서 접속을 하시면 

    하단에 추가변수 관리라고 있습니다. 

    그 추가변수 관리를 클릭을 하면 새창이 뜰껀데요..

    거기에 이미지 첨부1이라는 항목이 있습니다. 거기에 항목명 및 가로, 세로크기를 지정을 하신뒤 하단에 확인하시고 다시 메뉴수정에 들어가보시면

    이미지를 첨부할수있는 공간이 생깁니다.

     

    이걸 각 메뉴마다 추가를 해주시구요...그 이미지를 스킨쪽에서 출력이 되도록 작업을 하시면 됩니다. 

    <div id="container">
            <div class="spot_wrap bg_type10">
                <figure class="spot" cond="$main">
                    {GROUP_md_sldjs}
                </figure>
                <div class="spot_sub" cond="!$main">
                    <h1 class="subTitle" cond="$NAVI_INFO[code]">{$NAVI_INFO[menu_subject]}<span>국내최초 영.유아를 위한 전용 플레이그라운드와 함께하세요. </span></h1>
                </div>

            </div>
            <article class="contents">
                <div class="con_body">
                    
                    {BODY_CONTENT}
                    <div class="bottomContents">
                        {GROUP_snsShare}
                        {GROUP_infoNav}
                    </div>
                </div>
                <!--
                <nav class="snb" id="snb">
                    {GROUP_snb}
                </nav>
                -->
            </article>
        </div>

    위의 소스는 스킨관리중 일부를 발췌를 한 내용인데요..

    빨간색부분이 타이틀 및 문구출력을 하고 해당 css쪽에서 이미지를 출력을 하고 있는데요..이 부분을

     

    <div id="container">
        <div class="spot_wrap" style="background: url('{$NAVI_INFO[img1_value]}') repeat-x;">
            <figure class="spot" cond="$main">
                {GROUP_md_sldjs}
            </figure>
            <div class="spot_sub" cond="!$main">
                <h1 class="subTitle" cond="$NAVI_INFO[code]">{$NAVI_INFO[menu_subject]}<span>국내최초 영.유아를 위한 전용 플레이그라운드와 함께하세요. </span></h1>
            </div>
        </div>
        <article class="contents">
            <div class="con_body">
                
                {BODY_CONTENT}
                <div class="bottomContents">
                    {GROUP_snsShare}
                    {GROUP_infoNav}
                </div>
            </div>
            <!--
            <nav class="snb" id="snb">
                {GROUP_snb}
            </nav>
            -->
        </article>
    </div>

    위와 같이 하시면 각 네비게이션 메뉴별로 다른 이미지 출력이 가능합니다. 

    그리고 이미지 출력부분은 이미지 출력되는 부분에 height값을 지정을 해주시면 원하시는 형태로 출력이 가능하십니다. 

     

     

     

     

댓글작성

열기 닫기

댓글작성
top