粉絲團破2000讚、我自己幫家裡架設的網站有破一定訂單與流量、我也可以做這些事了

如果各位有認識的身障者

他本身跟我一樣屬於重度肢體障礙程度以上

只要自己本身沒任何專業技能(例如:大學專長非外文系、工程科系、製圖等等)

只要1.家庭經濟狀況沒多好 2.家裡有自營生意 滿足以上兩個條件任一條

我可以義務教學如何架設電子商務網站

為甚麼要這麼做?

每次我去醫院開巴士量表或身障證明

或多或少都會遇到不同疾病的孩子

許多孩子由於屬於重度殘疾(無論是肢體或是智能)

都只能靠父母照顧他們一生

如果是在鄉下家庭也可能會被親朋好友看不起(養這孩子有甚麼用?)

更何況我認識的幾位病友連求學都無法完成

我知道很多父母也希望可以徵求外界幫助(無論是政府或民間團體)

可是我認為，或許我們也可證明給別人看

我家孩子也可以幫家裡忙、他也有他存在的價值

如今我本身也算是可以拿自身當範例教導需要的病友擁有一技之長或者可以幫家裡減輕經濟負擔

我主要教導三個方向

1.網站架設後台使用

2.程式碼修改與SEO優化、簡易資安加強(此部分懂英文就教多一點不懂英文就教少一點)

3.一些行銷知識

另外由於很多都是我自己查資料自己學，因此我自認也算半桶水，但我會把我懂得我會的通通教給你

主要用遠端教學(例如skype、teemview、chrome遠端、google hangout)

我目前最多教三名學生(我本身也有自己的工作要做) 滿額則暫停報名

我家網站主要修復有
FB、社群按鈕、結帳與註冊資料簡化、新增物流金流功能、SEO優化、CSS修復、導覽列新增連結、ASCII修復、SSL加密、後台安全控管等等
https://52xianglin.com/

此公告將置頂至有特殊活動在替換

[WebTech #70] CSS > 4. CSS 範例 > 4-4 視覺元件 > 4-4-7 Menu

這篇「分享+留言+按讚」沒破 50 我不甘心！！ ... XD

說真的！這篇我花的整理功夫，至少有七小時以上！因為使用 CSS3 製作 Menu 的範例實在太豐富！我不忍割捨任何一個。加上要想出個面面俱到的分類方法，又花了我不少時間審視手上所有收集到的文件。因此，這麼辛苦才收集齊全、分類完善的文章，請大家稟著「良心」（奸笑），按下一個「讚」吧！

每篇網頁一定都會有所謂「導覽列」。有些是「置頂」，有些是在「左側」。所以我將上百篇文章，精選出來的 28 篇，依照「側邊單層」、「側邊多層」、「頂邊單層」、「頂邊多層」、以及「華麗型導覽列」五大類別，幫各位分類。相信在小弟的幫助之下，您下次想製作「頂邊、側邊」，「單層、多層」，都能「一發中的」。話不多說，以下就是我精選出來的 28 篇 Menu 範例：

「側邊單層」（Sidebar, Single Layer）：
(1) http://www.netmagazine.com/tutorials/swishy-css3-navigation
(2) http://tympanus.net/codrops/2012/02/21/accordion-with-css3/
(3) http://designmodo.com/accordion-css3/
(4) http://www.hongkiat.com/blog/css-content-accordion/
(5) http://www.sitepoint.com/css3-sliding-menu/
(6) http://tympanus.net/codrops/2011/10/24/creative-css3-animation-menus/
(7) http://tympanus.net/codrops/2011/10/19/blur-menu-with-css3-transitions/

「側邊多層」（Sidebar, Multi-layers）：
(1) http://webdesign.tutsplus.com/tutorials/site-elements/orman-clarks-vertical-navigation-menu-the-css3-version/
(2) http://designmodo.com/css3-accordion-menu/
(3) http://www.alessioatzeni.com/blog/css3-menu-navigation-effect/

「頂邊單層」（Navigation Bar, Tabbed）：
(1) http://webdesign.tutsplus.com/videos/how-to-create-a-css3-tabbed-navigation/
(2) http://webdesign.tutsplus.com/tutorials/site-elements/how-to-create-a-modern-ribbon-banner-navigation-bar-with-pure-htmlcss3/
(3) http://tympanus.net/codrops/2012/04/12/animated-content-tabs-with-css3/
(4) http://tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/
(5) http://www.marcofolio.net/css/the_apple.com_navigation_menu_created_using_only_css3.html
(6) http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/

「頂邊多層」（Navigation Bar, Drop-down List）
(1) http://www.webdesignerdepot.com/2012/08/create-a-stunning-menu-in-css3/
(2) http://www.alessioatzeni.com/blog/css3-dropdown-menu/
(3) http://www.script-tutorials.com/css3-green-marble-menu/
(4) http://designmodo.com/css3-dropdown-menu/
(5) http://www.script-tutorials.com/pure-css3-lavalamp-menu/
(6) http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/

「華麗型」（非傳統「置邊」或「置頂」的導覽列）：
(1) http://webdesign.tutsplus.com/tutorials/site-elements/how-to-create-a-css3-wheel-menu/
(2) http://www.inserthtml.com/2012/09/rotating-menu/
(3) http://tympanus.net/codrops/2012/07/02/swatch-book-with-css3-and-jquery/
(4) http://tympanus.net/codrops/2012/03/23/responsive-content-navigator-with-css3/
(5) http://www.alessioatzeni.com/blog/css3-with-jquery-reverse-animation/
(6) http://tympanus.net/codrops/2010/06/28/awesome-cufonized-fly-out-menu/

貼完了～請來賓掌聲鼓勵...（敬禮）

---
最棒的 CSS Selector 或 Properties 線上參考手冊：
（進入後，Selector 在中央，Properties 在左下選單）
http://www.w3schools.com/cssref/css_selectors.asp

請大家看2018最新版本喔!
https://www.youtube.com/watch?v=Z_iUKT69hmg

CSS 網址更新 : https://docs.google.com/document/d/1MJsmGmcI9pAQoH9PqxMNcD8-5lJIfvXvW8CiqyGd0_s/edit?usp=sharing
雷神小喵喵教學 https://forum.gamer.com.tw/Co.php?bsn=17532&sn=3711955
YOUTUBE 聊天室請看留言區置頂文

關於諳石
粉絲專頁 : http://www.facebook.com/Anstone5769
實況網址 : http://www.twitch.tv/anstone5769
實況團體 辣椒湯工作室 : https://www.facebook.com/chililiveshop
—————————————————————————————————————
大家好我是諳（ㄢ）石。
主要在Twitch開台，Youtube 放紀錄檔與少數創作影片。
實況恐怖遊戲為主、RPG、麥塊、獨立創作遊戲、Steam等等。
—————————————————————————————————————
很開心你來收看我的頻道，有任何建議、問題或是有想看的遊戲
歡迎直接留言或是到粉絲團傳訊息給我喔，如果喜歡我的影片
請幫我Youtube按個訂閱，到Twitch按個追隨鼓勵我喔^^