Gecko [ myeducation.co.th ]

Name	Size	Permission
Structure	[ DIR ]	drwxr-xr-x
admin	[ DIR ]	drwxr-xr-x
assets	[ DIR ]	drwxr-xr-x
img	[ DIR ]	drwxr-xr-x
model	[ DIR ]	drwxr-xr-x
test	[ DIR ]	drwxr-xr-x
.htaccess	495 B	-rwxr-xr-x
1Head.php	7.36 KB	-rwxr-xr-x
2HeadMenu.php	2.36 KB	-rwxr-xr-x
3Footer.php	8.95 KB	-rwxr-xr-x
4End.php	1.52 KB	-rwxr-xr-x
about.php	6.79 KB	-rwxr-xr-x
contact.php	5.99 KB	-rwxr-xr-x
detail.php	33.98 KB	-rwxr-xr-x
gallery.php	6.12 KB	-rwxr-xr-x
googlef0da6945598bd8e7.html	53 B	-rwxr-xr-x
index.php	142 B	-rwxr-xr-x
news.php	5.83 KB	-rwxr-xr-x
news_detail.php	4.31 KB	-rwxr-xr-x
service.php	5.88 KB	-rwxr-xr-x
service_detail.php	4.55 KB	-rwxr-xr-x

Code Editor : 3Footer.php

.btn-chat-container {
    position: fixed;
    bottom: 110px;
    right: 20px;
    z-index: 9
}

.btn-chat-container .btn.btn-chat {
    background-color: #85cf2f;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    position: relative;
    z-index: 201000000
}

.btn-chat-container .btn.btn-chat .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(img/chat_with_owner_white.png);
    margin: 11px;
    background-size: 24px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

.btn-chat-container .btn.btn-chat .close-icon {
    position: absolute;
    z-index: 1;
    background-color: transparent;
    background-image: url(img/close.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 50%;
    margin: 0;
    background-size: 24px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    opacity: 0
}

.btn-chat-container .btn.btn-chat.selected .icon {
    transform: rotate(540deg)
}

.btn-chat-container .btn.btn-chat.selected .close-icon {
    background-color: #85cf2f;
    transform: rotate(360deg);
    opacity: 1
}

.btn-chat-container .btn.btn-chat .text {
    display: block;
    color: #fff;
    margin-left: 30px
}

.btn-chat-container .btn.btn-chat.selected .text {
    color: white
}

.btn-chat-container .btn .text {
    line-height: 24px;
    top: 10px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap
}

.btn-chat-container .social-button {
    list-style: none;
    padding: 0;
    margin: 0;
    top: 0;
    position: absolute;
    pointer-events: none
}

.btn-chat-container .social-button.show {
    pointer-events: all
}

.btn-chat-container .social-button .btn {
    position: absolute;
    top: 0;
    float: none;
    width: 50px;
    height: 50px;
    padding: 0;
    background-color: deepskyblue;
    border-radius: 50%;
    transition: top 0.5s ease, opacity .2 ease;
    -webkit-transition: all 0.6s ease;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    z-index: 1;
    opacity: 0
}

.btn-chat-container .social-button .btn a {
    display: block;
    padding: 8px;
    line-height: 0
}

.btn-chat-container .social-button .btn .icon {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-color: white
}

.btn-chat-container .btn.btn-chat .text,
.btn-chat-container .social-button .btn .text {
    color: white!important;
    display: inline-block;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 14px;
    position: absolute;
    right: 60px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1)
}

.btn-chat-container .social-button .btn-facebook {
    background-color: #0084FF
}

.btn-chat-container .social-button .btn-facebook .icon {
    -webkit-mask-image: url(img/messenger.svg);
    mask-image: url(img/messenger.svg)
}
.btn-chat-container .social-button .btn-facebook2 {
    background-color: #2a5297
}

.btn-chat-container .social-button .btn-facebook2 .icon {
    background: transparent url(img/facebook.png) no-repeat center
}

.btn-chat-container .social-button .btn-line {
    background-color: #00C300
}

.btn-chat-container .social-button .btn-line .icon {
    -webkit-mask-image: url(img/line.svg);
    mask-image: url(img/line.svg)
}

.btn-chat-container .social-button .btn-whatsapp {
    background-color: #25D366
}

.btn-chat-container .social-button .btn-whatsapp .icon {
    -webkit-mask-image: url(img/whatsapp.svg);
    mask-image: url(img/whatsapp.svg)
}

.btn-chat-container .social-button .btn-email {
    background-color: #FE7A16
}

.btn-chat-container .social-button .btn-email .icon {
    background: transparent url(img/email.png) no-repeat center
}

.btn-chat-container .social-button .btn-mobile {
    background-color: #00a2ff
}

.btn-chat-container .social-button .btn-mobile .icon {
    background: transparent url(img/telephone.png) no-repeat center
}

.btn-chat-container .social-button .btn-sms {
    background-color: #666
}

.btn-chat-container .social-button .btn-sms .icon {
    background: transparent url(img/sms.png) no-repeat center
}

.btn-chat-container .social-button.show .btn {
    opacity: 1
}

.btn-chat-container .social-button.show .btn:nth-child(1) {
    top: -60px
}

.btn-chat-container .social-button.show .btn:nth-child(2) {
    top: -120px
}

.btn-chat-container .social-button.show .btn:nth-child(3) {
    top: -180px
}

.btn-chat-container .social-button.show .btn:nth-child(4) {
    top: -240px
}

.btn-chat-container .social-button.show .btn:nth-child(5) {
    top: -300px
}

.btn-chat-container .social-button.show .btn:nth-child(6) {
    top: -360px
}

.btn-chat-container .social-button.show .btn:nth-child(7) {
    top: -420px
}

.btn-chat-container .btn.btn-chat.selected .text {
    display: none
}

.btn-chat-container .btn.btn-chat::hover .text {
    opacity: 1
}

.btn-chat-container .btn.btn-chat .text {

}

</style>
<div class="btn-chat-container">
	<div class="btn btn-chat">
		<div class="close-icon" onclick="goto_chat();"></div>
		<div class="icon"></div>
		<div class="text">พูดคุย-สอบถาม คลิก</div>
	</div>
	<ul class="social-button">
    <?PHP

$HomeID = '78';
$SQL_Home = "
SELECT home.Home_ID, home.Member_ID, member.Member_NameEN, member.Position_ID, 
position.Position_Name, home.Home_Date, home.Home_Time, home.Home_Visitors, home.Home_Sub, 
home.Home_Short,home.Home_Short2,home.Home_Short3, home.Home_Detail, home.Home_Category, home.StatusHome_ID, 
status_home.StatusHome_Name, home.StatusShowPage_ID, status_showpage.StatusShowPage_Name
FROM status_showpage INNER JOIN (status_home 
INNER JOIN (position INNER JOIN (member
INNER JOIN home ON member.Member_ID = home.Member_ID) 
ON position.Position_ID = member.Position_ID)
ON status_home.StatusHome_ID = home.StatusHome_ID) 
ON status_showpage.StatusShowPage_ID = home.StatusShowPage_ID
WHERE home.StatusHome_ID = 1 AND home.StatusShowPage_ID = '$HomeID'
ORDER BY home.Home_ID asc
";

$objQuery_Home = $objConnect->query($SQL_Home);

while ($objResult_Home = mysqli_fetch_array($objQuery_Home)) {

$HomeID = $objResult_Home["Home_ID"];
    $HomeSub = $objResult_Home["Home_Sub"];
    $HomeShort = $objResult_Home["Home_Short"];
    $HomeDetail = $objResult_Home["Home_Detail"];
    $HomeShort2 = $objResult_Home["Home_Short2"];
    $HomeShort3 = $objResult_Home["Home_Short3"];
    $HomeDate = $objResult_Home["Home_Date"];
    $StatusShowPageID = $objResult_Home["StatusShowPage_ID"];
    $date = date_create($HomeDate);
    $NewDate = date_format($date, "F d , Y");

// Show img only  LIMIT 1
    $SQL_Home_Img = "
SELECT img_home.Home_ID, img_home.ImgHome_Img,
img_home.ImgHome_Sort, img_home.StatusImgHome_ID
FROM img_home
WHERE img_home.Home_ID = $HomeID 
ORDER BY img_home.ImgHome_Sort ASC LIMIT 1								
";
    $objQuery_Home_Img = $objConnect->query($SQL_Home_Img);

// พากหัว หลัก
    if ($HomeSub == "-") {
        $Check_HomeSub2 = "";
    } else {
        $Check_HomeSub2 = $HomeSub;
    }

//map
    if ($HomeShort == "-") {
        $Check_HomeShort2 = "";
    } else {
        $Check_HomeShort2 = $HomeShort;
    }

//เกริน
    if ($HomeDetail == "-") {
        $Check_HomeShort3 = "";
    } else {
        $Check_HomeShort3 = $HomeShort2;
    }

//เวลา
    if ($HomeDetail == "-") {
        $Check_HomeShort4 = "";
    } else {
        $Check_HomeShort4 = $HomeShort3;
    }

//รายละเอียด
    if ($HomeDetail == "-") {
        $Check_HomeDetai2 = "";
    } else {
        $Check_HomeDetai2 = $HomeDetail;
    }

?>
								<li class="<?=$Check_HomeSub2;?>">
									<a href="<?=$Check_HomeShort2;?>" style="background: unset;border: 0px solid #ddd;">
										<div class="icon"></div>
										<div class="text" ><?=$Check_HomeDetai2;?></div>
									</a>
								</li>
							<?PHP } ?>

</ul>
</div>

<footer class="footer-area">
    <div class="copyright-area" style="margin-top: 0px;">
        <div class="container">
            <div class="row h-100 align-items-center">
                <div class="col-lg-12 col-md-12">
                    <center><p>COPYRIGHT © VRCACONSTRUCTION.COM 2019-2025 ALL RIGHTS RESERVED | BY DESIGNED BY <a href="https://ttt-website.com/" title="TTT-WEBSITE รับทำเว็บไซต์" style="color: #ff5202;">TTT-WEBSITE</a></p></center>
                </div>
            </div>
        </div>
    </div>
</footer>

${this.title}

Code Editor : 3Footer.php