技術提供:Blogger.

創意網頁設計,響應式網頁,部落格版型,資料庫,購物車,Bootstrap,RWD,html,css,php,jquery,MySQL,專營綠茶,紅茶,高山凍頂烏龍,阿里山杉林溪梨山大禹嶺茶及茶葉罐杯壺禮盒批發零售,兼營艋舺快遞,汽機車外送,中央果菜市場,環南市場,迪化街等地代購採買及各項代理服務! 孟甲服務專線:0952-916626
E-mail:roberchen3@gmail.com


響應式選單menu

<!DOCTYPE html>
<html lang="zh-TW">
    <head>
        <meta charset="utf-8">    
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--[if IE 7]>
        <link rel="stylesheet" href="/stylesheets/font-awesome-ie7.min.css">
        <![endif]-->
        <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
        <style>
            body {
                margin: 0;
                padding: 10px;
                font-family: 'Open Sans', sans-serif;
                font-size: 18px;
            }
            nav {
                display: block;
                float: left;
                width: 100%;
                margin-bottom: 30px;
             
            }
            .nav ul{
                margin: 0;
                padding: 0;
            }
            .nav li{
                position: relative;
                float: left;
                color: #FFF;
                list-style: none;
                background: #E77C40;
            }
            .nav li a {
                display: block;      
                padding: 15px 30px;
                color: #FFF;
                text-decoration: none;
            }

            .nav li:hover {
                background: #E9905E;
            }
            .nav li ul {
                background-color: rgba(231, 124, 64, 1);
                display: none;
                position: absolute;
                top: 100%;
            }
            .nav li:hover ul {
                display: block;
                right: 0;
                left: 0;
                top: 100%;
            }
            .toggle {
                display: none;
            }
            .arrow-bottom {
                position: absolute;
                top: 25px;
                right: 13px;
                margin-left: 5px;
                border-top: 4px solid #FFF;
                border-right: 4px solid transparent;  
                border-left: 4px solid transparent;      
                width: 1px;
                height: 1px;
            }
            @media (max-width: 640px) {
                .nav {
                    display: none;
                }
                .toggle {
                    display: inline-block;
                    background: #D8540A;
                    padding: 10px 15px;
                    color: #FFF;
                }
                .nav li{
                    float: none;
                }
                .nav li a{
                    padding: 10px 15px;
                }
                .nav li:hover ul {
                    position: relative;
                    display: block;
                    background: transparent;
                }
                .nav li:hover ul li{
                    background: transparent;
                }
                .nav li:hover ul li a{
                    padding-left: 30px;
                }
                .arrow-bottom {
                    top: 20px;
                }
            }              
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".toggle").click(function() {
        $(this).toggleClass("active");
        $(".nav").slideToggle();
    });
    $(".nav > ul > li:has(ul) > a").append('<div class="arrow-bottom"></div>');
});
</script>
    </head>
    <body>
<span class="toggle">Menu</span>
<nav class="nav">
    <ul>
        <li>
            <a href="#">Works</a>
            <ul>
                <li><a href="#">Work1</a></li>
                <li><a href="#">Work2</a></li>
                <li><a href="#">Work3</a></li>
            </ul>
        </li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Links</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Service</a></li>              
    </ul>
</nav>
    </body>
</html>
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

Opencart 會員申請退換貨寄信通知管理員 (VQMOD)

開啟 catalog/controller/account/return.php 找出
$this-&gt;model_account_return-&gt;addReturn($this-&gt;request-&gt;post);

下面加入
$message =”您的顧客 <strong>”.$this->customer->getFirstName().” “.$this->customer->getLastName().”</strong> 提出了退換貨申請,請登入後台「訂單與會員管理/退換貨」查看。<br/><br><br>”
.'<a href=”http://’.$_SERVER[“SERVER_NAME”].’/admin”>登入後台</a>’;
$mail = new mail();
$mail->protocol = $this->config->get(‘config_mail_protocol’);
$mail->parameter = $this->config->get(‘config_mail_parameter’);
$mail->hostname = $this->config->get(‘config_smtp_host’);
$mail->username = $this->config->get(‘config_smtp_username’);
$mail->password = $this->config->get(‘config_smtp_password’);
$mail->port = $this->config->get(‘config_smtp_port’);
$mail->timeout = $this->config->get(‘config_smtp_timeout’);
$mail->setTo($this->config->get(‘config_email’)); /* OR setTo(“MYEmail@MYDOMAIN.COM”); */
$mail->setFrom($this->config->get(‘config_email’)); /* OR setFrom(“MYEmail@MYDOMAIN.COM”); */
$mail->setSender($this->config->get(‘config_name’));
$mail->setSubject(($this->config->get(‘config_name’)) . ” – 退換貨申請”);
$mail->setHtml($message);
$mail->send();


文章引述自Meet See網站
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

不間斷的跑馬燈語法搭配php程式碼

<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<title>孟甲商行</title>
<style type="text/css">
#myDiv {
                overflow: hidden;
                width: 350px;
                background-color: red;
        }
       
        #myDiv img {
                border: 1px solid;
                width: 80px;
        }
</style>
</head>

<body>
<div id="myDiv">
        <table>
        <tr>
                <td id="pic1">
                        //可在紅色字區域將他替換為程式碼
<table>
                        <tr>
                                <td><img src="0.gif" /></td>
                                <td><img src="1.gif" /></td>
                                <td><img src="2.gif" /></td>
                                <td><img src="3.gif" /></td>
                                <td><img src="4.gif" /></td>
                                <td><img src="5.gif" /></td>
                                <td><img src="6.gif" /></td>
                                <td><img src="7.gif" /></td>
                        </tr>
                        </table>
//可在紅色字區域將他替換為程式碼
                </td>
                <td id="pic2"></td>
        </tr>
        </table>
</div>
</body>

<script type="text/javascript">
<!--
        //變數Speed為設定捲軸的速度用 越小越快
        var Speed=1;
        //接受setInterval所回傳的值
        var timer;
        //取得myDiv的參考用的變數
        var myDiv = document.getElementById("myDiv");
        //取得pic2的參考用的變數
        var pic2= document.getElementById("pic2");
        //pic2innerHTML等於pic1innerHTML
        pic2.innerHTML=document.getElementById("pic1").innerHTML;
        //用來捲動myDiv捲軸用的主程式
        function picMarquee(){
                //pic2的寬小於myDivscrollLeft,表示捲軸已經過了第一行
                //所以讓DivscrollLeft再回到原來的位置;反之 則繼續往右跑
                if(pic2.offsetWidth - myDiv.scrollLeft <= 0){
                        myDiv.scrollLeft = 0;
                }else{
                        myDiv.scrollLeft++;
                }
        }
        //Speed毫秒就執行一次pciMarquee()
        timer=setInterval(picMarquee,Speed);
        //當滑鼠在myDiv上時 就停止捲動
        myDiv.onmouseover=function(){
                clearInterval(timer);
        }
        //當滑鼠離開myDiv上時 就繼續往右捲動
        myDiv.onmouseout=function(){
                timer=setInterval(picMarquee,Speed);
        }
//-->
</script>
</html>
<!--Hinet廣告用-->
<script type="text/javascript">
<!--
        //先用Open物件來替代window.open()
        var Open = window.open;
        //覆寫window.open()變成回傳window本身
        window.open = function(){return window;};
//-->

</script>
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~


"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...