<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post/1385/ <![CDATA[Bo-Blog 金流插件收據列印方式與CSS調整]]> apao <apao@www.apao.idv.tw> Mon, 21 Dec 2020 00:08:05 +0000 https://blog.apao.idv.tw/post/1385/ 我們製作的Bo-Blog 金流插件也有個列印收據的功能，為符合客戶需求，客戶因為有許多收據單，希望能夠不列印收據表格，把需要的文字資料列印出來。針對這個選項，介紹一下我們在金流插件中的選項與列印功能。

備註：因為每一家印表機功能與列印界線的問題，原始設定為另外一台雷射印表機，後來客戶搬家使用另外一台印表機，使用者設定被安裝驅動程式後改變，所以需要在使用者端調整。

▼後台中的列印
點擊在新視窗中瀏覽此圖片
▼Chrome中的列印選項，不想印背景卻出現背景
點擊在新視窗中瀏覽此圖片
▼Firefox中可能的狀況，出現不需要的網址、頁數等資訊
點擊在新視窗中瀏覽此圖片

▼Chrome中的列印選項（更多選項->背景圖形->取消選項）
就可以不列印背景圖片
點擊在新視窗中瀏覽此圖片
▼Firefox中的列印選項（瀏覽器 列印->頁面設定->邊界與頁首/頁尾->空白）
點擊在新視窗中瀏覽此圖片

另外在程式端為了盡量減低使用者出差錯，必須盡量事前設定好讓使用者不需要再設定的CSS
▼除了將頁面顯示設定一般使用px，這時就可以針對A4紙來做設定，也可以使用cm來做設定，前提是在body的style要事前設定好margin、padding、border
orphans和widows用於指定在頁面的底部或頂部，元素中允許剩餘的最少行數，默認為2行。
@page {
     /*A4直印*/
     size: A4 portrait;
     /*列印範圍*/
     margin: 0.5cm;
     /*頂部行數*/
     orphans:4;
     /*頁尾行數*/
     widows:2;
}

@page {
     /*A4橫印*/
     size: A4 Landscape;
     /*列印範圍*/
     margin: 0.5cm;
     /*頂部行數*/
     orphans:4;
     /*頁尾行數*/
     widows:2;
}

▼對應列印上則使用@media print
@media print {
body{
     /*不列印背景*/
     background:none;
     /*不超頁列印*/
     page-break-inside:avoid;
}
a::after {
     /*顯示列印網址*/
     content: "(" attr(href) ")";
}
}


▼針對客戶換印表機後做了多次修改的其中的筆記
點擊在新視窗中瀏覽此圖片

更詳盡的參考資料：
英文
https://www.w3.org
簡中
http://lon.im/
Tags - , , , , , , ]]> https://blog.apao.idv.tw/post/1292/ <![CDATA[Bo-Blog ver.2 對應 FB Pixel 廣告之 Rewrite 修正]]> apao <apao@www.apao.idv.tw> Mon, 27 May 2019 07:20:46 +0000 https://blog.apao.idv.tw/post/1292/ Synology DSM 當升級到ver.6 以後，此時Apache就已經升級到2.4了，對應 Facebook Pixel 廣告時，就必須開啟先針對 Bo-Blog 做搜尋引擎最佳化調整，到這裡只能大體上能夠讓網頁針對Pixel 廣告無障礙，但是卻不能翻頁（測試後才發現）；所以又必須 關閉 Bo-Blog 上 Apache 2.0 的 MultiViews 功能，才能讓整體運作正常。

雜項設定>搜尋引擎最佳化：
1.將同一檔案夾中的 .htaccess 檔案放至Bo-Blog根目錄下
2.確定並啟動 Apache URL Rewrite 選項。
點擊在新視窗中瀏覽此圖片
.htaccess 檔案裡第一行加上 Options -MultiViews， 關閉Apache 2.0 以上的功能。
檔案：.htaccess

備註：
1. 感謝Synology團隊幫忙解決這個問題。
2. Apache MultiViews：多國語言的支援，與語系資料 (LanguagePriority) 有關。最常見在錯誤訊息的回報內容，在同一部主機中，可以依據用戶端的語系而給予不同的語言顯示。
Tags - , , , , , , , ]]> https://blog.apao.idv.tw/post/1270/ <![CDATA[Bo-Blog bw版 tag 問題解決了]]> apao <apao@www.apao.idv.tw> Thu, 13 Sep 2018 04:31:20 +0000 https://blog.apao.idv.tw/post/1270/ bo-blog bw 版所出現的問題。其他外程式或是CSS問題，我們都能解決。最重要的核心由bo-blog來解決，才不至於在新版本更新時會有問題。再一次謝謝你們。
點擊在新視窗中瀏覽此圖片
使用模組之網站：
https://plant.apaostudio.com/

下載修件：article.inc.php.zip
Tags - , , , , ]]> https://blog.apao.idv.tw/post/1244/ <![CDATA[Bo-Blog bW版 menu 移動程式碼位置]]> apao <apao@www.apao.idv.tw> Fri, 27 Oct 2017 02:27:08 +0000 https://blog.apao.idv.tw/post/1244/ 為了讓原本在 header 內的 Nav (Menu) 有自己的高度而不必再調整高度
1. CSS 從 position 方式改為 float方式。
2. 從 header -> mainArea 的下方。

點擊在新視窗中瀏覽此圖片
▲ 電腦版樣式

點擊在新視窗中瀏覽此圖片
▲ 手機版樣式

點擊在新視窗中瀏覽此圖片
▲ 剪下＜nav＞....＜/nav＞

點擊在新視窗中瀏覽此圖片
▲ 放至＜div id="mainArea"＞....＜/div＞

樣本網頁：
http://plant.apaostudio.com
Tags - , , , , ]]> https://blog.apao.idv.tw/post/1243/ <![CDATA[Bo-Blog 對應 SSL 設定]]> apao <apao@www.apao.idv.tw> Thu, 26 Oct 2017 01:03:01 +0000 https://blog.apao.idv.tw/post/1243/ 因為工作上需求，除了將伺服器與網域名對應好之後，還必需要在Bo-Blog上頭使用SSL的交易，讓Bo-Blog模組同時導向 80/443 port設定為必要選項，以下當作筆記。

點擊在新視窗中瀏覽此圖片▲初始ˋ值並未對應 http:// 需要改為 https://


點擊在新視窗中瀏覽此圖片▲進入後台-Blog設定：
http: //{host} 改成 https: //{host}
Tags - , , , , ]]> https://blog.apao.idv.tw/post/1242/ <![CDATA[Bo-Blog bW版]]> apao <apao@www.apao.idv.tw> Thu, 05 Oct 2017 01:06:05 +0000 https://blog.apao.idv.tw/post/1242/ Bo-Blog bW版（Wind 輕便版）模組，
http://bw.bo-blog.com/
點擊在新視窗中瀏覽此圖片

利用一天放假的時間，研究一下Bo-Blog bW版，程式結構與舊版類似以多語言以及可更換式插件（但現在沒有很多），全新的PHP與上文寫法。其中發現跟其他RWD模組一樣，主要針對手機做最親善的介面處理，當然ˋ在CSS上與PHP程式上都需要更多的客製化，才會有用戶更佳的親善性與頁面的獨特性


安裝步驟：
1.下載並解壓縮至Web伺服器

2.開啟對應資料庫

3.瀏覽器上開啟對外的URL之後，就會出現安裝畫面
點擊在新視窗中瀏覽此圖片

4.以上欄位都沒有沒有問題的話，就會進入另外一個畫面
點擊在新視窗中瀏覽此圖片

5.PHP 要在5.3版本以上，檔案夾權限為777
點擊在新視窗中瀏覽此圖片

6.S家的伺服器更要確定伺服器檔案夾權限
點擊在新視窗中瀏覽此圖片

7.安裝成功時
點擊在新視窗中瀏覽此圖片

8.進入Bo-Blog bW畫面（主要針對手機也可以PO文）
點擊在新視窗中瀏覽此圖片

9.改了一天的bW版本，應該在theme裡頭建立另外一個階層做的，否則更新版本時會被蓋掉
http://plant.apaostudio.com/

Bo-Blog （較複雜版本）模組
http://www.bo-blog.com
Tags - , , , ]]> https://blog.apao.idv.tw/post/1141/ <![CDATA[Bo-Blog Wind 版]]> apao <apao@www.apao.idv.tw> Fri, 05 Feb 2016 04:55:35 +0000 https://blog.apao.idv.tw/post/1141/ 點擊在新視窗中瀏覽此圖片

發布網站
http://bw.bo-blog.com/

快速入门
安装配置
需要php5.3以上运行环境
目录结构
www  WEB部署目录（或者子目录）
├─CHANGELOG             更新日志
├─README.md             README文件
├─admin.php             后台入口文件（不能直接访问）
├─category.php          分类管理入口文件
├─LICENSE.txt           授权说明文件
├─index.php             应用入口文件
├─read.php              读取
├─rss.php               订阅
├─send.php              发送
├─siemap.php            网站地图
├─tag.php               标签
├─conf                  配置目录
│  ├─dbcon.php          数据库配置文件
│  ├─info.php           网站参数配置文件
│  ├─services.php      第三方扩展服务接口配置文件
│  └─index.php          安全配置（不允许访问）
├─extension             扩展目录
│  ├─hello_world      你好文本插件
│  └─google_code_prettify  谷歌代码美化插件
├─inc                   系统目录
│  │  ├─system.php      系统核心文件
│  │  └─ ...            更多类
├─install               安装目录
│  ├─index.php          安装入口文件
│  ├─install_action.php  安装类库
│  └─zh-cn.lang.php       中文标签
├─lang                  语言目录
│  ├─zh-cn.php         简体中文语言包
│  ├─zh-tw.php         繁体中文语音包
│  └─en.php            英文语言包
├─storage               存储目录
├─theme                 模板目录
│  ├─default           默认模板目录
│  │  ├─fonts          字体文件目录
│  │  ├─info.php       模板信息文件
│  │  │  ├─
│  │  │  ├─
└─update                 升级目录
制作模板
首先进入模板目录theme
复制默认模板目录
修改info.php信息
themeName模板名称
themeAuthor模板作者
themeUrl模板作者网站地址
themeVersion模板版本号
然后到后台设置模板
模板运行流程
首先访问
Components.php文件
Bw采用前后台混合工作的模式，模板都在一个目录！其他文件大家不要修改就好
只要修改Page.php文件
和对应的style.css文件即可
summary.php文件对应分类列表页描述

原出處
BW簡單入門手冊


bw-develop.zip

Tags - , , , ]]> https://blog.apao.idv.tw/post/1133/ <![CDATA[Bo-Blog 手機版元件 mobile （完成）]]> apao <apao@www.apao.idv.tw> Thu, 20 Aug 2015 14:30:56 +0000 https://blog.apao.idv.tw/post/1133/ B0-Blog 採用單一Temple的模式，要開發手機版，要從模版規則中找出規則，並能重複套用於其他模版。同時又要考慮一起並行運作手機版與電腦版，工程團隊花了許多時間去測試研究，以及開發人力，終於完成。

點擊在新視窗中瀏覽此圖片
▼以名為 mobile 插件（plun-in）方式導入。
點擊在新視窗中瀏覽此圖片

點擊在新視窗中瀏覽此圖片

點擊在新視窗中瀏覽此圖片

點擊在新視窗中瀏覽此圖片

點擊在新視窗中瀏覽此圖片

A.PAO blog http://blog.apao.idv.tw

Tags - , , , ]]> https://blog.apao.idv.tw/post/1062/ <![CDATA[驗證碼增強版 可變字型版 共三種 ver.2.1]]> apao <apao@www.apao.idv.tw> Wed, 08 Apr 2015 03:07:28 +0000 https://blog.apao.idv.tw/post/1062/ 這個只針對Bo-blog的留言或是評論驗證做修正。
加入方格與干擾線。

修改二.YuNaFont_P.ttf 版

點擊在新視窗中瀏覽此圖片
點擊在新視窗中瀏覽此圖片

securitycode_20150125.zip 檔案結構如下：
inc/
┝ securitycode.php
┝ YuNaFont_P.ttf

字體出處：
http://fatamorgana.jp/font/
............

Tags - , , , ]]> https://blog.apao.idv.tw/post/1104/ <![CDATA[刪除上千條以上評論]]> apao <apao@www.apao.idv.tw> Tue, 31 Mar 2015 00:36:21 +0000 https://blog.apao.idv.tw/post/1104/
點擊在新視窗中瀏覽此圖片
Tags - ]]>