갤러리 게시판 list 공지만 가로로 정렬하려면, 채택완료
기존에 질문을 올렸었는데, 소스를 전부 올려보라고 얘기해주셔서 다시 질문 올려봅니다.
모바일 게시판이구요,
썸네일1 썸네일2
제목~~~~~~~~~
내용~~~~~~~~~~~~~
이런식의 ul로 가로 100%로로 들어가는 스타일인데
공지사항으로 정한 글만 일렬로 정렬되서 overflow-x:scroll 시켜 드래그 되게 하고 싶습니다.
그러려면 공지사항 ul에만 부모가 생겨야 할 것 같은데 방법을 모르겠습니다..
소스가 깁니다.
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('', 0);
?>
자바스크립트를 사용하지 않는 경우 별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.
// 게시글리스트 썸네일 생성
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 { // 이미지 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개
</p>
<p><?php if ($list[$i]['is_notice']) { // 공지사항 ?></p>
<p><ul class="bl_notice"></p>
<p><li class="list" ></p>
<p><a href="<?php echo $list[$i]['href'] ?>"></p>
<p> <span class="is_notice" style="<?php echo $line_height_style; ?>">공지</span></p>
<p><?php</p>
<p>if (isset($list[$i]['icon_secret'])) echo rtrim($list[$i]['icon_secret']);</p>
<p>?></p>
<p><?php echo $list[$i]['subject'] ?></p>
<p></a></p>
<p></li></p>
<p></ul></p>
<p><?php } else { ?></p>
<p><ul class="bl_box"></p>
<p><li class="zoom"></p>
<p><a href="<?php echo $list[$i]['href'] ?>" style="position:relative; display:block;"></p>
<p><?php</p>
<p>$thumb1 = get_list_thumbnail_1($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'],1);</p>
<p>if($thumb1['src']) {</p>
<p>$img_content1 = '<img src="'.$thumb1['src'].'" alt="'.$thumb1['alt'].'" style="width:100%;">';</p>
<p>} else {</p>
<p>$img_content1 = '<div class="no_img1"><img src="/theme/basic/img/who2.png"></div>';</p>
<p>}</p>
<p>echo $img_content1;</p>
<p>?></p>
<p></a></p>
<p> </p>
<p></li></p>
<p></ul></p>
<p><?php } ?></p>
<p>이런식으로 하시면 될듯합니다.
공지는 항상 상위에 있기때문에 css로 1줄로 뜨도록 설정하시면 쉽게 원하는 스타일로 출력이 됩니다.
답변에 대한 댓글 2개
공지사항인 .bl_notice 끼리만 묶어줄 수 있는 방법은 없을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인