이미지 최신글 관련 문의... 채택완료

수리수리마수미 4년 전 조회 2,581

안녕하세요. 지금 1번 그림 상태인데 2번 그림처럼 이미지 위에 4개의 메뉴가 뜨고 해당 메뉴 클릭 시

아래처럼 해당 게시판 게시글(이미지)이 나오게 하고 싶습니다. 어떻게 해야하는지 알려주시면 감사합니다...

latest.skin.php

</p>

<p><?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

// 썸네일 크기 설정

$thumb_width = '200';    //썸네일 넓이

$thumb_height = '80';    //썸네일 높이

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨

add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css?ver=1">', 0);

?></p>

<p><div class="ltt">

  <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_titlea1"><strong>

    <?php echo $bo_subject ?></strong> </a></p>

<p>

   

    <ul style="both:clear;"></p>

<p>    <?php for ($i=0; $i<count($list); $i++) {

        if ($i=='0' || (($i%2)=='0')) 

            echo "<li class=\"moc\">";

        else echo "<li class=\"moc2\">"; 

        

    ?>

                                 <?php</p>

<p>    if ($list[$i]['wr_link1']) {

    echo "<a href=\"".$list[$i]['wr_link1']."\" target='_self'>";

} else {

    echo "<a href=\"".$list[$i]['href']."\">";

}

           

            

            </p>

<p>             

            if ($list[$i]['ca_name'])  echo "<span class='ca_namepink'>" . $list[$i]['ca_name'] . "</span>";</p>

<p>            $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], 320, 200, false, true);</p>

<p>            if($thumb['src']) {

                $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" class="img">';

            } else {

                $img_content = '<img src="'.$latest_skin_url.'/img/noimage.png" alt="'.$thumb['alt'].'" class="img">';

            }</p>

<p>            echo $img_content;

            

            //echo "</a>";</p>

<p>            //echo $list[$i]['icon_reply']." ";

           // echo "<a href=\"".$list[$i]['href']."\">";

            

           // if ($list[$i]['is_notice']) echo "<strong>".$list[$i]['subject']."</strong>";

           // else 

                if ($list[$i]['subject'])  echo "<span class='subject'>". $list[$i]['subject']."</span>";

             </p>

<p>            </p>

<p>                // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }

                // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }</p>

<p>                //if (isset($list[$i]['icon_new']))    echo " " . $list[$i]['icon_new'];

                //if (isset($list[$i]['icon_hot']))    echo " " . $list[$i]['icon_hot'];

                //if (isset($list[$i]['icon_file']))   echo " " . $list[$i]['icon_file'];

                //if (isset($list[$i]['icon_link']))   echo " " . $list[$i]['icon_link'];

                //if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];</p>

<p>            echo "</a>";

            ?>

        </li>

    <?php } ?>

    <?php if (count($list) == 0) { //게시물이 없을 때 ?>

    <span>게시물이 없습니다.</span>

    <?php } ?>

    </ul></p>

<p></div></p>

<p><style></p>

<p>.ltt .subject { padding:0px 0px 0px 10px;font-size:14px;font-weight:400;} 

.ltt .subject{color:#000000;} 

</style></p>

<p>

style.css

</p>

<p>@charset "utf-8";</p>

<p>/* 최근게시물 스킨 (latest) */

.ltt {position:relative;padding:5px 5px ;}

.ltt ul {list-style:none}

.ltt ul:after {display:block;visibility:hidden;clear:both;content:""}

.ltt .moc {float:left;width:49%; height:auto;padding:0 0px 20px 10px;}

.ltt .moc2 {float:right;max-width:50%;height:auto;padding:0 4px 0px 12px;margin-bottom:5px;}</p>

<p>.ltt .img {width:100%;height:auto;border:1px solid #fff;margin:0px 0px 6px 0px;border-radius:7px;}

.ltt a {display:block;color:#000000;font-size:14px; font-weight: 400;font-family: 'Nanum Gothic'; text-decoration:none}</p>

<p>.ltt .lt_titlea1 {display:inline-block;color: #000000;font-size:13px;font-weight:900;line-height: 30px;padding: 0 10px 5px 0px;}

.ltt .lt_allowso2{display:inline-block;padding:0 2px;color:#000000;font-size:0.8em;}

.ltt .ca_namepink {position: absolute; z-index: 1;

    padding: 5px 7px 5px 7px;

    border-radius: 0px;

    margin:1px;

    font-weight: 400;

    font-size: 14px; 

    color: #fff;    

    text-align: center;

    background: linear-gradient(to right,rgb(70 93 186),rgb(104 12 124 / 90%));

}</p>

<p>

그누보드 5.3 / php7.3 입니다..

#그누보드5.3

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

답변 2개

정렬:

채택된 답변

+20 포인트

엑스엠엘

4년 전

<!-- Tab links -->
<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'London')">1번</button>
  <button class="tablinks" onclick="openCity(event, 'Paris')">2번</button>
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">3번</button>
</div>

<!-- Tab content -->
<div id="London" class="tabcontent">
<?php ehco lastest( ... ): ?>
</div>

<div id="Paris" class="tabcontent">
<?php ehco lastest( ... ): ?>
</div>

<div id="Tokyo" class="tabcontent">
<?php ehco lastest( ... ): ?>
</div>

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

답변에 대한 댓글 2개

�

수리수리마수미

4년 전

감사합니다..ㅎ 혹시 index.php에 이렇게 적는게 맞을까요?..ㅜ

[code]

<div class="tab">
<button class="tablinks" onclick="openCity(event, 'movie_pic')">영화</button>
<button class="tablinks" onclick="openCity(event, 'book')">도서</button>
<button class="tablinks" onclick="openCity(event, 'newsplus')">굿즈</button>
</div>


<div id="movie_pic" class="tabcontent">
<?php ehco lastest("theme/latest_category", 'movie_pic', 2, 38); ?>
</div>

<div id="book" class="tabcontent">
<?php ehco lastest("theme/latest_category", 'book', 2, 38); ?>
</div>

<div id="newsplus" class="tabcontent">
<?php ehco lastest("theme/latest_category", 'newsplus', 2, 38); ?>
</div>

[/code]

�

엑스엠엘

4년 전

비슷하네요.
이제 탭 기능만 살펴 보세요.

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

엑스엠엘

4년 전

https://www.w3schools.com/howto/howto_js_tabs.asp

참고하세요.

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

답변에 대한 댓글 1개

�

수리수리마수미

4년 전

[code]

<div class="tab">
<button class="tablinks" onclick="openCity(event, 'London')">1번</button>
<button class="tablinks" onclick="openCity(event, 'Paris')">2번</button>
<button class="tablinks" onclick="openCity(event, 'Tokyo')">3번</button>
</div>


<div id="London" class="tabcontent">

</div>

<div id="Paris" class="tabcontent">

</div>

<div id="Tokyo" class="tabcontent">

</div>

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// 썸네일 크기 설정
$thumb_width = '200'; //썸네일 넓이
$thumb_height = '80'; //썸네일 높이
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css?ver=1">', 0);
?>

<div class="ltt">
<a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_titlea1"><strong>
<?php echo $bo_subject ?></strong> </a>

<ul style="both:clear;">

<?php for ($i=0; $i<count($list); $i++) {
if ($i=='0' || (($i%2)=='0'))
echo "<li class=\"moc\">";
else echo "<li class=\"moc2\">";

?>
<?php

if ($list[$i]['wr_link1']) {
echo "<a href=\"".$list[$i]['wr_link1']."\" target='_self'>";
} else {
echo "<a href=\"".$list[$i]['href']."\">";
}

if ($list[$i]['ca_name']) echo "<span class='ca_namepink'>" . $list[$i]['ca_name'] . "</span>";

$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], 320, 200, false, true);

if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" class="img">';
} else {
$img_content = '<img src="'.$latest_skin_url.'/img/noimage.png" alt="'.$thumb['alt'].'" class="img">';
}

echo $img_content;

//echo "</a>";

//echo $list[$i]['icon_reply']." ";
// echo "<a href=\"".$list[$i]['href']."\">";

// if ($list[$i]['is_notice']) echo "<strong>".$list[$i]['subject']."</strong>";
// else
if ($list[$i]['subject']) echo "<span class='subject'>". $list[$i]['subject']."</span>";

// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

//if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new'];
//if (isset($list[$i]['icon_hot'])) echo " " . $list[$i]['icon_hot'];
//if (isset($list[$i]['icon_file'])) echo " " . $list[$i]['icon_file'];
//if (isset($list[$i]['icon_link'])) echo " " . $list[$i]['icon_link'];
//if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];

echo "</a>";
?>
</li>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<span>게시물이 없습니다.</span>
<?php } ?>
</ul>

</div>

<style>

.ltt .subject { padding:0px 0px 0px 10px;font-size:14px;font-weight:400;}
.ltt .subject{color:#000000;}
</style>
[/code]
잘모르겠네요..ㅠ

<div id="London" class="tabcontent">

</div>

</div>

</div>

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// 썸네일 크기 설정
$thumb_width = '200';    //썸네일 넓이
$thumb_height = '80';    //썸네일 높이
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css?ver=1">', 0);
?>

<div class="ltt">
  <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_titlea1"><strong>
	<?php echo $bo_subject ?></strong> </a>

<?php for ($i=0; $i<count($list); $i++) {
		if ($i=='0' || (($i%2)=='0')) 
			echo "<li class=\"moc\">";
		else echo "<li class=\"moc2\">"; 
		
	?>
                                 <?php

if ($list[$i]['wr_link1']) {
    echo "<a href=\"".$list[$i]['wr_link1']."\" target='_self'>";
} else {
    echo "<a href=\"".$list[$i]['href']."\">";
}

if ($list[$i]['ca_name'])  echo "<span class='ca_namepink'>" . $list[$i]['ca_name'] . "</span>";

$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], 320, 200, false, true);

if($thumb['src']) {
				$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" class="img">';
            } else {
				$img_content = '<img src="'.$latest_skin_url.'/img/noimage.png" alt="'.$thumb['alt'].'" class="img">';
            }

echo $img_content;
			
			//echo "</a>";

//echo $list[$i]['icon_reply']." ";
           // echo "<a href=\"".$list[$i]['href']."\">";
			
           // if ($list[$i]['is_notice']) echo "<strong>".$list[$i]['subject']."</strong>";
           // else 
				if ($list[$i]['subject'])  echo "<span class='subject'>". $list[$i]['subject']."</span>";

// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
                // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

//if (isset($list[$i]['icon_new']))    echo " " . $list[$i]['icon_new'];
                //if (isset($list[$i]['icon_hot']))    echo " " . $list[$i]['icon_hot'];
                //if (isset($list[$i]['icon_file']))   echo " " . $list[$i]['icon_file'];
                //if (isset($list[$i]['icon_link']))   echo " " . $list[$i]['icon_link'];
                //if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];

echo "</a>";
            ?>
        </li>
    <?php } ?>
    <?php if (count($list) == 0) { //게시물이 없을 때 ?>
    <span>게시물이 없습니다.</span>
    <?php } ?>
    </ul>

</div>

<style>

.ltt .subject { padding:0px 0px 0px 10px;font-size:14px;font-weight:400;} 
.ltt .subject{color:#000000;} 
</style>
[/code]
잘모르겠네요..ㅠ

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

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

로그인

이미지 최신글 관련 문의... 채택완료

답변 2개

답변에 대한 댓글 2개

답변에 대한 댓글 1개

공유하기