제목이 좀 이상하네요..

그누보드 게시판 이미지위에 가격표나 특별한 정보 부치기..

그누보드 게시판을 쓰다보면 가격이나 특별한 정보를 클릭해야만 알수 있는 부분이 있어서 좀더 편하게 list게시판에서도 클릭없이 이미지위에 price banner (가격표)를 부쳐여 할 경우가 있어서 만들어 봤습니다.

가격말고 본인이 필요한 데이타를 할수도 있습니다.

전 벼룩시장 게시판에 중고물품 가격을 이미지위에 보이고 싶어서 구현했습니다.

달러표시이니 알아서들 원화로 바꿔주세요...

여분필드에 가격을 넣는 란을 먼저 만드세요..(전 wr_1으로 만들었지만 본인에 맞게 만드시구요)

/theme/write.skin.php에 적당한 곳에

[code]

<div class="bo_w_select write_div">

        <label for="wr_1" class="sound_only">가격</label>

        <input type="text" name="wr_1" value="<?php echo isset($write['wr_1']) && $write['wr_1'] !== '' ? number_format((float)$write['wr_1'], 2, '.', '') : ''; ?>" id="wr_1" class="frm_input" placeholder="0.00" onkeyup="formatDecimal(this)">

    </div>

[/code]

이렇게 하면 일단 가격정보가 입력이 됩니다.

그리고 /theme/list.skin.php의

<div class="gall_img">과 <a href="<?php echo $list[$i]['href'] ?>">사이에 아래 code를 넣으시면 됩니다.

[code]

<?php if ($list[$i]['wr_1']) { ?>

                            <div class="price_banner">$ <?php echo number_format((float)$list[$i]['wr_1'], 2, '.', ',');?></div>

                        <?php } ?>

                        <style>

                        .price_banner {

                        position: absolute;

                        top: 0;

                        left: 50%;

                        transform: translateX(-50%);

                        background: rgba(0, 0, 0, 0.7);

                        color: white;

                        padding: 8px 15px;

                        text-align: center;

                        font-weight: bold;

                        font-size: 14px;

                        border-radius: 0 0 5px 5px;

                        z-index: 1;

                        min-width: 100px;

                        }                        

                        </style>

[/code]

이러면 사진처럼 클릭안해도 가격이 이미지위에 보여집니다. price banner기능이었습니다.

본인 환경에 맞춰서 "추천" "신상품" "이모지" 등등 할수도 있을겁니다.