갤러리 게시판 list 공지만 가로로 정렬하려면,

갤러리 게시판 list 공지만 가로로 정렬하려면,

QA

갤러리 게시판 list 공지만 가로로 정렬하려면,

본문

기존에 질문을 올렸었는데, 소스를 전부 올려보라고 얘기해주셔서 다시 질문 올려봅니다.

모바일 게시판이구요,

 

썸네일1       썸네일2

제목~~~~~~~~~

내용~~~~~~~~~~~~~

 

이런식의 ul로 가로 100%로로 들어가는 스타일인데

공지사항으로 정한 글만 일렬로 정렬되서  overflow-x:scroll 시켜 드래그 되게 하고 싶습니다.

그러려면 공지사항 ul에만 부모가 생겨야 할 것 같은데 방법을 모르겠습니다..

 

소스가 깁니다. 

 

<?php

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

include_once(G5_LIB_PATH.'/thumbnail.lib.php');

 

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

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

?>

 

<?php if ($rss_href || $write_href) { ?>

<ul class="btn_bo_user">

<?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01">RSS</a></li><?php } ?>

<?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin">관리자</a></li><?php } ?>

<?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>

</ul>

<?php } ?>

 

<form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">

<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">

<input type="hidden" name="sfl" value="<?php echo $sfl ?>">

<input type="hidden" name="stx" value="<?php echo $stx ?>">

<input type="hidden" name="spt" value="<?php echo $spt ?>">

<input type="hidden" name="sst" value="<?php echo $sst ?>">

<input type="hidden" name="sod" value="<?php echo $sod ?>">

<input type="hidden" name="page" value="<?php echo $page ?>">


 

<div class="before_board_wrap">

 

<input type="hidden" name="sw" value="">


 

<?php if ($is_category) { ?>

<nav id="bo_cate">

<h2><?php echo $board['bo_subject'] ?> 카테고리</h2>

<div style="width:100%;">

<ul id="bo_cate_ul" style="width:300px; margin:0px auto 30px auto;">

<?php echo $category_option ?>

</ul>

</div>

</nav>

<?php } ?>




 

<div style="margin-bottom:20px; display:none;">

<p><span>Total <?php echo number_format($total_count) ?>건</span><?php echo $page ?> 페이지</p>

<?php if ($is_checkbox) { ?>

<div id="gall_allchk">

<label for="chkall" class="sound_only">현재 페이지 게시물 전체</label>

<input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">

</div>

<?php } ?>

</div>

 

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

 

?>

 

<ul class="bl_box">

<li class="zoom" >

<?php

if ($list[$i]['is_notice']) { // 공지사항

echo '<img src="/theme/basic/img1/besticon.png" alt="" class="besticon">';

}?>

<a href="<?php echo $list[$i]['href'] ?>" style="position:relative;">

<?

$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'], false, true, 'top');

if($thumb['src']) {

$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" style="width:100%;">';

} else {

$img_content = '<div class="no_img1"><img src="/theme/basic/img/who2.png"></div>';

}

echo $img_content;

?>

 

</a>

 

</li>

<li class="zoom">

<a href="<?php echo $list[$i]['href'] ?>" style="position:relative; display:block;">

<?php

$thumb1 = get_list_thumbnail_1($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'],1);

if($thumb1['src']) {

$img_content1 = '<img src="'.$thumb1['src'].'" alt="'.$thumb1['alt'].'" style="width:100%;">';

} else {

$img_content1 = '<div class="no_img1"><img src="/theme/basic/img/who2.png"></div>';

}

echo $img_content1;

?>

</a>

 

</li>




 

<div class="be_text_box">

 

<div class="sub_tit"><?php if ($is_checkbox) { ?><input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>"><? } ?> <a href="<?php echo $list[$i]['href'] ?>"><?php echo $list[$i]['subject'] ?></a> </div>

<div style="margin-right:0px; ">

<label for="chk_wr_id_<?php echo $i ?>" class="sound_only" ><?php echo $list[$i]['subject'] ?></label>

</div>

<div class="gall_name" style="padding:5px 30px 0; font-size:13px;">

<span class="sound_only" >내용 </span><?php echo cut_str(strip_tags($list[$i]['wr_content']),100);?></span>

</div>

<div class="test_name"><?php echo $list[$i]['name'] ?></div>

<!--

<div>좋아요</div>

-->

</div>

 

</ul>

</li>

 

</ul>

 

<?php } ?>

<?php if (count($list) == 0) { echo "<div class=\"empty_list\">게시물이 없습니다.</div>"; } ?>

<div class="cle"><!-- clear --></div>

 

<?php if ($list_href || $is_checkbox || $write_href) { ?>

<div class="bo_fx">

<?php if ($is_checkbox) { ?>

<ul class="btn_bo_adm">

<li><input type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value"></li>

<li><input type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value"></li>

<li><input type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value"></li>

</ul>

<?php } ?>

 

<?php if ($list_href || $write_href) { ?>

<ul class="btn_bo_user">

<?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li><?php } ?>

<?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>

</ul>

<?php } ?>

</div>

<?php } ?>

</form>


 

<?php if($is_checkbox) { ?>

<noscript>

<p>자바스크립트를 사용하지 않는 경우<br>별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p>

</noscript>

<?php } ?>

 

<!-- 페이지 -->

<?php echo $write_pages; ?>

 

<!-- 게시물 검색 시작 { -->

<fieldset id="bo_sch">

<legend>게시물 검색</legend>

 

<form name="fsearch" method="get">

<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">

<input type="hidden" name="sca" value="<?php echo $sca ?>">

<input type="hidden" name="sop" value="and">

<label for="sfl" class="sound_only">검색대상</label>

<select name="sfl" id="sfl">

<option value="wr_subject"<?php echo get_selected($sfl, 'wr_subject', true); ?>>제목</option>

<option value="wr_content"<?php echo get_selected($sfl, 'wr_content'); ?>>내용</option>

<option value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>제목+내용</option>

<option value="mb_id,1"<?php echo get_selected($sfl, 'mb_id,1'); ?>>회원아이디</option>

<option value="mb_id,0"<?php echo get_selected($sfl, 'mb_id,0'); ?>>회원아이디(코)</option>

<option value="wr_name,1"<?php echo get_selected($sfl, 'wr_name,1'); ?>>글쓴이</option>

<option value="wr_name,0"<?php echo get_selected($sfl, 'wr_name,0'); ?>>글쓴이(코)</option>

</select>

<label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>

<input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="frm_input required" size="15" maxlength="20">

<input type="submit" value="검색" class="btn_submit">

</form>

</fieldset>

<!-- } 게시물 검색 끝 -->




 

</div>


 

<?php if ($is_checkbox) { ?>

<script>

function all_checked(sw) {

var f = document.fboardlist;

 

for (var i=0; i<f.length; i++) {

if (f.elements[i].name == "chk_wr_id[]")

f.elements[i].checked = sw;

}

}

 

function fboardlist_submit(f) {

var chk_count = 0;

 

for (var i=0; i<f.length; i++) {

if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)

chk_count++;

}

 

if (!chk_count) {

alert(document.pressed + "할 게시물을 하나 이상 선택하세요.");

return false;

}

 

if(document.pressed == "선택복사") {

select_copy("copy");

return;

}

 

if(document.pressed == "선택이동") {

select_copy("move");

return;

}

 

if(document.pressed == "선택삭제") {

if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다."))

return false;

 

f.removeAttribute("target");

f.action = "./board_list_update.php";

}

 

return true;

}

 

// 선택한 게시물 복사 및 이동

function select_copy(sw) {

var f = document.fboardlist;

 

if (sw == 'copy')

str = "복사";

else

str = "이동";

 

var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");

 

f.sw.value = sw;

f.target = "move";

f.action = "./move.php";

f.submit();

}

</script>

<?php } ?>

<!-- } 게시판 목록 끝 -->


 

<!--2번이미지 불러오기-->

<?

// 게시글리스트 썸네일 생성

function get_list_thumbnail_1($bo_table, $wr_id, $thumb_width, $thumb_height,$bf_no,$is_create=false, $is_crop=true, $crop_mode='center', $is_sharpen=false, $um_value='80/0.5/3')

{

global $g5, $config;

$filename = $alt = "";

$edt = false;

 

$sql = " select bf_file, bf_content from {$g5['board_file_table']}

where bo_table = '$bo_table' and bf_no=1 and wr_id = '$wr_id' and bf_type between '1' and '3' order by bf_no limit 0, 1 ";

 

$row = sql_fetch($sql);

 

if($row['bf_file']) {

$filename = $row['bf_file'];

$filepath = G5_DATA_PATH.'/file/'.$bo_table;

$alt = get_text($row['bf_content']);

} else {

$write_table = $g5['write_prefix'].$bo_table;

$sql = " select wr_content from $write_table where wr_id = '$wr_id' ";

$write = sql_fetch($sql);

$matches = get_editor_image($write['wr_content'], false);

$edt = true;

 

for($i=0; $i<count($matches[1]); $i++)

{

// 이미지 path 구함

$p = parse_url($matches[1][$i]);

if(strpos($p['path'], '/'.G5_DATA_DIR.'/') != 0)

$data_path = preg_replace('/^\/.*\/'.G5_DATA_DIR.'/', '/'.G5_DATA_DIR, $p['path']);

else

$data_path = $p['path'];

 

$srcfile = G5_PATH.$data_path;

 

if(preg_match("/\.({$config['cf_image_extension']})$/i", $srcfile) && is_file($srcfile)) {

$size = @getimagesize($srcfile);

if(empty($size))

continue;

 

$filename = basename($srcfile);

$filepath = dirname($srcfile);

 

preg_match("/alt=[\"\']?([^\"\']*)[\"\']?/", $matches[0][$i], $malt);

$alt = get_text($malt[1]);

 

break;

}

}

}

 

if(!$filename)

return false;

 

$tname = thumbnail($filename, $filepath, $filepath, $thumb_width, $thumb_height, $is_create, $is_crop, $crop_mode, $is_sharpen, $um_value);

 

if($tname) {

if($edt) {

$src = G5_URL.str_replace($filename, $tname, $data_path);

} else {

$src = G5_DATA_URL.'/file/'.$bo_table.'/'.$tname;

}

} else {

return false;

}

 

$thumb = array("src"=>$src, "alt"=>$alt);

 

return $thumb;

}?>

 

 

이 질문에 댓글 쓰기 :

답변 2


<?php if ($list[$i]['is_notice']) { // 공지사항 ?>
<ul class="bl_notice">
<li class="list" >
<a href="<?php echo $list[$i]['href'] ?>">
   <span class="is_notice" style="<?php echo $line_height_style; ?>">공지</span>
<?php
if (isset($list[$i]['icon_secret'])) echo rtrim($list[$i]['icon_secret']);
?>
<?php echo $list[$i]['subject'] ?>
</a>
</li>
</ul>
<?php } else { ?>
<ul class="bl_box">
<li class="zoom">
<a href="<?php echo $list[$i]['href'] ?>" style="position:relative; display:block;">
<?php
$thumb1 = get_list_thumbnail_1($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'],1);
if($thumb1['src']) {
$img_content1 = '<img src="'.$thumb1['src'].'" alt="'.$thumb1['alt'].'" style="width:100%;">';
} else {
$img_content1 = '<div class="no_img1"><img src="/theme/basic/img/who2.png"></div>';
}
echo $img_content1;
?>
</a>
 
</li>
</ul>
<?php } ?>

이런식으로 하시면 될듯합니다.

공지는 항상 상위에 있기때문에 css로 1줄로 뜨도록 설정하시면 쉽게 원하는 스타일로 출력이 됩니다.

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

회원로그인

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