CSS3 蘋果官網範例文字隱藏color: transparent

CSS3可對顏色做透明,也就是說你在設計網頁上,想要將文字隱藏起來可使用color: transparent這個方法。 而蘋果官方網站在CSS設計上,下圖紅色區塊,也是使用這個方式將連結文字隱藏,在對區塊設備背景圖。達到網頁內容有文字,對搜尋有幫助,但在視覺呈現上使用較有彈性的,圖片文字做為背景顯示。 {googleads center} 以下範例展示CSS color:transparnt隱藏文字方法: HTML Apple Watch 戴著它,就會愛上它。 CSS .promo { color: transparent;...

CSS3 print 列印紙張大小分頁邊框大小方法

CSS3列印解決許多問題,如@media print可對列印頁面做不同的CSS顯示,設定邊框與頁輸出列印的紙張大小調用,都可以很客製化的去製作所需要的呈現的列印頁面,並且想讓某段落分到下一個頁面,也可用pag-break-after:always;強制分頁。 以下簡單的範例展示這些CSS3很棒的功能。 @page { margin: 1cm; /*print邊界*/ size:210mm 148mm; /*列印紙張大小*/ } .print{ page-break-after:always; /*print分頁面*/ }...

PHP使用SQLSRV連結MS SQL Server設定教學

這邊使用的是Windows主機安裝Xampp架設的Web Server環境,然而在其他的系統沒有嘗試使用過。 php sqlsrv安裝 首先安裝好xampp。這邊使用的版本為PHP 5.6.15。若想知道自己的php版本可以使用以下php函數方式查看。 <?php phpinfo(); ?> {googleads center} 再來我們需要下載微軟的PHP for SQL Server driver php_sqlsrv.dll 這個分別有兩個.dll檔案 然而照版本說明PHP 5.6 需要下載 versions...

XAMPP 5.6.12 設定security造訪頁面時發現問題

xampp 5.6.12 這次使用的版本中,security設定的位置改變了,預設只能在localhost造訪,位置為http://localhost/security,但當我造訪頁面時發現問題,錯誤的php顯示訊息如下。 Warning: include(lang/1%00'=1.php): failed to open stream: No such file or directory in C:xamppsecurityhtdocsindex.php on line 12 Warning: include(): Failed...

jQuery cookie紀錄網頁造訪次數判斷方法

jQuery cookie應用方法 jquery.cookie.js 一個輕量級的cookie 插件,可以讀取、寫入、刪除cookie。 對cookies的操作在當訪問一個網站就無時無刻的都伴隨著我們,記錄著我們的一舉一動,並將不危害用戶隱私的信息,將以保存,這樣用戶就不用去從新再次操作重複的步驟,這樣大大方便了客戶,也增加了客戶對網站的回頭率。 jquery.cookie.js 提供了jquery中非常簡單的操作cookie的方法。 $.cookie('the_cookie'); // 獲得cookie...

Joomla SEOSimple 簡單SEO優化網站外掛

強化SEO自動生成meta description內容 Joomla SEOSimple plugin會自動生成文章內的內容在meta description標籤內,以Google來說,官方提供了關於優化網站的一些技巧,告訴你title(標題)最為重要,再來就是description(描述),這兩個影響了搜尋引擎,也影響了使用者的瀏覽判斷依據。然而這個plugin就是用來解決這個問題,通常我們不會太注意,文章頁面的meta description,有時都根本沒有輸入任何訊息,這個插件就是幫助你,自動將文章內容生成為meta...

一步步教你Joomla Akeeba Backup網站備份到還原

Akeeba Backup 是一個能夠快速備份Joomla網站的原件,只需要簡單的步驟就可以將,整個網站包含資料庫整個備份起來,打包成一個.jpa壓縮檔案,可以說是一個Joomla網站管理應用必備的工具,你不需傳統繁瑣備份與還原網站的方式,它就像將網站壓縮一個檔案,發現網站有問題時,想還原時在解壓縮進行還原。還原方式更是簡單,就像是安裝一個Joomla網站一樣,一個個步驟恢復你的網站。 設定備份的資料檔案儲存位置 點選Configuration...

沒有Mac電腦一般PC讓你網頁線上寫Apple Swift 程式

沒有Mac電腦,要安裝Xcode才能夠選寫最新的Apple Swift程式語言,現在只要有遊覽器,就可以在利用線上網站寫Apple推出的最新Swift語言。 是個想學Swift,也是沒有Mac電腦或是手邊正好用的是一般PC,就可在網站上直接線上寫Swift程式,他還可以上傳檔案進行修改後下載程式碼,讓你隨時都可以練習寫Swift。 IBM Swift Sandbox IBM Swift Sandbox 遊覽器線上寫swift語言網站: https://swiftlang.ng.bluemix.net Swiftstub...

Facebook網頁內嵌入粉絲專業Page Plugin如何支持Responsive

FB紛絲專頁Page Plugin可以至Facebook Developers網站,將您的粉絲專頁網址貼上輸入欄位可取得程式碼,但當你將要製作一個Responsive web Design網站時,您將需要以下設定。 {googleads center} Facebook 紛絲專頁Plugin Page Responsive設定上,需要勾選Adapt to plugin container width,並且設定為最寬500的寬度,若不給予數字則會以預設的固定420寬度,不管你有沒有勾選Adapt to plugin...