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

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

QA

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

답변 2

본문

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

모바일 게시판이구요,

 

썸네일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줄로 뜨도록 설정하시면 쉽게 원하는 스타일로 출력이 됩니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 129,118
© SIRSOFT
현재 페이지 제일 처음으로