技術提供：Blogger.

猛甲茶道 互動式創意網頁設計 Tea Road

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


響應式選單menu

2015年10月29日 星期四 下午3:00   ,   發表意見

<!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)

2015年10月13日 星期二 上午9:31     發表意見

開啟 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程式碼

2015年10月8日 星期四 上午10:04     發表意見

<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");
        //讓pic2的innerHTML等於pic1的innerHTML
        pic2.innerHTML=document.getElementById("pic1").innerHTML;
        //用來捲動myDiv捲軸用的主程式
        function picMarquee(){
                //若pic2的寬小於myDiv的scrollLeft，表示捲軸已經過了第一行
                //所以讓Div的scrollLeft再回到原來的位置；反之 則繼續往右跑
                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...

php檔案上傳下載功能及語法

2015年9月28日 星期一 下午5:45     發表意見

<?php
//取得目前路徑
$fileDir = getcwd();
//執行刪除動作
if(isset($_GET["action"])&&$_GET["action"]=="delete"){
unlink($_GET["file"]);
$fileDir =pathinfo($_GET["file"],PATHINFO_DIRNAME);
//重新轉頁到目前目錄中
header("Location: ?dir=".$fileDir);
}
//執行上傳動作
if(isset($_GET["action"])&&$_GET["action"]=="upload"){
if($_FILES["upload"]["error"]==0){
move_uploaded_file($_FILES["upload"]["tmp_name"], $_POST["dir"]."//".$_FILES["upload"]["name"]);
}
//重新轉頁到目前目錄中
header("Location: ?dir=".$_POST["dir"]);
}
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>檔案管理</title>
</head>
<body>
<?php
//若有URL參數dir，其值即為目前路徑
if(isset($_GET["dir"])&&$_GET["dir"]!=""){
$fileDir = $_GET["dir"];
}
//目前路徑上一層路徑
$fileUplevel = dirname($fileDir);
//取得目前路徑中的內容
$fileResource = scandir($fileDir);
echo '<table width="500" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#000000">';
//顯示目前路徑
echo '<tr><td bgcolor="#FAFAFA"colspan="3">目前路徑：'.$fileDir.'</td></tr>';
echo '<tr><td bgcolor="#FAFAFA"colspan="3" align="center">';
//設定URL參數action為upload
echo '<form action="?action=upload" method="post" enctype="multipart/form-data" name="form1" id="form1">';
//將上一層路徑帶進連結的URL參數dir中
echo '上傳檔案 <input type="file" name="upload" style="height:20px" />';
echo '<input type="submit" name="button" style="height:20px" value="送出" />';
echo '<input name="dir" type="hidden" id="dir" value="'.$fileDir.'" /></form>';
echo '<tr><td bgcolor="#FAFAFA">名稱</td><td bgcolor="#FAFAFA" width="120" align="center">檔案大小</td><td bgcolor="#FAFAFA" width="80" align="center">功能</td></tr>';
//顯示資料夾內容
foreach($fileResource as $fileName){
if(is_dir($fileDir.'\\'.$fileName)){
//不顯示相對路徑「.」及「..」
if($fileName != "." && $fileName !=".."){
//顯示資料夾，並設定該資料夾的路徑帶進連結的URL參數dir中
echo '<tr><td bgcolor="#FAFAFA" width="300"><a href="?dir='.$fileDir.'//'.$fileName.'">&lt;'.$fileName.'&gt;</a></td>';
echo '<td bgcolor="#FAFAFA" width="120">&nbsp;</td><td bgcolor="#FAFAFA" width="80">&nbsp;</td></tr>';
}
}
}
//顯示檔案的內容
foreach($fileResource as $fileName){
if(is_file($fileDir.'\\'.$fileName)){
//計算檔案大小
$fsize = filesize($fileDir.'\\'.$fileName);
//顯示檔案名稱
echo '<tr><td bgcolor="#FAFAFA" width="300">'.$fileName.'</td>';
//顯示檔案大小，並以千位符號格式化顯示
echo '<td bgcolor="#FAFAFA" width="120" align="right">'.number_format($fsize).' bytes</td>';
//在刪除文字上加上連結，並設定該資料夾的路徑帶進連結的URL參數dir、參數action為delete
echo '<td bgcolor="#FAFAFA" width="80" align="center"><a href="?file='.$fileDir.'\\'.$fileName.'&action=delete">刪除</a></td></tr>';
}
}
echo '</table>';
?>




<div style="margin-top:100px;">
<?php
//若有URL參數dir，其值即為目前路徑
if(isset($_GET["dir"])&&$_GET["dir"]!=""){
$fileDir = $_GET["dir"];
}
//目前路徑上一層路徑
$fileUplevel = dirname($fileDir);
//取得目前路徑中的內容
$fileResource = scandir($fileDir);
echo '<table width="500" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#000000">';
//顯示目前路徑
echo '<tr><td bgcolor="#FAFAFA"colspan="3">目前路徑：'.$fileDir.'</td></tr>';
echo '<tr><td bgcolor="#FAFAFA"colspan="3" align="center">';
//設定URL參數action為upload

echo '<tr><td bgcolor="#FAFAFA">名稱</td><td bgcolor="#FAFAFA" width="120" align="center">檔案大小</td><td bgcolor="#FAFAFA" width="80" align="center">功能</td></tr>';
//顯示資料夾內容
foreach($fileResource as $fileName){
if(is_dir($fileDir.'\\'.$fileName)){
//不顯示相對路徑「.」及「..」
if($fileName != "." && $fileName !=".."){
//顯示資料夾，並設定該資料夾的路徑帶進連結的URL參數dir中
echo '<tr><td bgcolor="#FAFAFA" width="300"><a href="?dir='.$fileDir.'//'.$fileName.'">&lt;'.$fileName.'&gt;</a></td>';
echo '<td bgcolor="#FAFAFA" width="120">&nbsp;</td><td bgcolor="#FAFAFA" width="80">&nbsp;</td></tr>';
}
}
}
//顯示檔案的內容
foreach($fileResource as $fileName){
if(is_file($fileDir.'\\'.$fileName)){
//計算檔案大小
$fsize = filesize($fileDir.'\\'.$fileName);
//顯示檔案名稱
echo '<tr><td bgcolor="#FAFAFA" width="300">'.$fileName.'</td>';
//顯示檔案大小，並以千位符號格式化顯示
echo '<td bgcolor="#FAFAFA" width="120" align="right">'.number_format($fsize).' bytes</td>';
//在刪除文字上加上連結，並設定該資料夾的路徑帶進連結的URL參數dir、參數action為下載
echo '<td bgcolor="#FAFAFA" width="80" align="center"><a href="po/'.$fileName.'" target="1_blank">下載</a></td></tr>';
}
}
echo '</table>';
?>
</div>
</body>
</html>


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

閱讀更多

"你是獵人還是獵物？"

 Related Posts Plugin for WordPress, Blogger...