테스트 사이트 - 개발 중인 베타 버전입니다

게시판 카테고리 분류마다 상단에 다른 배너를 적용하고 싶은데요. 채택완료

designhere 3년 전 조회 1,780

총 카테고리 분류는 8가지 정도되구요.

카테고리 분류를 클릭시 리스트 스킨 상단에 배너를 각각 다르게 적용하고 싶은데

도통 어떻게 해야될지 머리가 돌아가질 않네요 ㅠㅠ

 

혹시 비슷한 작업하신분들이 계시면 조언 부탁드립니다.

 

소중한 댓글 감사합니다!

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트

정확하진 않지만? 뭐 이런식으로....배경으로 넣는다고 했을 경우

 

</p>

<p><style></p>

<p>.bg1 {background-image:url('bg1.png');}</p>

<p>.bg2 {background-image:url('bg2.png');}</p>

<p></style></p>

<p><?php</p>

<pre>
<code>//카테고리명에 따라 다르게 출력 
switch ($_GET['sca']) {
    case '카테명1':
       echo "</code><div class='bg1'></div><code>";
    break;
    case '카테명2':
       echo "</code><div class='bg2'></div><code>";
    break;
 
    default:      
        break;
</code>}
</pre>

<p>?></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

d
designhere
3년 전
<style>
.bbs_visual_bg {
height: 500px;
background: #fff;
}

.bbs_visual_bg {
height: 500px;
background: #111;
}

</style>
<?php

//카테고리명에 따라 다르게 출력
switch ($_GET['sca']) {
case '기업회사':
echo "<div class='bbs_visual_bg'></div>";
break;
case '법률=세무':
echo "<div class='bbs_visual_bg'></div>";
break;

default:
break;
}

?>

이렇게 적용해보니 색상이 안바뀌네요 허엉..
프리피아
3년 전
당연히 안바뀌죠;;;
css 코드가 잘못됬는데요;;

background-color: #111;

백그라운드 색상 등...css 관련은 구글링해도 충분히 나와요~
d
designhere
3년 전
<style>
.bbs_visual_bg {
height: 500px;
background-color: red;
}

.bbs_visual_bg {
height: 500px;
background-color: black;
}

</style>

네넵 이렇게해도 색상은 black으로만 되네요 흐음..
d
designhere
3년 전
div 클래스명을 서로 다르게 줘야하나요?

div 마크업

<div class="bbs_visual_wrap">
<div class="bbs_visual_bg">
<div class="title">
<p>COMPANY THEME</p>
<?php if ($is_category && $list[$i]['ca_name']) { ?>
<h2><?php echo $list[$i]['ca_name'] ?></h2>
<?php } ?>
<div class="demo_view">
<h3>테마 샘플 홈페이지</h3>
<ul>
<li>
<a href="">PC 미리보기</a>
</li>
<li>
<a href="">모바일 미리보기</a>
</li>
</ul>
</div>
</div>
</div>
</div>

이렇게 되어있는데 카테고리 분류마다 .bbs_visual_bg 이 클래스명의 백그라운드 이미지를 변경하고 싶은데 제가 마크업을 잘못한건가요?

댓글을 작성하려면 로그인이 필요합니다.

</p>

<p><style>

    .bbs_visual_bg1 {

        height: 500px;

        background-color: red;

    }



    .bbs_visual_bg2 {

        height: 500px;

        background-color: black;

    }



</style></p>

<p><?php

switch ($_GET['sca']) {

    case '기업회사':

      $a = '1';

    break;

    case '법률=세무':

      $a = '2';

    break;

 

    default:     

        break;

}

?>

<div class="bbs_visual_wrap">

    <div class="bbs_visual_bg<?php echo $a?>">

        <div class="title">

            <p>COMPANY THEME</p>

            <?php if ($is_category && $list[$i]['ca_name']) { ?>

            <h2><?php echo $list[$i]['ca_name'] ?></h2>

            <?php } ?>

            <div class="demo_view">

                <h3>테마 샘플 홈페이지</h3>

                <ul>

                    <li>

                        <a href="">PC 미리보기</a>

                    </li>

                    <li>

                        <a href="">모바일 미리보기</a>

                    </li>

                </ul>

            </div>

        </div>

    </div>

</div></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

d
designhere
3년 전
우와아 정말 감사합니다. 혹시 다음에 의뢰드릴때 연락처가 있을까요?
프리피아
3년 전
쪽지주세요 아마 연락처는 개인정보라서 못남길꺼에요
d
designhere
3년 전
아넵! 그렇게 하겠습니다!

댓글을 작성하려면 로그인이 필요합니다.

질문 내용으로 간단히 생각해보면...

 

스킨디렉토리 > list.skin.php

코드의 위치는 원하는 곳에...

 

</p>

<p>//카테고리명에 따라 다르게 출력 </p>

<p>switch ($_GET['sca']) {

    case '카테명1':

       <code>echo "<img src='1.png' width='500' height='300'>";</code></p>

<p>    break;</p>

<p>    case '카테명2':

       <code>echo "<img src='2.png' width='500' height='300'>";</code></p>

<p>    break;</p>

<p> </p>

<p>    default:      

        break;

}</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

d
designhere
3년 전
감사합니다! 혹시 img가 아닌 백그라운드 이미지로 설정이 가능할까요? ㅠㅠ 정말 감사해요
d
designhere
3년 전
<script>
switch ($_GET['sca']) {
case '기업회사':
echo "<<?php echo G5_THEME_URL ?>/images/sub/bbs_cate01.png' width='500' height='300'>";
break;
case '카테명2':
echo "<img src='2.png' width='500' height='300'>";
break;

default:
break;
}

</script>

이렇게 올리는게 맞나요? 아무런 변화가 안일어나요..
프리피아
3년 전
스크립트가...아니라 코드인데요^^;;

댓글을 작성하려면 로그인이 필요합니다.

3년 전

카테고리 검색 해서 리스트 출력할때 url 에 get 변수로 sca=~~~ 이렇게 붙으니까

소스코드에서 

$_GET['sca'] 에 따라서 다르게 표시해주면 될거같네요!

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

d
designhere
3년 전
아 제가 디자이너라서 너무 간소하게 말씀해주시면 참고가 힘드네요 ㅠㅠ 어어어억 소중한 답변 감사합니다.. $_GET['sca'] 얘를 어디에 붙여야할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인