테스트 사이트 - 개발 중인 베타 버전입니다

질문좀 드릴께요.. 스킨 받아서 공부하는 중인데요 style.css 겹치는 느낌...

손정완 6년 전 조회 1,917

 

안녕하세요 왕초보입니다... 공부 삼아서 만들고 있는데요....

 

쪽구름+전례안내 같은 스킨, 공지사항 제가 짜맞추기 한 스킨

 

그리고 동산동 성당앨범쪽에다가....

OWL Carousel 최신글 이 스킨을 넣었어요...

 

근데 작동은 안되고... 뭔가 스타일 파일이 겹치는 느낌이 들어서... 일단

성당앨범쪽 코드를 좀 건들였어요...

<div class="pic_lt"> -> <div class="pic_lt_slide">

이런식으로요... 쪽구름+전례안내에도 같은 클래스가 있길래요...

 

그래도 겹치는 느낌은 확실히 있는데요....

 

이거 무엇이 문제일까요 ㅜㅜ 완전 초보입니다~~~

 

잘좀 부탁드려요~ 감사합니다!!

 

 

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

답변 3개

cuwaaang
6년 전

코드나 링크를 걸어주시는게 구체적인 답변을 얻기 수월하실거에요

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

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

손정완
6년 전

겹치는것도 겹치는거지만 근본적인 다른 문제가 있나봐요 ㅜㅜ 도와주세요

 

</p>

<p>   <div class="la_album"></p>

<p>    <?php

    echo latest('theme/okcarousel', 'album', 4, 25);  

    ?>

   </div></p>

<p>

이게 인덱스 코드이고요

 

</p>

<p><?php

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

include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p>

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

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

$thumb_width = 210;

$thumb_height = 150;

?></p>

<p><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);</p>

<p>    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></p>

<p></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></p>

<p>

 

이게 최신글 스킨 코드인데요... 이건 다운 받은거에서...

class명하고 스타일 파일명만 변경햇어요....

 

스타일 코드에서도 바뀐 클래스명은 바꿔줬고요...

 

꼭 만들고 싶습니다!!!!

 

 

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

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

6년 전

겹치시는 css가 있으면 이름을 달리하시거나 하여 중복 적용 안되게 하셔야 합니다

 

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

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

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

로그인