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;
}
}

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

@ -1,223 +1,265 @@
<!DOCTYPE html>
<html lang="zh-Hant-TW"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$pt.name}｜{$pt.mtitle}</title>
<meta name="description" content="{$pt.mdesc}">
<meta name="keywords" content="{$pt.mkeyword}">
<link rel="canonical" href="https://{$main_domain}/" />
<html lang="zh-Hant-TW">
<script src="{$tpl}js/zln2mrk.js"></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/home.css">
<link rel="stylesheet" type="text/css" href="{$tpl}css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="{$tpl}css/main.css">
<script src="{$tpl}js/include.js?v=2020082701"></script>
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap" rel="stylesheet">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$pt.name}｜{$pt.mtitle}</title>
<meta name="description" content="{$pt.mdesc}">
<meta name="keywords" content="{$pt.mkeyword}">
<link rel="canonical" href="https://{$main_domain}/" />
<script src="{$tpl}js/zln2mrk.js"></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/home.css">
<link rel="stylesheet" type="text/css" href="{$tpl}css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="{$tpl}css/main.css">
<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 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>
<body>
<div class="outerWrap b-box">
<header>
<div class="logo"><a href="/" title="{$pt.name}" style="background: url('{$pt.logo}') no-repeat;">{$pt.name}</a></div>
<nav class="menuBox">
<ul class="menu cleafix">
<!--{foreach from=$rnd5_portals_1 item=pts1 name=pts1}-->
<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 class="bookingArea"><strong class="bookingBtn" href="javascript:;">依景點分類</strong>
<ul>
{foreach from=$rnd5_portals_3 item=pts3 name=pts3}
<li><a href="{$http}{$pts3.domain}">{$pts3.name}</a></li>
{/foreach}
</ul>
</div>
</div>
</header>
<div class="bannerArea b-box">
<div class="bannerBox">
<ul id="banner">
<!--{foreach from=$ad1_list item=ad1s name=ad1s}-->
<li>
<a href="{$http}{$ad1s.domain}" target="_blank">
<img src="/{$ad1s.image1}">
<div class="btxt">
<h2>{$ad1s.cname}</h2>
<h3>{$ad1s.banner_text}</h3>
{$ad1s.slogon}
</div>
</a>
</li>
<!--{/foreach}-->
</ul>
</div>
</div>
<div class="mainArea">
<div class="aboutArea" id="about">
<a class="btnDown"></a>
</div>
<div class="hotelsArea linkshow" id="hotels">
<div class="wrap b-box clearfix">
<div class="titleBox">
<em>Hot Store</em>
<h2>熱門店家推薦</h2>
</div>
<ul>
<!--{foreach from=$ad2_list item=ad2s name=ad2s}-->
<li>
<div class="item clearfix">
<div class="Img">
<h3>{$ad2s.cname}<em>View More</em></h3>
<a href="{$http}{$ad2s.domain}" target="_blank"><img src="/{$ad2s.image2}" alt="{$ad2s.cname}"></a>
<div class="infobar">
<p class="information">
{$ad2s.address}<br>
服務專線：{$ad2s.tel}</p>
<a class="weblink" target="_blank" href="{$http}{$ad2s.domain}" title="官方網站">官方網站<em>WEB</em></a>
<a class="bookinglink" target="_blank" href="{$ad2s.vrmap}" title="地理位置">地理位置<em>VIEW</em></a>
</div>
</div>
</div>
</li>
{if $smarty.foreach.ad2s.iteration eq 2}
</ul>
<ul>
{/if}
<!--{/foreach}-->
</ul>
</div>
</div>
<div class="newsArea golist2" id="news">
<div class="wrap b-box clearfix" id="hot">
<div class="titleBox">
<em>Recommend</em>
<h2>優質店家推薦</h2>
</div>
<ul class="clearfix">
<!--{foreach from=$ad3_list item=ad3s name=ad3s}-->
<li class="room">
<div class="roomslick">
<div class="roomimg"><img alt="{$ad3s.name}" src="{$ad3s.image3}" title="{$ad3s.name}"></div>
<!--{foreach from=$ad3s.room item=a3room name=a3room}-->
<!-- <div class="roomimg"><img alt="{$a3room.name}" src="images/index01.jpg" title="{$a3room.name}"></div>-->
<header>
<div class="logo pc">
<a href="/" title="{$pt.name}" style="background: url('{$pt.logo}') no-repeat; background-size: contain;">
{$pt.name}
</a>
</div>
<div class="logo mobile">
<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>
<h3 class="ti">| {$ad3s.cname}</h3>
<div class="text">
{$ad3s.ad_text2}
</div>
<ul class="rooms_icon">
</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}
<a class="dropdown-item" href="{$http}{$pts3.domain}">{$pts3.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">
{$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>
</header>
<section>
<div class="owl-carousel owl-theme owl-home">
<!--{foreach from=$ad1_list item=ad1s name=ad1s}-->
<div class="item">
<a href="{$http}{$ad1s.domain}"
target="_blank">
<img src="/{$ad1s.image1}">
</a>
</div>
<!--{/foreach}-->
</div>
</section>
<div class="mainArea">
<div class="aboutArea" id="about">
<a class="btnDown"></a>
</div>
<div class="hotelsArea linkshow" id="hotels">
<div class="wrap b-box clearfix">
<div class="titleBox">
<em>Hot Store</em>
<h2>熱門店家推薦</h2>
</div>
<ul>
<!--{foreach from=$ad2_list item=ad2s name=ad2s}-->
<li>
<div class="item clearfix">
<div class="Img">
<h3>{$ad2s.cname}<em>View More</em></h3>
<a href="{$http}{$ad2s.domain}" target="_blank"><img
src="/{$ad2s.image2}"
alt="{$ad2s.cname}"></a>
<div class="infobar">
<p class="information">
{$ad2s.address}<br>
服務專線：{$ad2s.tel}</p>
<a class="weblink" target="_blank" href="{$http}{$ad2s.domain}"
title="官方網站">官方網站<em>WEB</em></a>
<a class="bookinglink" target="_blank" href="{$ad2s.vrmap}"
title="地理位置">地理位置<em>VIEW</em></a>
</div>
</div>
</div>
</li>
{if $smarty.foreach.ad2s.iteration eq 2}
</ul>
<ul>
{/if}
<!--{/foreach}-->
</ul>
</div>
</div>
<div class="newsArea golist2" id="news">
<div class="wrap b-box clearfix" id="hot">
<div class="titleBox">
<em>Recommend</em>
<h2>優質店家推薦</h2>
</div>
<ul class="clearfix">
<!--{foreach from=$ad3_list item=ad3s name=ad3s}-->
<li class="room">
<div class="roomslick">
<div class="roomimg"><img alt="{$ad3s.name}"
src="{$ad3s.image3}" title="{$ad3s.name}">
</div>
</div>
<h3 class="ti">| {$ad3s.cname}</h3>
<div class="text">
{$ad3s.ad_text2}
</div>
<ul class="rooms_icon">
<!--{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}-->
</ul>
<div class="w100">
<a class="btn btn-style01" target="_blank" href="{$http}{$ad3s.domain}" title="官方網站">官方網站</a>
<a class="btn btn-style02" target="_blank" href="{$ad3s.vrmap}" title="地理位置">地理位置</a>
</div>
</li>
<!--{/foreach}-->
</ul>
<!--<div class="text-center bt-wrap">
</ul>
<div class="w100">
<a class="btn btn-style01" target="_blank" href="{$http}{$ad3s.domain}"
title="官方網站">官方網站</a>
<a class="btn btn-style02" target="_blank" href="{$ad3s.vrmap}"
title="地理位置">地理位置</a>
</div>
</li>
<!--{/foreach}-->
</ul>
<!--<div class="text-center bt-wrap">
<a class="btn btn-normal" href="#" title="看更多房型">看更多房型</a>
</div>-->
<div id="order-now-non"></div>
</div>
</div>
<div id="order-now-non"></div>
</div>
</div>
<div class="newsArea golist2" id="news">
<div class="wrap b-box clearfix">
<div class="titleBox">
<em>All Store</em>
<h2>所有店家查詢</h2>
</div>
<ul class="linkList clearfix">
<!--{foreach from=$ad4_list item=ad4s name=ad4s}-->
<li>
<div class="item clearfix">
<div class="Imgbox">
<div class="Img">
<a href="{$http}{$ad4s.domain}" target='_blank' title="{$ad4s.cname}">
{if $ad4s.image4}
<img src="{$ad4s.image4}" alt={$ad4s.cname}">
{else}
<img src="images/nopic.png" alt={$ad4s.cname}">
{/if}
</a>
</div>
<div class="Txt">
<h3><a href="{$http}{$ad4s.domain}" target='_blank' title="{$ad4s.cname}">{$ad4s.cname}</a></h3>
<p>{$ad4s.slogon}</p>
<a class="link" href="{$http}{$ad4s.domain}" target='_blank' title="more">more</a>
</div>
</div>
<a class="info" href="{$http}{$ad4s.domain}" target='_blank'>
<div class="ad_info">
<div class="date">{$ad4s.cname}</div>
<b class="hotels">more</b>
</div>
</a>
</div>
</li>
<!--{/foreach}-->
</ul>
</div>
</div>
</div>
<footer>
<a class="gotopbut">TOP</a>
<div class="wrap">
{$footer_text}
<div class="copyright">
Copyright © 2020 {$pt.name}｜優質店家推薦
</div>
</div>
<div class="newsArea golist2" id="news">
<div class="wrap b-box clearfix">
<div class="titleBox">
<em>All Store</em>
<h2>所有店家查詢</h2>
</div>
<ul class="linkList clearfix">
<!--{foreach from=$ad4_list item=ad4s name=ad4s}-->
<li>
<div class="item clearfix">
<div class="Imgbox">
<div class="Img">
<a href="{$http}{$ad4s.domain}" target='_blank' title="{$ad4s.cname}">
{if $ad4s.image4}
<img src="{$ad4s.image4}" alt={$ad4s.cname}">
{else}
<img src="images/nopic.png" alt={$ad4s.cname}">
{/if}
</a>
</div>
<div class="Txt">
<h3><a href="{$http}{$ad4s.domain}" target='_blank'
title="{$ad4s.cname}">{$ad4s.cname}</a></h3>
<p>{$ad4s.slogon}</p>
<a class="link" href="{$http}{$ad4s.domain}" target='_blank' title="more">more</a>
</div>
</div>
<a class="info" href="{$http}{$ad4s.domain}" target='_blank'>
<div class="ad_info">
<div class="date">{$ad4s.cname}</div>
<b class="hotels">more</b>
</div>
</a>
</div>
</li>
<!--{/foreach}-->
</ul>
</div>
</div>
</div>
<footer>
<a class="gotopbut">TOP</a>
<div class="wrap">
{$footer_text}
<div class="copyright">
Copyright © 2020 {$pt.name}｜優質店家推薦
</div>
</div>
</footer>
<link rel="stylesheet" href="{$tpl}css/index.css">
<script src="{$tpl}js/index.js?v=2020073001"></script>
<div id="fb-root"></div>
<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>
</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">
<script src="{$tpl}js/index.js?v=2020073001"></script>
<div id="fb-root"></div>
<script src="{$tpl}js/fb.js"></script>
</body>
</html>

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

@ -1,10 +1,199 @@
/*
Template Name: HappyBet娛樂城
Template URI:
Description:
Version: 2.73
Author:
Author URI:
Logo filename: logo.gif
\\
*/
: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;
}
}