질문좀 드릴께요.. 스킨 받아서 공부하는 중인데요 style.css 겹치는 느낌...
관련링크
http://amare.dothome.co.kr/
59회 연결
본문
안녕하세요 왕초보입니다... 공부 삼아서 만들고 있는데요....
쪽구름+전례안내 같은 스킨, 공지사항 제가 짜맞추기 한 스킨
그리고 동산동 성당앨범쪽에다가....
OWL Carousel 최신글 이 스킨을 넣었어요...
근데 작동은 안되고... 뭔가 스타일 파일이 겹치는 느낌이 들어서... 일단
성당앨범쪽 코드를 좀 건들였어요...
<div class="pic_lt"> -> <div class="pic_lt_slide">
이런식으로요... 쪽구름+전례안내에도 같은 클래스가 있길래요...
그래도 겹치는 느낌은 확실히 있는데요....
이거 무엇이 문제일까요 ㅜㅜ 완전 초보입니다~~~
잘좀 부탁드려요~ 감사합니다!!
답변 3
겹치시는 css가 있으면 이름을 달리하시거나 하여 중복 적용 안되게 하셔야 합니다
겹치는것도 겹치는거지만 근본적인 다른 문제가 있나봐요 ㅜㅜ 도와주세요
<div class="la_album">
<?php
echo latest('theme/okcarousel', 'album', 4, 25);
?>
</div>
이게 인덱스 코드이고요
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style123.css">', 0);
$thumb_width = 210;
$thumb_height = 150;
?>
<link rel="stylesheet" href="<?php echo $latest_skin_url;?>/owl.carousel.min.css">
<link rel="stylesheet" href="<?php echo $latest_skin_url;?>/owl.theme.default.min.css">
<script src="<?php echo $latest_skin_url;?>/owl.carousel.js"></script>
<div class="pic_lt_slide">
<h2 class="lat_title_slide"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><?php echo $bo_subject ?></a></h2>
<div class="owl-carousel owl-theme">
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
if($thumb['src']) {
$img = $thumb['src'];
} else {
$img = G5_IMG_URL.'/no_img.png';
$thumb['alt'] = '이미지가 없습니다.';
}
$img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" >';
?>
<div class="item">
<a href="<?php echo $list[$i]['href'] ?>"><?php echo $img_content; ?></a>
</div>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li class="empty_li">게시물이 없습니다.</li>
<?php } ?>
</div>
<a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_more_slide"><span class="sound_only"><?php echo $bo_subject ?></span><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only"> 더보기</span></a>
</div>
<script>
$(document).ready(function() {
var owl = $('.owl-carousel');
owl.owlCarousel({
items: 4,
loop: true,
margin: 10,
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: true
});
// $('.play').on('click', function() {
// owl.trigger('play.owl.autoplay', [1000])
// })
// $('.stop').on('click', function() {
// owl.trigger('stop.owl.autoplay')
// })
})
</script>
이게 최신글 스킨 코드인데요... 이건 다운 받은거에서...
class명하고 스타일 파일명만 변경햇어요....
스타일 코드에서도 바뀐 클래스명은 바꿔줬고요...
꼭 만들고 싶습니다!!!!
코드나 링크를 걸어주시는게 구체적인 답변을 얻기 수월하실거에요
답변을 작성하시기 전에 로그인 해주세요.
