現有網頁簡易改成支援RWD

-

現有網頁視覺設計的結構若沒有很複雜，可以通過CSS架構重組，利用模組化結構簡易實現RWD自適應頁面的效果。

- 依循Box觀念的結構化架框

頁面版面框架結構若未依循Box結構規範，先修訂為結構化架框(參照下方全寬視覺版面結構修訂)

- 在<head></head>內加入viewport宣告

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;">

- 主box寬度用%來定寬度

當列區有2欄以上的版面結構時，用BOX區塊並設為float來達成多欄效果。
最外框的box，將寬度換算成%來訂，不要用px來指定寬度，padding-lef和padding-right需為0
每一欄需有邊界時，在每一欄的box內再建一個box來定padding-lef和padding-right

- Media Queries調整不同寬度時的CSS變化

建議可以另建一個css檔，建media rule都放在這個CSS檔內會比較好管理
幾個必要的寬度定義，小於最大閱讀寬度時，最小手機寬度等等...
@media screen and (max-width:999px){內放符合此寬度要改變的CSS定義}
@media screen and (max-width:500px){內放符合此寬度要改變的CSS定義}
建議順序一致，也就是用max-width來判斷時，最好由上到下都是max-width，是min-width則都用min-width，這樣會比較好控管
細節可以參考 http://www.w3schools.com/cssref/css3_pr_mediaquery.asp 說明

- 其他相關

  • 文字可以盡量用em替代px，1em=13px來換算，可以為小數
  • image 以CSS定義width=100%，若圖片原始大小小於media width時則要加設max-width
  • 在@media中最好加上 !important (優先權)以避免tag為class無優先權時無法變更原來屬性的問題

全寬視覺的版面結構

按照主背景不同由上而下切分為幾個橫列，每個橫列的Box就各各自塞入背景圖
用wrap_ct來控制和調整內容區的寬度並自動置放於螢幕中間
box有塞背景圖，min-height: hight:100% backgroud-color 保持彈性

.wrap_ct {
max-width: 999px;//閱讀視覺的寬度
width: 100%;//必要條件
height: 100%;//可選
margin-right: auto; margin-left: auto;//必要條件
}

<div id="(ROW1區)">
<div class="wrap_ct"></div>
</div>
<div id="(ROW2區)">
<div class="wrap_ct"></div>
</div>
<div id="(ROW3區)">
<div class="wrap_ct"></div>
</div>


這個網誌中的熱門文章

沒印表機沒關係 便利商店找印去

-
圖片
噴墨印表機很便宜但是墨水不便宜，如果不常列印時又常會遇上印不出來的困擾，有印表機等於沒有。尤其是有大學以下的小孩常會遇到小朋友繳作業要小量列印的需求。 沒有列印設備者，遇到列印需求時怎麼辦? 這時24小時營業的便列商店的列印服務就是最便利的選擇，24小時隨到隨印，黑色或彩色只要曼尼夠通通都可以，而且印出來品質比家裏噴墨印機表還好。 7-Eleven和全家提供的列印服務較為齊全，OK也有提供，Hi-Life提供的USB文件列印僅限JPG和PDF格式較不方便。 價錢並不完全相同，但A4的黑白文件一般紙張列印通常都是1張2元。 7-Elveen iBone 支援USB隨身碟、SD、MiniSD等記憶卡， 沒有上述儲存裝置時， 可以先在iBon網站上將檔案先上傳至雲端 支援Word、Power Point、 Excel、txt、pdf等格式檔案 支援儲存裝置、檔案格式、列印費用， 詳見說明 iBone列印操作示範 列印完畢後，在旁邊影印機取出文件→(拔出儲存裝置)→取出繳費單至櫃台繳費。 一般按開始列印繳費單會先印出，如果文件沒有印出來時請立即向櫃台反應。 全家 FamiPort 列印 支援USB隨身碟、SD、MiniSD等記憶卡， 沒有上述儲存設備時， 可以先在famiport.com網站上將檔案先上傳至雲端 支援Word、Power Point、 Excel、txt、csv、pdf等格式檔案 支援儲存裝置、檔案格式、列印費用， 詳見說明 在FamiPort選擇下載→列印服務(自備儲存裝置)/雲端列印(檔案已先上傳)，其他依畫面指示操作即可。 選擇確定列印後FamiPort會先列出繳費單，等旁邊影印機印出後取出文件，接著拔出儲存裝置(如果是自備儲存裝置者)，再至至櫃台繳費。 請注意，如果旁邊影印機並未印出文件時，或操作時遇到問題或宋連接設備等問題時，請立即向櫃台反應。 OK Markt 列印 詳見OK USB列印服務說明
閱讀完整內容

被時代淘汱的英文怎麼說

-
圖片
工作需要有時會要英文Email，這次遇到疑惑是被時代淘汱，在Lingoes上查淘汱得到的是die out, fall into disuse, eliminate，disuse是廢止的意味而eliminate則是剔除，好像都不太適合。 爬網後發現淘汱是很中式的表達方式，並沒有什麼直接的英文單字或片語可以通用，情境不同用法就不用。 最常見的就是從賽事中淘汱，一般意味被out，出局了 例: She went out in the first round. 她在比賽的第一輪比賽中遭淘汰。 再來就是設備被淘汱，有逐漸廢棄的意味 例: Electronic equipment quickly becomes obsolescent. 電子設備淘汰得很快 被時代淘汱，偏向 跟不上意味，按照大大的建議用fall behind the times或out of step with the time比較符合我要表述的感覺。若是被社會淘汱可以將time換成 society。 個人英文並不是很好，爬文比對很篩選兩篇感覺中肯文章供參考 被社會淘汰的英文 淘汱英文相關用句
閱讀完整內容

探訪神秘的烏法魯神殿

-
圖片
Line 烏法魯天地裏在打開某一層級的部落就會出現一顆大石頭，將大石頭移開就會開啟『魔法之門』，在魔法之門至少24小時可以探訪『烏法魯森林」一次、至少36小時採訪「烏法魯神殿」一次，進去森林和神殿就可以撿石頭獲取禮物包含鑽石、能量球、經驗值和食物。 只要打開『魔法之門』就可以去探訪『烏法魯森林」，若只有帶10級以下(含)的烏法魯且沒有帶朋友只能撿7顆石頭，而且很可能撿不到鑽石，所以打開『魔法之門』後最好是帶10級以上且等級越高越好的烏法魯，而且還要有「互為好友」3名以上，通通帶進去至少可撿11顆石頭，而且至少可撿到1顆好一點甚至可以撿到3顆鑽石。要如何撿到比較好禮物，這部份介紹網路比較容易找的到，這裏就略過不談。 這裏主要探視「烏法魯神殿」，要打開神殿基本上要有星屬的寵物像黑暗龍、黃金龍、天使龍、影龍或獅身鷲，備有500鑽就可打開「烏法魯神殿」，然後至少36小時可進入神殿一次。 花500鑽進神殿，每次只能撿3~5顆鑽，至少要150天以上才能回本。有人說不太划算，但這是見人見智看法， 有開神殿的人，每3天可以比沒有神殿的人多2次賺食物、能量球和經驗值的機會，有助於加速升級蓋棲息地 ， 棲息地多以及寵物升級快，能量球產值增大就可種更多食物讓寵物升級。 神殿的食物、能量球和經驗值明顯比森林的多。一般森林食物大多數在5K以下，神殿食物一次可能撿到15K，能量球100萬以上是正常，有時可撿到1千萬經驗值。 「烏法魯神殿」的玩法和『烏法魯森林」大同小異，帶的寵物是星屬寵，能帶進去神殿的朋友是至少有一隻星屬寵的好友，所以要開神殿建議互為好友的朋友群中有3位是具有星屬寵這樣比較有利，進去可撿10顆，因為星屬目前只能升到10級。
閱讀完整內容

色情廣告視窗關不掉? 動手解解看吧~

-
圖片
雖然一再勸告不明網站不要隨便踩，但還是會有人中槍。還好不是木馬，色情廣告視窗關不掉也是很窘的，收到求救爬一下網，雖然狀況一樣是將《HTML主應用程式》色情廣告窗結束工作後會再閃出的問題，但是按照大大的指示，很不幸在Regedit內地毯式搜尋每個Mshta.exe都沒有可疑的設定，因為是Win10所以也沒辦法依照大大方法看到執行的位置描述，就只能看到在《處理程序》中看到Microsoft HTML主應用程式(即Mshta.exe)。 參考文：每一次開機桌面都有色情廣告-方法一 參考文：每一次開機桌面都有色情廣告-方法二 王宮 芳苑燈塔 秉持不放棄精神，在Win10《工作管理員》中點選《開機》，歐耶抓到了，凶手是F4VY55VW_.exe這支程式，看畫面顯然這支程式還順便裁髒《HTML主應用程式》，其實Regedit並沒有真的啟用Mshta.exe，難怪在Regedit內查不到。 檔案名是隨機在變的，不要記檔名，沒有用的 ，要自行看看有沒有怪怪的或不合理的程式，若不會判斷的，就將不太清楚的檔名記下到網上扒文。 嫌凶藏在那裏呢? 這時再點《應用程式》歷程，然後在F4VY55VW_.exe按右鍵→內容，就可看到凶嫌所在的位置，用檔案管理員將這個目錄砍掉，噁心的圖片就不見了。 主嫌抓到了，接著就可順藤摸瓜，到Regedit內砍掉開啟時啟動設定，一般就是放在HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Run 以及 HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Run 內，為避免漏網之魚，可以直接搜尋凶手名稱(本例為F4VY55VW)，然後將呼叫凶手的設定整個砍掉，除草務盡，所以找到第一個砍掉後要再按F3繼續往下找，通通都砍掉。本例總共找到2個。 完成後再開機，噁心的視窗不見了，《處理程序中》也沒看到，開薰~~ 心得 一般這種在埋在開機啟動程序中一併執行的侵劣份子都會變種，也就是名稱和執行檔案放執的位置會變。 所以win7前版本可依大大的二個方式，找出凶手所在位置；Win10則按上述方式找出可疑的份子。 最後建議還是在Regedit搜一遍把埋在開機Run的設定...
閱讀完整內容

玩轉水晶石工作室 妝點個人部落

-
圖片
很多人說水晶工作室就是個錢坑炫富用。其實要不要水晶工作室主要看個人興趣，你若和在下一樣喜歡買飾品佈置部落，水晶工作室就是一項不錯的選擇。 製作一個可放部落有寵物蛋的水晶柱要花掉多少鑽? 花200鑽買一個水晶工作室。這是一次性花費。 擴充部落可放柱子的數量，非必要，看個人需求。 基本是20根柱子，要多放就要升級，原則上每升一級多10根，升一級花10顆鑽以上。 升到第四階段前每升一級10顆鑽可多放10根，到第四階段部落可放50根。 50根後每升一級多10根就要15顆鑽 ，70根後每一級多10根要17顆鑽，唉~為什麼不是買越多越便宜呢 > < 。 製作水晶石，製作一個水晶石要0~4顆鑽，看寵物，大部份是2鑽。 買柱子，非必要花鑽。柱子樣式很多，用能量球或鑽買柱子的選擇都很多，要不要花鑽可以取決於個人。 單屬性烏法魯製作水晶石都是0鑽。 雙屬性以上包含星屬製作一顆水晶石都是2~4顆鑽，看那隻的定價。 做好的水晶石一律在倉庫，水晶石就是要放部落時就要買柱子，柱子種類很多，有些用能量球就可以買，有些要花鑽。 放在部落有寵物蛋的水晶柱，要如何換柱或換蛋 放在柱子上的水晶石可以放回倉庫或直接賣掉。可以只放空空的柱子，空空的柱子是有佔柱子數量哦。 已召換的烏法魯，製作第一顆水晶球，烏法魯是不會消失。第二顆起就要同時犠牲一隻。 所以抽獎寵、限定寵或不好召且不能複製的寵物，只有一隻時，做好水晶蛋後建議不要賣掉，要再做蛋烏法魯就會被收回消失了。 0鑽製作寵物蛋水晶柱 用單屬性烏法魯製作水晶石如蹦蹦、暴牙鼠、乖乖狸、溫順瀨、閃電雞、大嘴、咕咪。 或懶懶、福比、大眼蛙。 用能量球買一根柱子就可放部落裏囉。 單屬性烏法魯尤其是蹦蹦、暴牙鼠、乖乖狸可以用能量球直接買蛋產生烏法魯，召換時間很短，要做多根水晶柱就很快，想換柱換蛋因為是0鑽且烏法魯再生很容易也很快，需要賣掉換柱都不會太可惜。 製作水晶蛋加上柱子放到部落 每一隻烏法魯第一顆水晶石要從《印章》中選烏法魯開始製作，這時做的水晶球烏法魯不會消失。在印章中有製作字樣表示這隻烏法魯還未做過水晶石，有做過水晶石的烏法魯會變暗不可選。 每一隻烏法魯第二顆起水晶石要從禮物包中製作。製作時必需有對應存在的烏法魯，放在棲息地或洞穴都OK，1級也可以，所選的烏法魯在做完水晶石時會...
閱讀完整內容