Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,904

HOME > PHP > PHP Forum > ช่วยทีครัยtemplateมันเป็นสีเทาและแก้ไม่ได้ครับเป็นทุกหน้าที่แสดงเมื่อวานยังปกติ



 

ช่วยทีครัยtemplateมันเป็นสีเทาและแก้ไม่ได้ครับเป็นทุกหน้าที่แสดงเมื่อวานยังปกติ

 



Topic : 133276



โพสกระทู้ ( 3 )
บทความ ( 0 )



สถานะออฟไลน์




หน้าเว็ป

อันนี้ตัวอย่าง code ครับ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

<title>ONLY ONE SHOP</title>

<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet">

<!-- Bootstrap -->
<link type="text/css" rel="stylesheet" href="electro/css/bootstrap.min.css"/>

<!-- Slick -->
<link type="text/css" rel="stylesheet" href="electro/css/slick.css"/>
<link type="text/css" rel="stylesheet" href="electro/css/slick-theme.css"/>

<!-- nouislider -->
<link type="text/css" rel="stylesheet" href="electro/css/nouislider.min.css"/>

<!-- Font Awesome Icon -->
<link rel="stylesheet" href="electro/css/font-awesome.min.css">

<!-- Custom stlylesheet -->
<link type="text/css" rel="stylesheet" href="electro/css/style.css"/>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

</head>
<body>
<!-- HEADER -->
<header>
<!-- TOP HEADER -->
<div id="top-header">
<div class="container">
<ul class="header-links pull-left">
<li><a href="#"><i class="fa fa-phone"></i> +097-051-728-3</a></li>
<li><a href="#"><i class="fa fa-envelope-o"></i> [email protected]</a></li>
</ul>
<ul class="header-links pull-right">
<li><a href="menu.php"><i class="fa fa-user-o"></i>เข้าสู่ระบบ</a></li>
<li><a href="register.php"><i class="fa fa-user-o"></i>สมัครสมาฃิก</a></li>
</ul>
</div>
<a href="#">c</a></div>
<!-- /TOP HEADER -->

<!-- MAIN HEADER -->
<div id="header">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- LOGO -->
<div class="col-md-3">
<div class="header-logo"><img src="products-img/Untitled.png" width="283" height="63"></div>
</div>
<!-- /LOGO -->

<!-- SEARCH BAR -->
<div class="col-md-6">
<div class="header-search">
<form>
<select class="input-select">
<option value="0">All Categories</option>
<option value="1">Category 01</option>
<option value="1">Category 02</option>
</select>
<input name="search" class="input" id="search" placeholder="ค้นหาที่นี้">
<button class="search-btn">ค้นหา</button>
</form>
</div>
</div>
<!-- /SEARCH BAR -->

<!-- ACCOUNT -->
<div class="col-md-3 clearfix">
<div class="header-ctn">
<!-- Wishlist -->
<div>
<a href="#">
<i class="fa fa-heart-o"></i>
<span>สินค้าที่ชอบ</span>
</a>
</div>
<!-- /Wishlist -->

<!-- Cart -->
<div class="dropdown">
<a href="#" class="dropdown-toggle" aria-expanded="true" data-toggle="dropdown">
<i class="fa fa-shopping-cart"></i>
<span>ตะกร้าสินค้า</span>
</a>
<div class="cart-dropdown">
<div class="cart-list">
<div class="product-widget">
<div class="product-img">
<img src="" alt="">
</div>
<div class="product-body">
<h3 class="product-name"><a href="#"></a></h3>
<h4 class="product-price"><span class="qty"></span></h4>
</div>
<button class="delete"><i class="fa fa-close"></i></button>
</div>


</div>
<div class="cart-summary">
<small>0 Item(s) selected</small>
<h5>SUBTOTAL: $0</h5>
<div class="cart-btns">
<a href="#">View Cart</a>
<a href="#">Checkout <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
<!-- /Cart -->

<!-- Menu Toogle -->
<div class="menu-toggle">
<a href="#">
<i class="fa fa-bars"></i>
<span>Menu</span>
</a>
</div>
<!-- /Menu Toogle -->
</div>
</div>
<!-- /ACCOUNT -->
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!-- /MAIN HEADER -->
</header>
<!-- /HEADER -->

<!-- NAVIGATION -->
<nav id="navigation">
<!-- container -->
<div class="container">
<!-- responsive-nav -->
<div id="responsive-nav">
<!-- NAV -->
<ul class="main-nav nav navbar-nav">
<li class="active"><a href="index.php">หน้าหลัก</a></li>
<li><a href="#">สินค้า</a></li>

</ul>
<!-- /NAV -->
</div>
<!-- /responsive-nav -->
</div>
<!-- /container -->
</nav>
<!-- /NAVIGATION -->

<!-- SECTION -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- shop -->
<div class="col-md-4 col-xs-6">
<div class="shop">
<div class="shop-img">
<div class="shop-img"> <img src="electro/img/shop01.png" alt=""> </div>
</div>
<div class="shop-body">
<h3>Monitors<br>Collection</h3>
<a href="#" class="cta-btn">สั่งซื้อ<i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
<!-- /shop -->

<!-- shop -->
<div class="col-md-4 col-xs-6">
<div class="shop">
<div class="shop-img">
<img src="electro/img/shop03.png" alt="">
</div>
<div class="shop-body">
<h3>Accessories<br>Collection</h3>
<a href="#" class="cta-btn">สั่งซื้อ<i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
<!-- /shop -->

<!-- shop -->
<div class="col-md-4 col-xs-6">
<div class="shop">
<div class="shop-body">
<h3>CPU/GPU<br>Collection</h3>
<a href="#" class="cta-btn">สั่งซื้อ<i class="fa fa-arrow-circle-right"></i></a>
</div>
<img src="products-img/01.jpg" width="367" height="238"> </div>
</div>
<!-- /shop -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->

<!-- SECTION -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">

<!-- section title -->
<div class="col-md-12">
<div class="section-title">
<h3 class="title">สินค้าใหม่</h3>
<div class="section-nav">
<ul class="section-tab-nav tab-nav">
</ul>
</div>
</div>
</div>
<!-- /section title -->

<!-- Products tab & slick -->
<div class="col-md-12">
<div class="row">
<div class="products-tabs">
<!-- tab -->
<div id="tab1" class="tab-pane active">
<div class="products-slick" data-nav="#slick-nav-1">
<!-- product -->
<div class="product">
<div class="product-img">
<div class="product-label">
<span class="sale">-30%</span>
<span class="new">NEW</span>
</div>
<img src="products-img/1.jpg" width="800" height="250"> </div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Kingston HyperX Fury DDR4 8GB/2400</a></h3>
<h4 class="product-price">฿1533.00 <del class="product-old-price">฿2190.00</del></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->

<!-- product -->
<div class="product">
<div class="product-img"><img src="products-img/2.jpg" width="800" height="250">
<div class="product-label">
<span class="new">NEW</span>
</div>
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">KINGSTON RAM DDR3 8GB/1600 Hyper-X FURY</a></h3>
<h4 class="product-price">฿1300.00 <del class="product-old-price">฿2500.00</del></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->

<!-- product -->
<div class="product">
<div class="product-img">
<div class="product-label">
<span class="sale">-30%</span>
</div>
<img src="products-img/5.jpg" width="150" height="250"> </div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">MSI VGA รุ่น 4GB GDDR5 GTX1050TI AERO ITX OC</a></h3>
<h4 class="product-price">฿4501.00 <del class="product-old-price">฿6490.00</del></h4>
<div class="product-rating">
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->

<!-- product -->
<div class="product">
<div class="product-img"><img src="products-img/6.jpg" width="355" height="250"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">INTEL Core i3-8100</a></h3>
<h4 class="product-price">฿4200.00 <del class="product-old-price">฿4300.00</del></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->

<!-- product -->
<div class="product">
<div class="product-img"><img src="products-img/7.jpg" width="678" height="250"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">ACER Gaming LED 21.5"VG220Qbmiix (IPS Pane,VGA,HDMI)</a></h3>
<h4 class="product-price">฿4000.00 <del class="product-old-price">฿4090.00</del></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->
</div>
<div id="slick-nav-1" class="products-slick-nav"></div>
</div>
<!-- /tab -->
</div>
</div>
</div>
<!-- Products tab & slick -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->


<!-- SECTION -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">

<!-- section title -->
<div class="col-md-12">
<div class="section-title">
<h3 class="title">สินค้าขายดี</h3>
<div class="section-nav">
<ul class="section-tab-nav tab-nav">
</ul>
</div>
</div>
</div>
<!-- /section title -->

<!-- Products tab & slick -->
<div class="col-md-12">
<div class="row">
<div class="products-tabs">
<!-- tab -->
<div id="tab2" class="tab-pane fade in active">
<div class="products-slick" data-nav="#slick-nav-2">
<!-- product -->
<div class="product">
<div class="product-img"><img src="products-img/8.jpg" width="249" height="250">
<div class="product-label">
<span class="sale">-30%</span>
<span class="new">NEW</span>
</div>
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">RAZER DEATHADDER ESSENTIAL GAMING MOUSE</a></h3>
<h4 class="product-price">฿693.00 <del class="product-old-price">฿990.00</del></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->

<!-- product -->
<div class="product">
<div class="product-img"><img src="products-img/9.jpg" width="425" height="250">
<div class="product-label">
<span class="new">NEW</span>
</div>
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">azer Cynosa Chroma Multi-Color Gaming Keyboard</a></h3>
<h4 class="product-price">฿1900.00 <del class="product-old-price">฿1990.00</del></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->

<!-- product -->
<div class="product">
<div class="product-img"><img src="products-img/10.jpg" width="500" height="250">
<div class="product-label">
<span class="sale">-30%</span>
</div>
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Razer Panthera Evo Arcade Stick for Playstation 4</a></h3>
<h4 class="product-price">฿6643.00 <del class="product-old-price">฿9490.00</del></h4>
<div class="product-rating">
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->

<!-- product -->
<div class="product">
<div class="product-img"><img src="products-img/11.jpg" width="219" height="250"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Microsoft Xbox One Controller + Wireless Adapter</a></h3>
<h4 class="product-price">฿2250.00 <del class="product-old-price">฿2400.00</del></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->

<!-- product -->
<div class="product">
<div class="product-img"><img src="products-img/12.jpg" width="250" height="250"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">FANTECH AURORA MPR350 RGB Mouse Pad แผ่นรองเมาส์เกมมิ่งไฟ RGB</a></h3>
<h4 class="product-price">฿1200.00 <del class="product-old-price">฿1290.00</del></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<div class="product-btns">
<button class="add-to-wishlist"><i class="fa fa-heart-o"></i><span class="tooltipp">add to wishlist</span></button>
<button class="add-to-compare"><i class="fa fa-exchange"></i><span class="tooltipp">add to compare</span></button>
<button class="quick-view"><i class="fa fa-eye"></i><span class="tooltipp">quick view</span></button>
</div>
</div>
<div class="add-to-cart">
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i>สั่งซื้อสินค้า</button>
</div>
</div>
<!-- /product -->
</div>
<div id="slick-nav-2" class="products-slick-nav"></div>
</div>
<!-- /tab -->
</div>
</div>
</div>
<!-- /Products tab & slick -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->

<!-- SECTION -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-4 col-xs-6">
<div class="section-title">
<h4 class="title">สินค้าขายดี</h4>
<div class="section-nav">
<div id="slick-nav-3" class="products-slick-nav"></div>
</div>
</div>

<div class="products-widget-slick" data-nav="#slick-nav-3">
<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/12.jpg" width="70" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">FANTECH AURORA MPR350 RGB Mouse Pad แผ่นรองเมาส์เกมมิ่งไฟ RGB</a></h3>
<h4 class="product-price">฿1200.00 <del class="product-old-price">฿1290.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/11.jpg" width="62" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Microsoft Xbox One Controller + Wireless Adapter</a></h3>
<h4 class="product-price">฿2250.00 <del class="product-old-price">฿2400.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/10.jpg" width="70" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Razer Panthera Evo Arcade Stick for Playstation 4</a></h3>
<h4 class="product-price">฿6643.00 <del class="product-old-price">฿9490.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>

<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/9.jpg" width="119" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">azer Cynosa Chroma Multi-Color Gaming Keyboard</a></h3>
<h4 class="product-price">฿1900.00 <del class="product-old-price">฿1990.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/8.jpg" width="71" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">RAZER DEATHADDER ESSENTIAL GAMING MOUSE</a></h3>
<h4 class="product-price">฿693.00 <del class="product-old-price">฿990.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/6.jpg" width="71" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">INTEL Core i3-8100</a></h3>
<h4 class="product-price">฿4200.00 <del class="product-old-price">฿4300.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>
</div>
</div>

<div class="col-md-4 col-xs-6">
<div class="section-title">
<h4 class="title">สินค้าขายดี</h4>
<div class="section-nav">
<div id="slick-nav-4" class="products-slick-nav"></div>
</div>
</div>

<div class="products-widget-slick" data-nav="#slick-nav-4">
<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/10.jpg" width="70" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Razer Panthera Evo Arcade Stick for Playstation 4</a></h3>
<h4 class="product-price">฿6643.00 <del class="product-old-price">฿9490.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/6.jpg" width="71" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">INTEL Core i3-8100</a></h3>
<h4 class="product-price">฿4200.00 <del class="product-old-price">฿4300.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/1.jpg" width="208" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Kingston HyperX Fury DDR4 8GB/2400</a></h3>
<h4 class="product-price">฿1533.00 <del class="product-old-price">฿2190.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>

<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/2.jpg" width="96" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">KINGSTON RAM DDR3 8GB/1600 Hyper-X FURY</a></h3>
<h4 class="product-price">฿1300.00 <del class="product-old-price">฿2500.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/5.jpg" width="71" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">MSI VGA รุ่น 4GB GDDR5 GTX1050TI AERO ITX OC</a></h3>
<h4 class="product-price">฿4501.00 <del class="product-old-price">฿6490.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/13.jpg" width="72" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Brother Printer DCP-T310 Ink Tank All-in-One</a></h3>
<h4 class="product-price">฿3500.00 <del class="product-old-price">฿4000.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>
</div>
</div>

<div class="clearfix visible-sm visible-xs"></div>

<div class="col-md-4 col-xs-6">
<div class="section-title">
<h4 class="title">สินค้าขายดี</h4>
<div class="section-nav">
<div id="slick-nav-5" class="products-slick-nav"></div>
</div>
</div>

<div class="products-widget-slick" data-nav="#slick-nav-5">
<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/14.jpg" width="80" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Thrustmaster T-16000M FCS</a></h3>
<h4 class="product-price">฿2500.00 <del class="product-old-price">฿2800.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/15.jpg" width="70" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">7pin PK900 Gaming Keyboard with RGB Backlight 104 Keys - intl</a></h3>
<h4 class="product-price">฿1200.00 <del class="product-old-price">฿1400.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/16.jpg" width="68" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Neolution E-Sport Gaming Headset Orion</a></h3>
<h4 class="product-price">฿450.00 <del class="product-old-price">฿550.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>

<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/17.jpg" width="122" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">Havit HV-MS735 MMO Gaming Mouse</a></h3>
<h4 class="product-price">฿2250.00 <del class="product-old-price">฿2550.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/18.jpg" width="96" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">AOC Gaming G2260VWQ6 21.5" gaming monitor, Full HD 1920x1080,</a></h3>
<h4 class="product-price">฿3800.00 <del class="product-old-price">฿4100.00</del></h4>
</div>
</div>
<!-- /product widget -->

<!-- product widget -->
<div class="product-widget">
<div class="product-img"><img src="products-img/19.jpg" width="137" height="70"></div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">HTC Vive VR Virtual Reality Headset</a></h3>
<h4 class="product-price">฿25000.00 <del class="product-old-price">฿28000.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>
</div>
</div>

</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->

<!-- NEWSLETTER -->
<div id="newsletter" class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-12">
<div class="newsletter">
<p>Sign Up for the <strong>NEWSLETTER</strong></p>
<form>
<input class="input" type="email" placeholder="Enter Your Email">
<button class="newsletter-btn"><i class="fa fa-envelope"></i> Subscribe</button>
</form>
<ul class="newsletter-follow">
<li>
<a href="https://www.facebook.com"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="https://www.twitter.com/?lang=th"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="https://www.instagram.com/?hl=th"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="https://www.pinterest.com/"><i class="fa fa-pinterest"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /NEWSLETTER -->

<!-- FOOTER -->
<footer id="footer">
<!-- top footer -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-3 col-xs-6">
<div class="footer">
<h3 class="footer-title">เกี่ยวกับเรา</h3>
<p></p>
<ul class="footer-links">
<li><a href="#"><i class="fa fa-map-marker"></i>116/1 บ้านพักรถไฟ กม.11</a></li>
<li><a href="#"><i class="fa fa-phone"></i>+097-051-728-3</a></li>
<li><a href="#"><i class="fa fa-envelope-o"></i>[email protected]</a></li>
</ul>
</div>
</div>

<div class="col-md-3 col-xs-6">
<div class="footer">
<h3 class="footer-title">ประเภทสินค้า</h3>
<ul class="footer-links">
<li><a href="#">สินค้าขายดี</a></li>
<li><a href="#">Monitors</a></li>
<li><a href="#">CPU/GPU</a></li>
<li><a href="#">RAM</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</div>
</div>

<div class="clearfix visible-xs"></div>

<div class="col-md-3 col-xs-6">
<div class="footer">
<h3 class="footer-title">ข้อมูล</h3>
<ul class="footer-links">
<li><a href="#">เกี่ยวกับเรา</a></li>
<li><a href="#">ติดต่อเรา</a></li>
<li><a href="#">ความปลอดภัย</a></li>
<li><a href="#">การสั่งสินค้าและส่งคินสินค้า</a></li>
<li><a href="#">Terms & Conditions</a></li>
</ul>
</div>
</div>

<div class="col-md-3 col-xs-6">
<div class="footer">
<h3 class="footer-title">การบริการ</h3>
<ul class="footer-links">
<li><a href="menu.php">My Account</a></li>
<li><a href="#">ตะกร้าสินค้า</a></li>
<li><a href="#">สินค้าที่ชอบ</a></li>
<li><a href="#">ติดตามสินค้า</a></li>
<li><a href="#">ช่วยเหลือ</a></li>
</ul>
</div>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /top footer -->

<!-- bottom footer -->
<div id="bottom-footer" class="section">
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-12 text-center">
<ul class="footer-payments">
<li><a href="#"><i class="fa fa-cc-visa"></i></a></li>
<li><a href="#"><i class="fa fa-credit-card"></i></a></li>
<li><a href="#"><i class="fa fa-cc-paypal"></i></a></li>
<li><a href="#"><i class="fa fa-cc-mastercard"></i></a></li>
<li><a href="#"><i class="fa fa-cc-discover"></i></a></li>
<li><a href="#"><i class="fa fa-cc-amex"></i></a></li>
</ul>
<span class="copyright">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</span>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /bottom footer -->
</footer>
<!-- /FOOTER -->

<!-- jQuery Plugins -->
<script src="electro/js/jquery.min.js"></script>
<script src="electro/js/bootstrap.min.js"></script>
<script src="electro/js/slick.min.js"></script>
<script src="electro/js/nouislider.min.js"></script>
<script src="electro/js/jquery.zoom.min.js"></script>
<script src="electro/js/main.js"></script>

</body>
</html>



Tag : PHP, MySQL, Google Chrome, XAMPP, Windows









ประวัติการแก้ไข
2019-03-09 18:20:34
2019-03-09 19:29:52
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-03-09 17:04:20 By : card0074 View : 141 Reply : 2
 

 

No. 1



โพสกระทู้ ( 157 )
บทความ ( 0 )



สถานะออฟไลน์


ได้มีการเรียกใช้ css ไหนเพิ่มเติมหรือเปล่าครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-03-10 00:52:30 By : Jatmentz
 


 

No. 2



โพสกระทู้ ( 2,182 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

inspect ส่วนที่เป็นสีเทาดูครับ แล้วตามไปแก้ css ที่ขึ้นมา
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-03-10 14:49:58 By : Manussawin
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ช่วยทีครัยtemplateมันเป็นสีเทาและแก้ไม่ได้ครับเป็นทุกหน้าที่แสดงเมื่อวานยังปกติ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่