生活實用網站

#bar_20171208{ width:100%; position: relative; } #bar_20171208 ul{ width:100%; margin-left:-25px; } #bar_20171208 li{ height:60px; width:100px; float:left; margin-left:3px; list-style-type:none; /* -----IE6 Hank----- */ } #bar_20171208 li a{ display:block; color:black; padding:10px 0 10px 0; font-size:16px; line-height: 20px; ...

閱讀更多

"你是獵人還是獵物？"

控制產品庫存量的php語法

php語法： <?php    $colname_web_shop2017 = "-1"; if (isset($_GET['p_id'])) {   $colname_web_shop2017 = $_GET['p_id']; } mysql_select_db($database_conn_web, $conn_web); $query_web_shop2017 = sprintf("SELECT shop2.p_id, shop2.p_name, shop2.p_price, shop2.p_open, shop2.p_pic, shop2.inventory,  orderlist.p_name,orderlist.odlist_ok, orderlist.odlist_qty, SUM(  `orderlist`.`odlist_qty` ) AS orderlistNum ,shop2.inventory AS inventory , orderlist.odlist_ok AS odlist_ok ,orderlist.odlist_qty AS odlist_qty FROM shop2 LEFT JOIN...

閱讀更多

"你是獵人還是獵物？"

文章點閱率及瀏覽量的php語法

php語法文章點擊率、點閱率如下 先新增一個 updatehits_news.php檔案填入下面語法 <?php require_once('Connections/conn_myweb.php'); ?>//連結資料庫 <?php if (!function_exists("GetSQLValueString")) { function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") {   if (PHP_VERSION < 6) {     $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;   }   $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);  ...

閱讀更多

"你是獵人還是獵物？"

讓iframe自動調整高度 響應式

讓iframe自動調整高度 <style type="text/css"> #video-wrapper{     position: relative;     padding-bottom: 56.25%;  //16:9     overflow: hidden; } #video-wrapper iframe{     position: absolute;     top: 10px;     left: 5%;     bottom:5px;     width: 90%;     height: 90%; }</style> <div id="video-wrapper" style="text-align:center;"> <iframe frameborder="0" scrolling="no" src="#" style="border:none;overflow:hidden;"></iframe></div> ------------------------------------------------------------------------------------------------------------------------------------------------- 找了好幾個方法，就以這個方法簡單又有效~~ 首先，加入iframe的語法。 <iframe...

閱讀更多

"你是獵人還是獵物？"

實用 好用網站連結

好用的網站連結 上網服務 搜尋引擎 新聞網站趣味網站生活資訊 1. HiNet1.雅虎奇摩1.東森新聞報1.美人魚的海灣1.中央氣象局 2..Seednet2.蕃薯藤2.中時電子報2.千慈小魔女2.車輛．車牌失竊 3..東森寬帶3.新浪網3.民視新聞網3.好友報報3.警察法規查詢 4..GiGaGa寬頻超網站4.網路家庭4.聯合新聞網4.開罵王4.地址英譯 5.台灣MSN5.Google5.台視新聞網5.3D摺紙模型網5.中華歷史資料 6..IS.net6.Openfind6.華視新聞網6.MTV下載6.免費線上掃毒 7.SO-net7.哇塞中文網7.香港__明報7.E_CUP趣味收集7.農民曆 8.阿波羅資訊網8.酷站8.廣州__大洋新聞8.電子廟8.台北市票據交換所 9.亞太線上9.華揚搜尋器9.上海_新華社9.金氏世界紀錄9.公路監理站 A.新絲路A.悠遊A.北京_人民網A.世界大不同 B.易達網B.怪獸搜尋引擎B.日本__朝日新聞B.熱帶魚寫真 C.285導覽網C.GAIS網路搜尋C.新加坡_亞州新聞 人力銀行 網路購物 大哥大 電話通信動畫漫畫 1.104人力銀行1.金石堂書店1.中華電信1.中華104查號1.詌譙龍 2.1111人力網2.拍賣王...

閱讀更多

"你是獵人還是獵物？"

Html語法之打勾隱藏選單效果

請打勾看範例我是範例不是飯粒 <!--點擊式開關選單_開始--> <input value="on" type="checkbox" onclick="aaa.style.display=aaa.style.display=='none'?'':'none'" />  請打勾看範例<div id="aaa" style="DISPLAY: none">我是範例不是飯粒</div> <!--點擊式開關選單_結束--> ~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~...

閱讀更多

"你是獵人還是獵物？"

響應式網頁的優點

認識Viewport，Viewport的作用是告訴瀏覽器，目前的裝置是多寬及多高，以便讓訪客透過不同瀏覽裝置瀏覽網站時，不需要透過手指頭來進行放大或縮小的動作閱讀網頁。 語法為 〈meta content="width=device-width, initial-scale=1.0, minimum-scale=0.8,maximum-scale=2.0,user-scale=no" name="viewport"〉 width：使用device-width來做為可視區的寬度 initial-scale：表示初始化的比例，1表100%，範圍從0.1~1可任填。 minimum-scale=0.8：表最小可縮放到0.8比例 maximum-scale=2.0：表最大可縮放到2.0比例 user-scale：是否允許使用者縮放，no是不允許，yes是允許。 由於響應式網頁是建立在css3的基礎下，因此要體驗響應式網頁之前必須要有HTML5與CSS3的瀏覽器 目前支援的瀏覽器版本為 IE9以上 Chrome、Firefox、Opera、Safari使用自動更新版本即可 開發本與時間比往頁APP成本低 因可搭配CSS3的Media Query來撰寫支援行動裝置尺寸的css內容，已應負各種媒介的瀏覽器，若是網頁型的APP則必須各自開發IOS版本及Android板兩個版本，一個版本皆數萬十元起跳，開發時間加上審核上架時間相當長，因此開發成本和時間上明顯優於APP。 不需下載APP就能使用 APP若要更新，必須重新審核過後，再通知所有用戶下載更新；而響應式網頁，只要管理者更新網站資訊，訪客就會瀏覽到最新的資訊版本。 維護成本比APP低 響應式網頁不需要在另寫一份HTML，只需要用CSS屬性針對不同的瀏覽裝置調整即可。然而APP完成後要不定期根據手機的作業系統或新的瀏覽規格做調整，才能確定APP在各種行動載具上都能順利運作。 品牌形象一致 同一個網站適用於各種裝置，自然不需要針對不同版本來設計不同的視覺效果。 符合使用者習慣 不論是電腦PC或行動裝置，瀏覽器的搜尋功能仍以「網頁」為主，例如，當搜尋「艋舺古蹟」時，只會呈現關於「艋舺古蹟」的相關內容，並不會搜尋帶有艋舺古蹟名稱的APP內容。 利於SEO(搜尋引擎最佳化) 響應式網頁在SEO方面顯然優於APP，響應式網頁可避免重複性的內容，保持一致性的連結與使用者習慣性，所以響應式網頁在SEO方面則比APP占優勢。 ~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~...

閱讀更多

"你是獵人還是獵物？"

響應式網頁的媒體查詢 Media Queries 及嵌入內容的設定

Media Query的使用方式： 在CSS檔案中用@media來判斷使用者螢幕寬度，來選擇載入哪一種CSS樣式 在HTML文件中media屬性判斷使用者裝置寬度，來選擇載入哪一種CSS檔案 @media screen and (min-width:1024px) { css設定1 } 畫面寬度1024以上採用css設定1 @media screen and (min-width:768px) { css設定2 } 畫面寬度768以上採用css設定2 @media screen and (min-width:480px) { css設定3 } 畫面寬度480以上採用css設定3 @media screen and (min-width:600px) and  (max-width:800px)  { css設定4 } 畫面寬度600~800px之間採用css設定4 @media only screen and (min-width:600px) { css設定5 } only是用來針對那些不支援Media Queries，卻需要Media Type的設備隱藏樣式使用的。 可新增一個div標籤並加入...

閱讀更多

"你是獵人還是獵物？"

「立即打造您的行動專屬行動網頁 架站快速，開店成本低廉， 網路無國界，賺進全世界！」

【888專案】 孟甲商行 高CP質 RWD響應式網頁設計6888元起 響應式購物網站 「延齡全人健康醫療集團」：醫療器材販售 台北市骨節整復職業工會 中華民國兩岸消費者權益保護協會 中華海峽兩岸交流總會 雅奕國際有限公司：外勞人力仲介 更多案例 為何要做公司網站 [伸縮自如]的響應式網頁購物車,結合部落格、手機及平板電腦[RWD]響應式網站，自適應網頁，讓SEO搜尋引擎最佳化你的網站 隨著智慧型手機的普及網頁的技術近年來也開始重視手機上的視覺效果，響應式網頁設計概念，簡而言之，就是整個網頁頁面會對應不同的解新度，而有不同的呈現方式。...

閱讀更多

"你是獵人還是獵物？"

[免費]在百萬瀏覽量的部落格廣告，高CP質RWD響應式網頁設計，888優惠專案！

888專案 作品展示如下 可免費在百萬瀏覽量的部落格首頁橫幅及頁尾免費廣告 「延齡全人健康醫療集團」 前往網站 台北市骨節整復職業工會：本網站為響應式網頁 可以用手機以Line分享文章及最新消息 前往網站 室內設計公司：本網站為響應式網頁 全功能後台 前往網站 中華海峽兩岸交流總會：近年來海峽兩岸各類交流日趨頻繁。...

閱讀更多

"你是獵人還是獵物？"