wayne/bnbweb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

頁面修改

Browse Source
This commit is contained in:
Wayne 2023-06-28 14:37:44 +08:00
parent 330a851b0a
commit e7987916ba
3 changed files with 648 additions and 218 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

199
themes/vr/portal/css/style.css Normal file
View File

@ -0,0 +1,199 @@
:root {
--color1: #0893d3;
--color2: #2d366f;
--color3: #242734;
--color4: #576585;
--color5: #eeeeee;
}
header {
display: block;
padding-top: 20px;
padding-left: 0;
padding-bottom: 10px;
animation: headerover .2s forwards ease-in-out;
}
select {
padding: 9px;
background: white;
border-radius: 5px;
border-color: var(--color5);
margin-right: 5px;
}
.dropdown {
margin-right: 5px;
}
header .dropdown button {
width: 100%;
cursor: pointer;
}
header .col-sm-auto {
padding: 0;
}
header::before {
display: none;
}
.btn-primary {
background-color: var(--color1);
border-color: var(--color1);
}
.dropdown-item:hover {
background: var(--color1);
color: white;
}
@media (max-width: 1024px) {
.pc {
display: none !important;
}
.mobile {
display: block;
}
header {
display: block;
position: relative;
padding-top: 60px;
}
header .container {
position: absolute;
width: 100%;
bottom: 5px;
}
header .logo {
width: 75px;
height: 55px;
display: block;
top: 10px;
left: 10px;
}
header .logo a {
text-indent: 0%
}
header .col-4 {
padding: 0;
}
.titleBox em {
font-size: 35px;
}
}
@media (max-width: 1180px) {
.hotelsArea ul {
display: flex;
flex-wrap: wrap;
}
.hotelsArea ul li,
.hotelsArea ul li:nth-child(odd) {
flex: 0 0 50%;
padding-left: 5px;
}
}
@media (max-width:768px) {
.hotelsArea ul li .item .Img .infobar .information {
padding: 10px;
}
.hotelsArea ul li .item .Img .infobar a.bookinglink,
.hotelsArea ul li .item .Img .infobar a.weblink {
padding: 10px;
}
.hotelsArea ul li .item .Img .infobar a.weblink::before,
.hotelsArea ul li .item .Img .infobar a.bookinglink::before {
display: none;
}
.linkList li .item {
padding: 3px;
}
}
@media (max-width:767px) {
header {
padding-top: 100px;
}
header .btn.btn-primary {
position: absolute;
top: -50px;
right: 5px;
}
.hotelsArea {
padding-bottom: 50px;
}
}
@media (max-width: 640px) {
#hot .roomimg {
height: 100px;
}
#hot .ti {
line-height: 25px;
padding: 10px;
}
#hot .room,
#hot .room:nth-child(2n) {
width: 47%;
margin: 5px;
}
.linkList li {
float: left;
width: 50%;
}
.rooms_icon li {
width: 100%;
margin: 5px;
}
.btn-style01,
.btn-style02 {
width: 47%;
margin: 2px;
padding: 5px;
font-size: 14px;
}
.linkList li .ad_info .date {
font-size: 14px;
}
.linkList li .ad_info {
padding: 10px;
}
}
@media (max-width:320px) {
header .dropdown button {
padding-left: 5px;
}
.dropdown {
margin-right: 0;
}
}

188
themes/vr/portal/portal.html
View File

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-Hant-TW"><head> <html lang="zh-Hant-TW">
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$pt.name}｜{$pt.mtitle}</title> <title>{$pt.name}｜{$pt.mtitle}</title>
@ -9,62 +11,93 @@
<script src="{$tpl}js/zln2mrk.js"></script> <script src="{$tpl}js/zln2mrk.js"></script>
<script>try { Typekit.load({ async: true }); } catch (e) { }</script> <script>try { Typekit.load({ async: true }); } catch (e) { }</script>
<link rel="stylesheet" type="text/css" href="{$tpl}css/layout.css"> <link rel="stylesheet" type="text/css" href="{$tpl}css/layout.css">
<link rel="stylesheet" type="text/css" href="{$tpl}css/home.css"> <link rel="stylesheet" type="text/css" href="{$tpl}css/home.css">
<link rel="stylesheet" type="text/css" href="{$tpl}css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="{$tpl}css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="{$tpl}css/main.css"> <link rel="stylesheet" type="text/css" href="{$tpl}css/main.css">
<script src="{$tpl}js/include.js?v=2020082701"></script> <script src="{$tpl}js/include.js?v=2020082701"></script>
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet"
href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="{$tpl}css/style.css">
</head> </head>
<body> <body>
<div class="outerWrap b-box">
<header> <header>
<div class="logo"><a href="/" title="{$pt.name}" style="background: url('{$pt.logo}') no-repeat;">{$pt.name}</a></div> <div class="logo pc">
<nav class="menuBox"> <a href="/" title="{$pt.name}" style="background: url('{$pt.logo}') no-repeat; background-size: contain;">
<ul class="menu cleafix"> {$pt.name}
<!--{foreach from=$rnd5_portals_1 item=pts1 name=pts1}--> </a>
<li><a href="{$http}{$pts1.domain}">{$pts1.name}</a></li>
<!--{/foreach}-->
</ul>
</nav>
<div style="display:flex;">
<div class="hotelslink">
<strong class="hotelslinkbut">{$keywords}</strong>
<ul>
<li><a href="/">不分區</a></li>
<!--{foreach from=$keyword_list item=keyword name=keyword}-->
<li><a href="/{$keyword.name}-{$pt.name}">{$keyword.name}</a></li>
<!--{/foreach}-->
</ul>
</div> </div>
<div class="bookingArea"><strong class="bookingBtn" href="javascript:;">依景點分類</strong> <div class="logo mobile">
<ul> <a href="/"><img src="{$pt.mlogo}"></a>
</div>
<div class="container">
<div class="row justify-content-end">
<div class="col-sm-auto col-4">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
全領域類別
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<!--{foreach from=$rnd5_portals_1 item=pts1 name=pts1}-->
<a class="dropdown-item" href="{$http}{$pts1.domain}">{$pts1.name}</a>
<!--{/foreach}-->
</div>
</div>
</div>
<div class="col-sm-auto col-4">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
全服務類別
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{foreach from=$rnd5_portals_3 item=pts3 name=pts3} {foreach from=$rnd5_portals_3 item=pts3 name=pts3}
<li><a href="{$http}{$pts3.domain}">{$pts3.name}</a></li> <a class="dropdown-item" href="{$http}{$pts3.domain}">{$pts3.name}</a>
{/foreach} {/foreach}
</ul> </div>
</div>
</div>
<div class="col-sm-auto col-4">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{$keywords}
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="/">不分區</a>
<!--{foreach from=$keyword_list item=keyword name=keyword}-->
<a class="dropdown-item" href="/{$keyword.name}-{$pt.name}">{$keyword.name}</a>
<!--{/foreach}-->
</div>
</div>
</div>
<div class="col-auto">
<a class="btn btn-primary" href="#" role="button">粉絲專頁</a>
</div>
</div> </div>
</div> </div>
</header> </header>
<div class="bannerArea b-box">
<div class="bannerBox"> <section>
<ul id="banner"> <div class="owl-carousel owl-theme owl-home">
<!--{foreach from=$ad1_list item=ad1s name=ad1s}--> <!--{foreach from=$ad1_list item=ad1s name=ad1s}-->
<li> <div class="item">
<a href="{$http}{$ad1s.domain}" target="_blank"> <a href="{$http}{$ad1s.domain}"
target="_blank">
<img src="/{$ad1s.image1}"> <img src="/{$ad1s.image1}">
<div class="btxt">
<h2>{$ad1s.cname}</h2>
<h3>{$ad1s.banner_text}</h3>
{$ad1s.slogon}
</div>
</a> </a>
</li> </div>
<!--{/foreach}--> <!--{/foreach}-->
</ul>
</div>
</div> </div>
</section>
<div class="mainArea"> <div class="mainArea">
<div class="aboutArea" id="about"> <div class="aboutArea" id="about">
<a class="btnDown"></a> <a class="btnDown"></a>
@ -81,13 +114,17 @@
<div class="item clearfix"> <div class="item clearfix">
<div class="Img"> <div class="Img">
<h3>{$ad2s.cname}<em>View More</em></h3> <h3>{$ad2s.cname}<em>View More</em></h3>
<a href="{$http}{$ad2s.domain}" target="_blank"><img src="/{$ad2s.image2}" alt="{$ad2s.cname}"></a> <a href="{$http}{$ad2s.domain}" target="_blank"><img
src="/{$ad2s.image2}"
alt="{$ad2s.cname}"></a>
<div class="infobar"> <div class="infobar">
<p class="information"> <p class="information">
{$ad2s.address}<br> {$ad2s.address}<br>
服務專線：{$ad2s.tel}</p> 服務專線：{$ad2s.tel}</p>
<a class="weblink" target="_blank" href="{$http}{$ad2s.domain}" title="官方網站">官方網站<em>WEB</em></a> <a class="weblink" target="_blank" href="{$http}{$ad2s.domain}"
<a class="bookinglink" target="_blank" href="{$ad2s.vrmap}" title="地理位置">地理位置<em>VIEW</em></a> title="官方網站">官方網站<em>WEB</em></a>
<a class="bookinglink" target="_blank" href="{$ad2s.vrmap}"
title="地理位置">地理位置<em>VIEW</em></a>
</div> </div>
</div> </div>
</div> </div>
@ -112,10 +149,9 @@
<!--{foreach from=$ad3_list item=ad3s name=ad3s}--> <!--{foreach from=$ad3_list item=ad3s name=ad3s}-->
<li class="room"> <li class="room">
<div class="roomslick"> <div class="roomslick">
<div class="roomimg"><img alt="{$ad3s.name}" src="{$ad3s.image3}" title="{$ad3s.name}"></div> <div class="roomimg"><img alt="{$ad3s.name}"
<!--{foreach from=$ad3s.room item=a3room name=a3room}--> src="{$ad3s.image3}" title="{$ad3s.name}">
<!-- <div class="roomimg"><img alt="{$a3room.name}" src="images/index01.jpg" title="{$a3room.name}"></div>--> </div>
<!--{/foreach}-->
</div> </div>
<h3 class="ti">| {$ad3s.cname}</h3> <h3 class="ti">| {$ad3s.cname}</h3>
<div class="text"> <div class="text">
@ -123,17 +159,19 @@
</div> </div>
<ul class="rooms_icon"> <ul class="rooms_icon">
<!--{foreach from=$ad3s.fac_list item=a3fac name=a3fac}--> <!--{foreach from=$ad3s.fac_list item=a3fac name=a3fac}-->
<li><img src="{$a3fac.image}"><p>{$a3fac.name}</p></li> <li><img src="{$a3fac.image}">
<p>{$a3fac.name}</p>
</li>
<!--{/foreach}--> <!--{/foreach}-->
</ul> </ul>
<div class="w100"> <div class="w100">
<a class="btn btn-style01" target="_blank" href="{$http}{$ad3s.domain}" title="官方網站">官方網站</a> <a class="btn btn-style01" target="_blank" href="{$http}{$ad3s.domain}"
<a class="btn btn-style02" target="_blank" href="{$ad3s.vrmap}" title="地理位置">地理位置</a> title="官方網站">官方網站</a>
<a class="btn btn-style02" target="_blank" href="{$ad3s.vrmap}"
title="地理位置">地理位置</a>
</div> </div>
</li> </li>
<!--{/foreach}--> <!--{/foreach}-->
</ul> </ul>
<!--<div class="text-center bt-wrap"> <!--<div class="text-center bt-wrap">
<a class="btn btn-normal" href="#" title="看更多房型">看更多房型</a> <a class="btn btn-normal" href="#" title="看更多房型">看更多房型</a>
@ -163,7 +201,8 @@
</a> </a>
</div> </div>
<div class="Txt"> <div class="Txt">
<h3><a href="{$http}{$ad4s.domain}" target='_blank' title="{$ad4s.cname}">{$ad4s.cname}</a></h3> <h3><a href="{$http}{$ad4s.domain}" target='_blank'
title="{$ad4s.cname}">{$ad4s.cname}</a></h3>
<p>{$ad4s.slogon}</p> <p>{$ad4s.slogon}</p>
<a class="link" href="{$http}{$ad4s.domain}" target='_blank' title="more">more</a> <a class="link" href="{$http}{$ad4s.domain}" target='_blank' title="more">more</a>
</div> </div>
@ -191,33 +230,36 @@ Copyright © 2020 {$pt.name}｜優質店家推薦
</div> </div>
</footer> </footer>
</div>
<div class="m_menu b-box clearfix">
<div class="mask"></div>
<div class="controlBox clearfix">
<a class="main"><span></span></a>
<div class="m_logo"><a href="/"><img src="{$pt.slogo}"></a></div>
<div class="m_hotelslink">
<strong class="m_hotelslinkbut">{$keywords}</strong>
<ul>
<li><a href="/">不分區</a></li>
<!--{foreach from=$keyword_list item=keyword name=keyword}-->
<li><a href="/{$keyword.name}-{$pt.name}">{$keyword.name}</a></li>
<!--{/foreach}-->
</ul>
</div>
</div>
<div class="hideBox">
<p class="sp">CONTACT</p>
<div class="mfun">
<a href="tel:02-66008966"><i class="fa fa-phone"></i></a>
</div>
<p class="sp sp_menu">MENU</p>
</div>
</div>
<link rel="stylesheet" href="{$tpl}css/index.css"> <link rel="stylesheet" href="{$tpl}css/index.css">
<script src="{$tpl}js/index.js?v=2020073001"></script> <script src="{$tpl}js/index.js?v=2020073001"></script>
<div id="fb-root"></div> <div id="fb-root"></div>
<script src="{$tpl}js/fb.js"></script> <script src="{$tpl}js/fb.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
</script>
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/vendors/jquery.min.js"></script>
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
<script>
$(document).ready(function () {
$('.owl-home').owlCarousel({
loop: true,
items: 1,
margin: 10,
nav: false,
dots: true,
autoplay: true
});
});
</script>
</body> </body>
</html> </html>

209
themes/vr/portal/style.css Executable file → Normal file
View File

@ -1,10 +1,199 @@
/* :root {
Template Name: HappyBet娛樂城 --color1: #0893d3;
Template URI: --color2: #2d366f;
Description: --color3: #242734;
Version: 2.73 --color4: #576585;
Author: --color5: #eeeeee;
Author URI: }
Logo filename: logo.gif
\\ header {
*/ display: block;
padding-top: 20px;
padding-left: 0;
padding-bottom: 10px;
animation: headerover .2s forwards ease-in-out;
}
select {
padding: 9px;
background: white;
border-radius: 5px;
border-color: var(--color5);
margin-right: 5px;
}
.dropdown {
margin-right: 5px;
}
header .dropdown button {
width: 100%;
cursor: pointer;
}
header .col-sm-auto {
padding: 0;
}
header::before {
display: none;
}
.btn-primary {
background-color: var(--color1);
border-color: var(--color1);
}
.dropdown-item:hover {
background: var(--color1);
color: white;
}
@media (max-width: 1024px) {
.pc {
display: none !important;
}
.mobile {
display: block;
}
header {
display: block;
position: relative;
padding-top: 60px;
}
header .container {
position: absolute;
width: 100%;
bottom: 5px;
}
header .logo {
width: 75px;
height: 55px;
display: block;
top: 10px;
left: 10px;
}
header .logo a {
text-indent: 0%
}
header .col-4 {
padding: 0;
}
.titleBox em {
font-size: 35px;
}
}
@media (max-width: 1180px) {
.hotelsArea ul {
display: flex;
flex-wrap: wrap;
}
.hotelsArea ul li,
.hotelsArea ul li:nth-child(odd) {
flex: 0 0 50%;
padding-left: 5px;
}
}
@media (max-width:768px) {
.hotelsArea ul li .item .Img .infobar .information {
padding: 10px;
}
.hotelsArea ul li .item .Img .infobar a.bookinglink,
.hotelsArea ul li .item .Img .infobar a.weblink {
padding: 10px;
}
.hotelsArea ul li .item .Img .infobar a.weblink::before,
.hotelsArea ul li .item .Img .infobar a.bookinglink::before {
display: none;
}
.linkList li .item {
padding: 3px;
}
}
@media (max-width:767px) {
header {
padding-top: 100px;
}
header .btn.btn-primary {
position: absolute;
top: -50px;
right: 5px;
}
.hotelsArea {
padding-bottom: 50px;
}
}
@media (max-width: 640px) {
#hot .roomimg {
height: 100px;
}
#hot .ti {
line-height: 25px;
padding: 10px;
}
#hot .room,
#hot .room:nth-child(2n) {
width: 47%;
margin: 5px;
}
.linkList li {
float: left;
width: 50%;
}
.rooms_icon li {
width: 100%;
margin: 5px;
}
.btn-style01,
.btn-style02 {
width: 47%;
margin: 2px;
padding: 5px;
font-size: 14px;
}
.linkList li .ad_info .date {
font-size: 14px;
}
.linkList li .ad_info {
padding: 10px;
}
}
@media (max-width:320px) {
header .dropdown button {
padding-left: 5px;
}
.dropdown {
margin-right: 0;
}
}