first commit
This commit is contained in:
pakerpale
272
application/views/m/life/main3.php
Executable file
272
application/views/m/life/main3.php
Executable file
@@ -0,0 +1,272 @@
|
||||
<?
|
||||
$page_title = $page_title_1;
|
||||
$page_title_link = '#';
|
||||
require_once(APPPATH."/views/m/common/light_header.php");?>
|
||||
<div class="swiper-slide swiper-slide-active" data-hash="life" data-swiper-slide-index="1" style="width: 100%;">
|
||||
<div class="news_cont2">
|
||||
<div class="cont_top" style="margin-top: 40px;">
|
||||
<div class="cont_top_img">
|
||||
<span class="shadow"></span>
|
||||
<a href="/m/life/life_view/<?=$arr_daily_cutie[1]['content_idx']?>">
|
||||
<img src="<?=$arr_daily_cutie[1]['theme_img']?>">
|
||||
</a>
|
||||
</div>
|
||||
<p class="cont_top_txt2">
|
||||
<a href="/m/life/editor/72">
|
||||
데일리 큐티
|
||||
</a>
|
||||
</p>
|
||||
<p class="chn_bar2">
|
||||
<img src="/img/mobile/bg_bar.gif">
|
||||
</p>
|
||||
<p class="cont_top_title4">
|
||||
<a href="/m/life/life_view/<?=$arr_daily_cutie[1]['content_idx']?>">
|
||||
<?=$arr_daily_cutie[1]['title']?>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="life_cont4" style="background: #f8f8f8;">
|
||||
<h4 class="beachblue">
|
||||
<a href="">추천채널
|
||||
<br>
|
||||
<?/*<!-- <span style="color:#818181; font-weight:normal; font-size:12px;">(읽을거리 <$arr_channel[0]['article_count']?>) </span> -->*/?>
|
||||
</a>
|
||||
</h4>
|
||||
<span class="a_left"><!--<a><img src="/img/mobile/editor_left.gif"></a>--></span>
|
||||
<div class="life_cont4_box responsive" style="width:86%;">
|
||||
<?foreach($arr_channel as $val):?>
|
||||
<div class="tr_img">
|
||||
<a href="/m/life/channel/<?=$val['idx']?>">
|
||||
<img src="<?=thumb($val['channel_icon'])?>" class="art-img">
|
||||
</a>
|
||||
<p class="tr_txt">
|
||||
<a href="/m/life/channel/<?=$val['idx']?>"><?=$val['channel_name']?></a>
|
||||
</p>
|
||||
</div>
|
||||
<?endforeach;?>
|
||||
</div>
|
||||
<span class="a_right"><!--<a><img src="/img/mobile/editor_right.gif"></a>--></span>
|
||||
</div>
|
||||
|
||||
<div class="channel_cont">
|
||||
<div class="wrap">
|
||||
<div class="channel_top">
|
||||
<a href="/m/life/channel/<?=$arr_book['idx']?>">
|
||||
<span class="fl beachblue"><?=$arr_book['channel_name']?></span>
|
||||
</a>
|
||||
<span class="fr">
|
||||
<a href="/m/life/channel/<?=$arr_book['idx']?>"><button type="button" class="btn btn-default br20">더보기</button></a>
|
||||
</span>
|
||||
</div>
|
||||
<?for($i=0 ; $i<6; $i++):@$data = $arr_book['data'][$i]?>
|
||||
<?if($i%2==0){?><div class="channel_boxs" style="margin-bottom:0;"><?}?>
|
||||
<div class="channel_con2">
|
||||
<a href="/m/life/life_view/<?=$data['idx']?>">
|
||||
<img src="<?=$data['main_img']?>" class="art-img">
|
||||
</a>
|
||||
<p class="chtitle">
|
||||
<a href="/m/life/life_view/<?=$data['idx']?>">
|
||||
<span class="beachblue"></span><?=$data['title']?></a>
|
||||
</p>
|
||||
<p class="editor2">
|
||||
<a href="/m/life/editor/<?=$data['partner_idx']?>">by <?=$data['editor_name']?></a>
|
||||
</p>
|
||||
</div>
|
||||
<?if($i%2==1){?></div><?}?>
|
||||
<?endfor?>
|
||||
</div>
|
||||
<div class="wrap">
|
||||
<div class="channel_top">
|
||||
<a href="/m/life/channel/<?=$arr_card['idx']?>">
|
||||
<span class="fl beachblue"><?=$arr_card['channel_name']?></span>
|
||||
</a>
|
||||
<span class="fr">
|
||||
<a href="/m/life/channel/<?=$arr_card['idx']?>"><button type="button" class="btn btn-default br20">더보기</button></a>
|
||||
</span>
|
||||
</div>
|
||||
<?for($i=0 ; $i<4; $i++):@$data = $arr_card['data'][$i]?>
|
||||
<?if($i%2==0){?><div class="channel_boxs" style="margin-bottom:0;"><?}?>
|
||||
<div class="channel_con2">
|
||||
<a href="/m/life/life_view/<?=$data['idx']?>">
|
||||
<img src="<?=$data['main_img']?>" class="art-img">
|
||||
</a>
|
||||
<p class="chtitle">
|
||||
<a href="/m/life/life_view/<?=$data['idx']?>">
|
||||
<span class="beachblue"></span><?=$data['title']?></a>
|
||||
</p>
|
||||
<p class="editor2">
|
||||
<a href="/m/life/editor/<?=$data['partner_idx']?>">by <?=$data['editor_name']?></a>
|
||||
</p>
|
||||
</div>
|
||||
<?if($i%2==1){?></div><?}?>
|
||||
<?endfor?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="channel_cont" style="background:#fff;">
|
||||
<div class="wrap">
|
||||
<div class="channel_boxs bgb3" style="margin-top:10px;">
|
||||
<div class="channel_detail_box">
|
||||
<div class="channel_detail fl">
|
||||
<a href="/m/life/channel/<?=$arr_en['idx']?>">
|
||||
<span class="channel_profile">
|
||||
<img src="<?=$arr_en['channel_icon']?>" style="width:50px;height:50px;">
|
||||
</span>
|
||||
<div style="padding-top:15px;">
|
||||
<span class="chinfo"><?=$arr_en['channel_name']?></span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="fr" style="margin-top:20px;">
|
||||
<p><a href="/m/life/channel/<?=$arr_en['idx']?>">
|
||||
<span class="beachblue" style="font-size:13px;"><?=$arr_en['channel_article_count']?></span> stories
|
||||
</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<?for($i=0; $i<2; $i++):@$data = $arr_en['data'][$i]?>
|
||||
<div class="channel_con">
|
||||
<a href="/m/life/life_view/<?=$data['idx']?>">
|
||||
<img src="<?=$data['main_img']?>" class="art-img">
|
||||
</a>
|
||||
<p class="chtitle">
|
||||
<a href="/m/life/life_view/<?=$data['idx']?>"><?=$data['title']?></a>
|
||||
</p>
|
||||
</div>
|
||||
<?endfor?>
|
||||
</div>
|
||||
|
||||
<div class="channel_boxs bgb3" style="margin-top:10px;">
|
||||
<div class="channel_detail_box">
|
||||
<div class="channel_detail fl">
|
||||
<a href="/m/life/channel/<?=$arr_knowledge['idx']?>">
|
||||
<span class="channel_profile">
|
||||
<img src="<?=$arr_knowledge['channel_icon']?>" style="width:50px;height:50px;">
|
||||
</span>
|
||||
<div style="padding-top:15px;">
|
||||
<span class="chinfo"><?=$arr_knowledge['channel_name']?></span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="fr" style="margin-top:20px;">
|
||||
<p><a href="/m/life/channel/<?=$arr_knowledge['idx']?>">
|
||||
<span class="beachblue" style="font-size:13px;"><?=$arr_knowledge['channel_article_count']?></span> stories
|
||||
</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<?for($i=0; $i<2; $i++):@$data = $arr_knowledge['data'][$i]?>
|
||||
<div class="channel_con">
|
||||
<a href="/m/life/life_view/<?=$data['idx']?>">
|
||||
<img src="<?=$data['main_img']?>" class="art-img">
|
||||
</a>
|
||||
<p class="chtitle">
|
||||
<a href="/m/life/life_view/<?=$data['idx']?>"><?=$data['title']?></a>
|
||||
</p>
|
||||
</div>
|
||||
<?endfor?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cont_middle">
|
||||
<div class="cont_top_img">
|
||||
<span class="shadow"></span>
|
||||
<a href="/m/life/channel/<?=$arr_post['idx']?>" class="img_profile">
|
||||
<img src="<?=$arr_post['main_img']?>">
|
||||
</a>
|
||||
</div>
|
||||
<div class="cover_profile2">
|
||||
<a href="/m/life/channel/<?=$arr_post['idx']?>">
|
||||
<img src="<?=$arr_post['channel_icon']?>" style="width:50px;height:50px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="life_editor3">
|
||||
<a href="/m/life/editor/8"> <?=$arr_post['channel_name']?> </a>
|
||||
</div>
|
||||
<div class="life_editor2">
|
||||
<a href="/m/life/channel/<?=$arr_post['idx']?>"> <?=$arr_post['channel_intro']?> </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="channel_cont">
|
||||
<div class="wrap">
|
||||
<?for($i=0;$i<4;$i++):@$data=$arr_poem['data'][$i]?>
|
||||
<?if($i%2==0){?>
|
||||
<div class="channel_boxs" style="margin-bottom:0;">
|
||||
<div class="channel_boxs" style="margin-bottom:0;">
|
||||
<?}?>
|
||||
<div class="channel_con2">
|
||||
<a href="/m/life/life_view/<?=$data['idx']?>">
|
||||
<img src="<?=$data['main_img']?>" class="art-img">
|
||||
</a>
|
||||
<p class="chtitle">
|
||||
<a href="/m/life/life_view/><?=$data['idx']?>">
|
||||
<span class="beachblue"></span> <?=$data['title']?>
|
||||
</a>
|
||||
</p>
|
||||
<p class="editor2">
|
||||
<a href="/m/life/editor/<?=$data['partner_idx']?>">by <?=$data['editor_name']?></a>
|
||||
</p>
|
||||
</div>
|
||||
<?if($i%2==1){?>
|
||||
</div>
|
||||
</div>
|
||||
<?}?>
|
||||
<?endfor?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <link rel="stylesheet" type="text/css" href="/css/slick.css" />
|
||||
<script type="text/javascript" src="/js/slick.js"></script>
|
||||
--><script>
|
||||
window.onload=function(){
|
||||
$('.responsive').slick({
|
||||
dots: false,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 600,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
/*.life_cont4 .a_left, .life_cont4 .a_right{display:none}*/
|
||||
.life_cont4 {position:relative}
|
||||
.life_cont4 .life_cont4_box{/*float:none;*/margin:0 auto}
|
||||
.life_cont4 .slick-prev.slick-arrow{cursor:pointer;z-index:99;position:absolute;left:-5%;top:30%;background:url('/img/mobile/editor_left.gif') center center no-repeat;width:14px;height:25px;border:none;text-indent:-9999rem;}
|
||||
.life_cont4 .slick-next.slick-arrow{cursor:pointer;z-index:99;position:absolute;right:-5%;top:30%;background:url('/img/mobile/editor_right.gif') center center no-repeat;width:14px;height:25px;border:none;text-indent:-9999rem;}
|
||||
.life_cont4_box .tr_txt{padding-top:1rem}
|
||||
.life_cont4 .life_cont4_box div img{margin:0 auto}
|
||||
@media screen and (max-width: 640px){
|
||||
.life_cont4 .slick-prev.slick-arrow{left:-5%;top:20%;background:url('/img/mobile/editor_left.gif') center center no-repeat;width:10px;background-size:100% auto }
|
||||
.life_cont4 .slick-next.slick-arrow{ right:-5%;top:20%;background:url('/img/mobile/editor_right.gif') center center no-repeat;width:10px;background-size:100% auto}
|
||||
}
|
||||
@media screen and (max-width: 400px){
|
||||
.life_cont4 .slick-prev.slick-arrow{top:10%;}
|
||||
.life_cont4 .slick-next.slick-arrow{top:10%;}
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
Reference in New Issue
Block a user