| Server IP : 104.21.37.246 / Your IP : 104.23.243.32 [ Web Server : Apache System : Linux cpanel01wh.bkk1.cloud.z.com 2.6.32-954.3.5.lve1.4.59.el6.x86_64 #1 SMP Thu Dec 6 05:11:00 EST 2018 x86_64 User : cp648411 ( 1354) PHP Version : 7.2.34 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home2/cp648411/public_html/kainumber.com/readinggeneral/ |
Upload File : |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css">
<style media="screen">
.slick-next {
right: -5%;
top: 40%;
}
.slick-prev {
left: -8%;
z-index: 99;
top: 40%;
}
.slick-slider {
margin-bottom: 0px;
}
.w-phone-kai{
width: 322px;
height: 214px;
}
@media (max-width:736px)
{
.slick-next { top: 25%;}
.slick-prev { top: 25%;}
}
@media (max-width:1024px)
{
.md-phone-1{margin-left: 0rem!important;}
}
@media (max-width:820px)
{
.md-phone-1{margin-left: 0rem!important;}
}
@media (max-width:768px)
{
.md-phone-1{margin-left: 0rem!important;}
}
@media (max-width:540px)
{
.md-phone-1{margin-left: 0rem!important;}
.slick-next { top: 46%;}
.slick-prev { top: 46%;}
.slick-next:before, .slick-prev:before{font-size: 30px;color: #fff;}
}
@media (max-width:414px)
{
.md-phone-1{margin-left: 0rem!important;}
.slick-next { top: 46%;}
.slick-prev { top: 46%;}
.slick-next:before, .slick-prev:before{font-size: 30px;color: #fff;}
.w-phone-kai {
width: 296px;
height: 214px;
}
}
@media (max-width:400px)
{
.md-phone-1{margin-left: 0rem!important;}
.w-phone-kai {
width: 251px;
height: 234px;
}
.fix-h2{font-size: 32.5px;}
}
@media (max-width:375px)
{
.md-phone-1{margin-left: 0rem!important;}
.slick-next { right: -5%;}
.slick-prev { left: -10%;}
}
@media (max-width:360px)
{
.md-phone-1{margin-left: 0rem!important;}
.w-phone-kai {
width: 247px;
height: 214px;
}
}
@media (max-width:280px)
{
.w-phone-kai{
width: 180px;
height: 283px;
}
.md-phone-1 {margin-left: 0rem!important;}
}
.hov-img:hover{
width: 270px;
border: 2px solid #ffffff;
}
@media (max-width:576px)
{
.fix-l1{
font-size: 18px;
height: 55px;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;width: 111px;
}
}
.slick-center{opacity: 1;}
@media (min-width:768px)
{
}
@media (min-width:819.99px)
{
}
@media (min-width:1200px)
{
.slick-prev:before {font-size: 50px;}
.slick-prev {left: -5%;}
.slick-next:before, .slick-prev:before{font-size: 36px;color: #fff;}
.slick-next{right: -3%;}
.hov-img:hover{
width: 282px;
border: 2px solid #ffffff;
}
}
@media (min-width:1400px)
{
.slick-prev:before {font-size: 50px;}
.slick-prev {left: -5%;}
.slick-next:before, .slick-prev:before{font-size: 36px;}
.slick-next{right: -3%;}
}
</style>
<!-- /.article -->
<div class="container mt-5 mt-md-0 px-md-5">
<div class="row px-md-5 mb-3 ">
<div class="col-md-12 px-md-2 d-flex justify-content-between align-baseline" >
<div class="">
<h2 class="pb-0 mb-0">เบอร์มงคลแนะนำ</h2>
<!--<hr class="line1 my-1">-->
</div>
<a href="../home/search.php" class="text-decoration-none text-kai-link">ดูเพิ่มเติม</a>
</div>
</div>
</div>
<div class="container px-md-5 px-5">
<div class="px-md-5 px-xxl-5">
<div class="row justify-content-center">
<div class="col-12 main2">
<!--
<div class="slider slider-for">
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
</div>
-->
<div class="slider center align-center text-center" style="max-height: 250px;">
<?php
$nr=1;
$list_phr = array('table'=>'phonenumber','where'=>'status = 1 AND status_number=1 ','order'=> "ORDER BY id DESC LIMIT 20");
$view_phr = $view_db->view($list_phr);
$result_phr = $view_db->q_re($view_phr);
while($row_phr = $view_db->q_ro($result_phr))
{
$arr_P3_all=array();
$pass3_all_n2=array();
$output='';
$Fullscore_p=0;
$TotalScore_plus=0;
$TotalScore_delete=0;
$percent_number2=0;
$dpr2 = 0;
$phonenumber2 = $row_phr['phonenumber'];
include('perl2.php');
$Fullscore_p = 100 * count($pass3_all_n2);
$percent_number2 = (($TotalScore_plus - abs($TotalScore_delete))*100)/$Fullscore_p;
$list_phrn = array('table'=>'mobilenetwork','where'=>'id = "'.$row_phr['mobilenetwork'].'"','order'=> "ORDER BY id DESC LIMIT 0 , 1");
$view_phrn = $view_db->view($list_phrn);
$row_phrn = $view_db->q($view_phrn);
$list_phrc = array('table'=>'category','where'=>'id = "'.$row_phr['category'].'"','order'=> "ORDER BY id DESC LIMIT 0 , 1");
$view_phrc = $view_db->view($list_phrc);
$row_phrc = $view_db->q($view_phrc);
$list_phre = array('table'=>'element','where'=>'id = "'.$row_phr['element_id'].'"','order'=> "ORDER BY id DESC LIMIT 0 , 1");
$view_phre = $view_db->view($list_phre);
$row_phre = $view_db->q($view_phre);
/*
echo "<pre>";
print_r($row_phr);
echo "</pre>";
*/
$cate_img='';
$network_img='';
$se_f = explode(',',$row_phr['category']);
if($se_f[0]==7){$cate_img='icon-01-love.png';}
if($se_f[0]==8){$cate_img='icon-02-office.png';}
if($se_f[0]==10){$cate_img='icon-05-foster.png';}
if($se_f[0]==11){$cate_img='icon-04-money.png';}
if($se_f[0]==12){$cate_img='icon-03-family.png';}
if($se_f[0]==13){$cate_img='icon-07-chat.png';}
if($se_f[0]==16){$cate_img='icon-06-health.png';}
if($se_f[0]==17){$cate_img='icon-08-avoid.png';}
if($row_phr['mobilenetwork']==1){$network_img='0222- ais.png';}
if($row_phr['mobilenetwork']==2){$network_img='01- ddd.png';}
if($row_phr['mobilenetwork']==3){$network_img='03- true.png';}
if($row_phr['mobilenetwork']==8){$network_img='05- yyyy.png';}
$dpr2 = $percent_number2*1.67;
$dpr2 = 440 -$dpr2;
// /echo $dpr;
?>
<div class="">
<div class="w-phone-kai px-1 mb-3 md-phone-1">
<div class="border-kai2 px-3 py-2 text-center cursor-pointer" onclick="location.href='../reading/detail.php?phonenumber=<?php echo $row_phr['phonenumber']; ?>'">
<h2 class="pb-1 mb-0 border-kai-bottom mb-2 pt-1" style="font-size: 31px;">
<?php echo $Phone_class->phonenumber($row_phr['phonenumber']);?>
</h2>
<div class="row">
<div class="col-3 p-0">
<div class="container__progressbars" >
<div class="progressbar">
<svg class="progressbar__svg">
<circle cx="23" cy="26" r="27" class="progressbar__svg-circle shadow-html"
style="stroke-dashoffset: <?php echo $dpr2; ?>;"> </circle>
</svg>
<span class="progressbar__text shadow-html">
<!--<img src="../redbag/category/icon-01-love.png" alt="" class="w-100" >-->
<img src="../redbag/category/<?php echo $cate_img; ?>" alt="" class="w-100" >
</span>
</div>
<small class="progressbar_text2 fix-s" style="top: 2px"> <?php echo number_format($percent_number2,2); ?>%</small>
</div>
</div>
<div class="col-6 px-0">
<div class="border-kai-bottom w-100">
<!--<small class="small-kai "><?php echo $row_phrc['name']; ?></small>-->
<label ><?php echo $row_phrc['name']; ?></label>
</div>
<div class="border-kai-bottom w-100 d-flex justify-content-center">
<img src="../redbag/mobilenetwork/<?php echo $network_img; ?>" alt="" height="33" >
</div>
<!--<small class="small-kai"><?php echo $row_phr['price']; ?>-</small>-->
<label style="top: 5px;position: relative;"><?php echo $row_phr['price']; ?>-</small>
</div>
<div class="col-3 p-0 border-kai-left pe-2" >
<div class="py-0 pe-1">
<div class="border-kai-bottom w-100">
<label class="fix-l" >ผลรวม</label>
<h1 class="ps-2 p-0 m-0 fix-h2"><?php echo $row_phr['sum_number']; ?></h1>
</div>
<small class="fix-s">ธาตุ<?php echo $row_phre['name']; ?></small>
</div>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<!--
<img src="../redbag/article/<?php echo $row_at['image'];?>" width="100%" height="100%"
class="img-responsive rounded-3 px-1" >
<div class="action">
<a href="#" data-slide="3">go to slide 3</a>
<a href="#" data-slide="4">go to slide 4</a>
<a href="#" data-slide="5">go to slide 5</a>
</div>
-->
</div>
</div>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<script>
if (window.matchMedia('(max-width: 767px)').matches) {
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
});
}else if(window.matchMedia('(max-width: 990px)').matches){
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 4 ,
slidesToScroll: 2,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
});
}else if(window.matchMedia('(max-width: 1199px)').matches){
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 4 ,
slidesToScroll: 2,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
});
}else if(window.matchMedia('(max-width: 1400px)').matches){
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 4 ,
slidesToScroll: 2,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
});
} else {
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 5,
slidesToScroll: 3,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true
});
}
$('.center').slick({
centerMode: true,
centerPadding: '80px',
slidesToShow: 3,
dots: true,
focusOnSelect: true,
responsive: [
{
breakpoint: 1300,
settings: {
arrows: true,
centerMode: true,
centerPadding: '150px',
slidesToShow: 2
}
},
{
breakpoint: 1100,
settings: {
arrows: true,
centerMode: true,
centerPadding: '55px',
slidesToShow: 2
}
},
{
breakpoint: 992,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0px',
slidesToShow: 3
}
},
{
breakpoint: 940,
settings: {
arrows: true,
centerMode: true,
centerPadding: '90px',
slidesToShow: 1
}
},
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 2
}
},
{
breakpoint: 576,
settings: {
arrows: true,
centerMode: true,
centerPadding: '20px',
slidesToShow: 1,
}
},
{
breakpoint: 480,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 290,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 280,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 1,
}
}
]
});
$('a[data-slide]').click(function(e) {
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
});
</script>