| Server IP : 103.48.194.25 / Your IP : 216.73.217.33 Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux VMHostDefault 3.10.0-1160.42.2.el7.x86_64 #1 SMP Tue Sep 7 14:49:57 UTC 2021 x86_64 User : sieuthimay ( 1016) PHP Version : 8.2.20 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/nhadatkhangdien.net-bk/public_html/templates/ |
Upload File : |
<style type="text/css">
.bracket-box {
}
.bracket-box .bracket-box-top {
background: transparent url(images/bracket-box-top.png) no-repeat left bottom;
height: 23px;
background-size: 100%
}
.bracket-box .bracket-box-content {
background: transparent url(images/bracket-box-content.png)left top;
background-size: 100%
}
.sibling-box .link-list {
padding: 0px 30px;
margin-bottom: 0px;
}
.link-list li {
margin: 0px;
padding: 0px;
background: none;
}
.link-list li a {
display: block;
line-height: 42px;
height: 42px;
color: #fff;
text-decoration: none;
font-size: 15px;
white-space: nowrap;
}
.link-list li a:hover, .link-list a:hover {
color: #ff0 !important;
text-decoration: none;
}
.bracket-box .bracket-box-bottom {
background: transparent url(images/bracket-box-bottom.png) no-repeat left top;
height: 23px;
background-size: 100%
}
/* -------------------- */
.widget {
}
.widget h4 {
color: #FFF;
font-size: 14px;
padding: 12px;
text-transform: uppercase;
text-align: left;
background: #1668B2;
}
.details-box ul {
margin: 0px 0px 11px 0px;
}
.details-box li {
background: no-repeat left bottom;
padding-left: 20px;
margin: 3px 0;
}
.details-box li.chonmua {
background-image: url(images/chonmua.png);
}
.lb-keyword a {
text-transform: lowercase;
}
.pp_expand {
display: none !important
}
.pp_gallery img {
height: 33px !important
}
.qc {
max-height:268px;
width:100%;
overflow:hidden;
}
.qc img {
width:100%;
height:auto !important;
}
</style>
<style type="text/css">
.div_play {
background-color: rgba(56, 167, 177, 0.7);
border-radius: 30px;
height: 60px;
left: 40%;
position: absolute;
top: 30%;
width: 60px;
}
.div_play::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.62);
border-image: none;
border-style: solid;
border-width: 15px 10px 15px 20px;
content: "";
height: 0;
left: 41%;
position: absolute;
top: 27%;
width: 0;
}
.div_play:hover {
background-color: rgba(56, 167, 177, 1);
cursor: pointer;
}
.fixed{position: fixed !important;top:10px;}
</style>
<?php
$d->reset();
$sql="select * from #_baivietsp where id_product='".$rs_detail['id']."' order by stt";
$d->query($sql);
$bvspp=$d->result_array();
$sql="select * from #_product_cat where hienthi=1 order by stt";
$d->query($sql);
$ccat=$d->result_array();
$sql="select * from #_hotline";
$d->query($sql);
$hlsp=$d->result_array();
$sql="select * from #_tukhoa where hienthi=1 order by stt";
$d->query($sql);
$tukhoa=$d->result_array();
?>
<!--Banner chinh dau trang cho dự an-->
<? if($rs_detail['httop'] && $rs_detail['photo2'] && file_exists(root._upload_sanpham_l.$rs_detail['photo2'])){?>
<div class="qc"><img src="<?=_upload_sanpham_l.$rs_detail['photo2']?>" > </div>
<? } ?>
<div class="ctda_ct">
<div class="col-md-9 col-xs-12 col-sm-12 ctda_left">
<div class="title_detail"><h1><?=$rs_detail['ten']?></h1></div>
<?
for($i=0;$i<count($bvspp);$i++)
{
?>
<div class="nd page page<?=$i+1?>" style="padding:10px;<? if($i==0){?>display:block;padding:10px;position:relative;z-index:100;background:#fff;min-height:600px<? } else {?>display:none<? }?>">
<?=$bvspp[$i]['noidung']?>
</div>
<? }?>
<div class="page page113" style="display:none">
<?
$d->reset();
$sql="select * from #_vdsp where id_product='".$rs_detail['id']."' ";
$d->query($sql);
$vdsp=$d->result_array();
?>
<? for($i=0;$i<count($vdsp);$i++){?>
<? $linkyou=explode('v=',$vdsp[$i]['ten']);?>
<div class="sp_vdct">
<div class="sp_vdo"> <a href="http://www.youtube.com/embed/<?=$linkyou[1]?>?autoplay=1"> <img src="<?=_upload_tintuc_l.$vdsp[$i]['photo']?>" alt="no photo"> </a> <a class="various fancybox.iframe" href="http://www.youtube.com/embed/<?=$linkyou[1]?>?autoplay=1">
<div class="div_play"></div>
<p style="text-align:center;font-size:14px;color:#1668B2;font-weight:bold;text-transfer:uppercase;padding-top:5px;">
<?=$vdsp[$i]['tenkhongdau']?>
</p>
</a> </div>
<!-- bai viet -->
</div>
<? }?>
</div>
<!-- hinh anh -->
<div class="nd page page112" style="display:none">
<script type="text/javascript" src="js/sl_park/js/jssor.js"></script>
<script type="text/javascript" src="js/sl_park/js/jssor.slider.js"></script>
<script>
jQuery(document).ready(function ($) {
var _SlideshowTransitions = [
//Fade in L
{$Duration: 1200, x: 0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade out R
, { $Duration: 1200, x: -0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade in R
, { $Duration: 1200, x: -0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade out L
, { $Duration: 1200, x: 0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade in T
, { $Duration: 1200, y: 0.3, $During: { $Top: [0.3, 0.7] }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
//Fade out B
, { $Duration: 1200, y: -0.3, $SlideOut: true, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
//Fade in B
, { $Duration: 1200, y: -0.3, $During: { $Top: [0.3, 0.7] }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade out T
, { $Duration: 1200, y: 0.3, $SlideOut: true, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade in LR
, { $Duration: 1200, x: 0.3, $Cols: 2, $During: { $Left: [0.3, 0.7] }, $ChessMode: { $Column: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
//Fade out LR
, { $Duration: 1200, x: 0.3, $Cols: 2, $SlideOut: true, $ChessMode: { $Column: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
//Fade in TB
, { $Duration: 1200, y: 0.3, $Rows: 2, $During: { $Top: [0.3, 0.7] }, $ChessMode: { $Row: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade out TB
, { $Duration: 1200, y: 0.3, $Rows: 2, $SlideOut: true, $ChessMode: { $Row: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade in LR Chess
, { $Duration: 1200, y: 0.3, $Cols: 2, $During: { $Top: [0.3, 0.7] }, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
//Fade out LR Chess
, { $Duration: 1200, y: -0.3, $Cols: 2, $SlideOut: true, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade in TB Chess
, { $Duration: 1200, x: 0.3, $Rows: 2, $During: { $Left: [0.3, 0.7] }, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
//Fade out TB Chess
, { $Duration: 1200, x: -0.3, $Rows: 2, $SlideOut: true, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade in Corners
, { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $ChessMode: { $Column: 3, $Row: 12 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
//Fade out Corners
, { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $SlideOut: true, $ChessMode: { $Column: 3, $Row: 12 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
//Fade Clip in H
, { $Duration: 1200, $Delay: 20, $Clip: 3, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade Clip out H
, { $Duration: 1200, $Delay: 20, $Clip: 3, $SlideOut: true, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade Clip in V
, { $Duration: 1200, $Delay: 20, $Clip: 12, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
//Fade Clip out V
, { $Duration: 1200, $Delay: 20, $Clip: 12, $SlideOut: true, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
];
var options = {
$AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
$AutoPlayInterval: 1500, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
$PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
$DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
$ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
$SlideDuration: 800, //Specifies default duration (swipe) for slide in milliseconds
$SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
$Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
$Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
$TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
$ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
},
$ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
$Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
$ChanceToShow: 1 //[Required] 0 Never, 1 Mouse Over, 2 Always
},
$ThumbnailNavigatorOptions: { //[Optional] Options to specify and enable thumbnail navigator or not
$Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
$ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
$ActionMode: 1, //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
$SpacingX: 8, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
$DisplayPieces: 10, //[Optional] Number of pieces to display, default value is 1
$ParkingPosition: 360 //[Optional] The offset position to park thumbnail
}
};
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizes
function ScaleSlider() {
var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
if (parentWidth)
jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300));
else
window.setTimeout(ScaleSlider, 30);
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end
});
</script>
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 800px; height: 456px; background: #191919; overflow: hidden;">
<div u="loading" style="position: absolute; top: 0px; left: 0px;">
<div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;"> </div>
<div style="position: absolute; display: block; background: url(js/sl_park/img/loading.gif) no-repeat center center;top: 0px; left: 0px;width: 100%;height:100%;"> </div>
</div>
<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 356px; overflow: hidden;cursor:pointer">
<?
$d->reset();
$sql="select * from #_mausac where id_product='".$rs_detail['id']."' order by stt";
$d->query($sql);
$msc=$d->result_array();
?>
<? for($i=0;$i<count($msc);$i++){?>
<div class="fancybox a_detail" href="<?=_upload_tintuc_l.$msc[$i]['photo']?>" data-fancybox-group="gallery" title="<?=$rs_detail['ten']?>"> <img u="image" src="<?=_upload_tintuc_l.$msc[$i]['photo']?>" /> <img u="thumb" src="<?=_upload_tintuc_l.$msc[$i]['photo']?>" /> </div>
<? }?>
</div>
<style>
.jssora05l, .jssora05r {
display: block;
position: absolute;
width: 40px;
height: 40px;
cursor: pointer;
background: url(js/sl_park/img/a17.png) no-repeat;
overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
</style>
<span u="arrowleft" class="jssora05l" style="top: 158px; left: 8px;"> </span> <span u="arrowright" class="jssora05r" style="top: 158px; right: 8px"> </span>
<style>
.jssort01 {
position: absolute;
width: 800px;
height: 100px;
}
.jssort01 .p {
position: absolute;
top: 0;
left: 0;
width: 72px;
height: 72px;
}
.jssort01 .t {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.jssort01 .w {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.jssort01 .c {
position: absolute;
top: 0px;
left: 0px;
width: 68px;
height: 68px;
border: #000 2px solid;
background: url(js/sl_park/img/t01.png) -800px -800px no-repeat;
_background: none;
}
.jssort01 .pav .c {
top: 2px;
_top: 0px;
left: 2px;
_left: 0px;
width: 68px;
height: 68px;
border: #000 0px solid;
_border: #fff 2px solid;
background-position: 50% 50%;
}
.jssort01 .p:hover .c {
top: 0px;
left: 0px;
width: 70px;
height: 70px;
border: #fff 1px solid;
background-position: 50% 50%;
}
.jssort01 .p.pdn .c {
background-position: 50% 50%;
width: 68px;
height: 68px;
border: #000 2px solid;
}
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
/* ie quirks mode adjust */
width /**/: 72px;
height /**/: 72px;
}
</style>
<div u="thumbnavigator" class="jssort01" style="left: 0px; bottom: 0px;">
<div u="slides" style="cursor: default;">
<div u="prototype" class="p">
<div class=w>
<div u="thumbnailtemplate" class="t"></div>
</div>
<div class=c></div>
</div>
</div>
</div>
</div>
<br>
</div>
<!-- hinh anh -->
<div class="clear"></div>
<!--<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-width="100%" data-href="http://nhadatkhangdien.net/du-an/<?=$rs_detail['tenkhongdau']?>/<?=$rs_detail['id']?>" data-numposts="5"></div>-->
</div>
<div class="col-md-3 col-xs-12 col-sm-12 ctda_right nopad-left">
<div class="right-col">
<h2>Dự án</h2>
<div class="item-right">
<div class="r-menu">
<ul>
<? for($i=0;$i<count($ccat);$i++){
$d->reset();
$sql="select * from #_product_list where id_cat='".$ccat[$i]['id']."' order by stt";
$d->query($sql);
$rlist=$d->result_array();
?>
<li><a class="noactive" href="du-an/<?=$ccat[$i]['tenkhongdau']?>"><?=$ccat[$i]['ten']?></a>
<? if($rlist!=null){?>
<ul>
<? for($j=0;$j<count($rlist);$j++){?>
<a class="noactive" href="du-an/<?=$ccat[$i]['tenkhongdau']?>/<?=$rlist[$j]['tenkhongdau']?>"><?=$rlist[$j]['ten']?></a>
<? }?>
</ul>
<? }?>
</li>
<? }?>
</ul>
</div>
</div>
</div>
<div class="sibling-box bracket-box">
<div class="bracket-box-top"></div>
<div class="bracket-box-content">
<ul class="link-list">
<!--<? for($i=0;$i<count($bvspp);$i++){?>
<li class="page_item"><a style="cursor:pointer;<? if($i==0){?>color:#ff0<? }else{?>color:#fff<? }?>" class="pat pat<?=$i+1?>" onclick="load_nd(<?=$i+1?>);">
<?=$bvspp[$i]['ten']?></a></li>
<? }?>-->
<li class="page_item pag_ha"> <a style="cursor:pointer;color:#fff" class="pat pat113" onclick="load_nd(113);">Video</a> </li>
<li class="page_item pag_ha"> <a style="cursor:pointer;color:#fff" class="pat pat112" onclick="load_nd(112);">Hình ảnh</a> </li>
</ul>
</div>
<div class="bracket-box-bottom"></div>
</div>
<div class="widget details-box">
<h4>Chi tiết Khang Điền </h4>
<ul>
<li class="chonmua">Điện thoại: <a href="tel:<?=$hlsp[0]['dienthoai']?>" rel="nofollow"><?=$hlsp[0]['dienthoai']?></a></li>
<li class="chonmua"><a href="mailto:<?=$hlsp[0]['email']?>" rel="nofollow"><?=$hlsp[0]['email']?></a></li>
<li class="chonmua">Chia sẻ trên <a href="https://www.facebook.com" target="_blank">Facebook</a></li>
</ul>
</div>
<div class="widget details-box">
<h4>Từ khóa</h4>
<div class="lb-keyword">
<? for($i=0;$i<count($tukhoa);$i++){?>
<a href="<?=$tukhoa[$i]['link']?>" target="blank"><?=$tukhoa[$i]['ten']?></a>,
<? }?>
</div>
</div>
</div>
</div>
<!--banner quang cao-->
<? //require_once _template."banner_float.php" ; ?>
<script type="text/javascript">
function load_nd(value1){
$('.page'+value1).css({"display":"block"});
$('.page').not('.page'+value1).css({"display":"none"});
$('.pat'+value1).css({"color":"#ff0"});
$('.pat').not('.pat'+value1).css({"color":"#fff"});
}
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : true,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'elastic',
closeEffect : 'none'
});
});
</script>