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

CSS3可對顏色做透明,也就是說你在設計網頁上,想要將文字隱藏起來可使用color: transparent這個方法。

蘋果官方網站在CSS設計上,下圖紅色區塊,也是使用這個方式將連結文字隱藏,在對區塊設備背景圖。達到網頁內容有文字,對搜尋有幫助,但在視覺呈現上使用較有彈性的,圖片文字做為背景顯示。

Posted in CSS

Continue Reading

Comment

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

CSS3列印解決許多問題,如@media print可對列印頁面做不同的CSS顯示樣子,設定邊框與頁輸出列印的紙張大小調用,都可以很客製化的去製作所需要的呈現的列印頁面,並且想讓某段落分到下一個頁面,也可用pag-break-after:always;,強制分頁。

以下簡單的範例展示這些CSS3很棒的功能。

<style>
@page {
 margin: 1cm; /*print邊界*/
 size:210mm 148mm; /*列印紙張大小*/
	}
	.print{
	page-break-after:always; /*print分頁面*/
	}
	@media print{
	.imgs{
	width: 100px;
	}
	}
</style>

範例展示:(可按下遊覽器列印來預覽列印頁面結果)

Demo | 下載測試頁面

Posted in CSS

Comment

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

這邊使用的是Windows主機安裝Xampp架設的Web Server環境,然而在其他的系統沒有嘗試使用過。

php sqlsrv安裝

1.首先安裝好xampp。這邊使用的版本為PHP 5.6.15。若想知道自己的php版本可以使用以下php函數方式查看。

<?php
phpinfo();
?>

Posted in 電腦技巧

Continue Reading

Comment

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:\xampp\security\htdocs\index.php on line 12

Warning: include(): Failed opening 'lang/1%00'=1.php' for inclusion (include_path='.;C:\xampp\php\PEAR') in C:\xampp\security\htdocs\index.php on line 12

這個問題好像主要是語系的問題,網路上有人解答只需要將, \xampp\security\htdocs\lang.tmp,檔案內的文字更改過,如為en,詳細如下圖。

 

Posted in 電腦技巧

Comment

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

jQuery cookie應用方法

jquery.cookie.js 一個輕量級的cookie 插件,可以讀取、寫入、刪除cookie。

對cookies的操作在當訪問一個網站就無時無刻的都伴隨著我們,記錄著我們的一舉一動,並將不危害用戶隱私的信息,將以保存,這樣用戶就不用去從新再次操作重複的步驟,這樣大大方便了客戶,也增加了客戶對網站的回頭率。

jquery.cookie.js 提供了jquery中非常簡單的操作cookie的方法。

$.cookie('the_cookie'); // 獲得cookie
$.cookie('the_cookie', 'the_value'); // 設定cookie
$.cookie('the_cookie', 'the_value',{path:'/'}); // 設定cookie為整個網站有效
$.cookie('the_cookie', 'the_value', { expires: 7 }); //設定cookie有效時間7天
$.cookie('the_cookie', '', { expires: -1 }); // 删除
$.cookie('the_cookie', null); // 删除 cookie
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一個cookie 包括有效期 路徑 域名等

Posted in Javascript

Continue Reading

Comment

Find the last offers by SkyBet at www.bettingy.com BettingY.com Bonuses