PHP MYSQL 會員登入/註冊系統的網頁建立

PHP MYSQL 會員登入/註冊系統的網頁建立

我是從這個網站學的，裡面的code有一點bug，
加上現在使用較新的mysqli，新的code附在下面：


註：要先建立一個叫做member的會員資料table，才能供登入新增。
table欄位：id, name, email, password, nick

寫得很好的前端programming教學

以下筆記了好用的線上教學資源，都能夠從讀者角度寫出貼近學習者心理的教學，並且每個步驟都有附程式碼，好學易懂。


No More Cowboy Coding: Improving Your WordPress Workflow
增進WP的整體作業思維，讓開發更有效率。

應用Git的Wordpress網站開發流程
非常詳細的文章，解析一個WP網站開發如何使用Git，適合剛開始開發網站的人員，
建立或反省自己工作模式的好參考。

www.codeofaninja.com
從這個網站學到：從FB連結相簿嵌入顯示在網頁
他還有教：Bootstrap、PHP、AJAX 等等

Tania Rascia
從這個前端設計師的個人網站教學學到：把靜態網站轉為Wordpress的Theme
個人的轉職發展紀錄值得一讀。

把網頁元件置中

非常簡單好用的code

#wrapper {
  background-color: green; /* for vizualization purposes */
  text-align: center;
}
#yourdiv {
  background-color: red; /* for vizualization purposes */
  display: inline-block;
}

<div id="wrapper">    
    <div id="yourdiv">Your text</div>
</div>

來源發問串：stackoverflow

Photo Gallery，採用背景圖片的方式，各種縮圖的呈現調整

(參考Stackoverfolw討論)

找到該元件的html，然後修改它的css style

body {
    margin:0;
    padding:0;
    position:relative;
    background:url(../images/imgs/backgrnd.png) no-repeat;
    background-size: [參考下列方式] ;
}

無調整
照片100%置放，通常會整個超出外框顯示

方法一：
background-size: 100% 100%;
照片不維持原比例，依據外框的長寬伸展到邊緣，沒有被切圖

方法二：
background-size: contain;
照片維持原比例，自動 fit in 外框，同樣沒有切圖，但是內部會留白邊

方法三：
background-size: cover;
overflow:auto;
照片維持原比例，會自動resize依據外框的短邊，長寬多出的部分切掉