2013-04-22

凱道很忙

不在凱道的大事情也有,今年有例如關廠工人、反瘋車,但以下先只記錄凱道的。光是凱道就很忙了。慢慢再來補齊。……沒記到也很不甘願,那沒到凱道的就用灰色好了。再慢慢補。


2013

1222 拒絕服貿闖關 立法破黑箱(立法院)
1219 電光照亮民主路、黑箱服貿要停止:1219高雄反黑箱服貿掃街行動(高雄)
1218 誓死絕食捍衛普安堂 新北市成文化殺手(文化部)
1215 「反血汗,要長照」移工遊行(衛福部→凱道)
1201 「讚」滿重建街(淡水重建街)
1130 文化與資訊平權遊行/千障權益行動聯盟等(行經文化部、NCC委員會)
1130 972救妻兒 為下一代幸福讚出來/下一代幸福聯盟 守護家庭聯盟
1116 吳育昇,OUT!公民草地音樂會/憲法133實踐聯盟(市民大道林森北路口)
1117 2013秋鬥:人民向左 國家還我 終結殺人經濟 左轉幸福社會(台北帝寶→財政部)
1113-1114 華隆自救會北上抗議 夜宿台北車站行動/華隆自救會(台北車站)
1110 萬人威鞋國民黨/929社運連線(台中梧棲中港體育館國民黨19全)
1103-1109 萬人威鞋 同心鞋力募鞋大行動/929社運連線(台北桃園新竹苗栗台中)
1025 「1025原住民族受難日─你光復我受難」抗議記者會/台灣第一民族黨
1025 第11屆台灣同志大遊行(台北市政府→東區→信義區→台北市政府)
1025 血染綠能 財團英華威違法暴力施工/苗栗苑裡反瘋車自救會(行政院)
1010 天下為公,公民覺醒/公民1985行動聯盟(自由廣場)
1010 募舊鞋/全國關廠工人聯盟(自由廣場)
1010 靜坐抗議/黑色島國青年陣線(景福門)
1008 青年佔領凱道要求馬吳江下台/黑色島國青年陣線
0929 包圍總統官邸/公民行動倒馬聯盟
0929 929上街罵英九/929罵英九怒火聯盟
0929 929 包圍馬英九/全國關廠工人連線(國父紀念館/中國國民黨全代會)
0928 毀憲虐民。暴政下台:九二八人民抗暴行動/黑色島國青年陣線
0914 保護水庫與樹木/台灣護樹團體聯盟(內政部)
0907 九七凱道 造勢伴桌 多元成家 決戰立院/台灣伴侶權益推動聯盟
0903 經濟部莫做懶豬 立即召開聽證會/苑裡反瘋車自救會(凱道、經濟部)
0902 還我棺材本、只需修一條;給我真墊償、不要假優先!/全國關廠工人連線(立法院)
0826 除惡靈 護邵族/邵族民議議會.第一民族黨(行政院)
0818 拆政府/台灣農村陣線(凱道→內政部)
0813 司法淪為政府打手,關廠工人遊行抗暴(武昌街的博愛路至襄陽街)
0803 要真相!要人權!8/3凱道萬人送仲丘!!/公民1985行動聯盟 0802 【被告者聯盟護樹動保團體,反濫銬、反濫捕、反濫訴、反濫約談】記者會(警政署)
0731 佔領立院 奪回未來/青年反服貿行動(立法院大門口)
0730 圈地惡法 立即停止/眾自救會
0729 包圍立法院行動/公投護台灣聯盟等團體(立法院)
0728 民主團結之夜晚會(反黑箱服貿協議)/民主平台等團體(立法院群賢樓)
0727 藝文界聲援大埔 行動電影院《狀況排除》街頭首映/苗栗竹南大埔張藥局原址
0727 反黑箱服貿協議晚會/台灣教授協會等團體
0725 強盜政府強拆大埔 剷除台灣民主/藝文界號召公民行動(台北賓館門口)
0723 「人民奮起抗暴,拆除強盜政府」宣誓記者會/大埔自救會&台灣農村陣線
0719 「全民譴責馬英九縱容地方暴行」記者會(國民黨中央黨部)
0720 洪仲丘虐死事件 9:00 公民教召(國防部博愛路)18:00 追思晚會(立法院濟南路)公民1985行動聯盟 0718 關廠工人 13:00 百人拼訴狀(台北火車站大廳)14:00 陳情(馬英九黨主席競選總部)
0718 反對劉政鴻金權政治!苗栗青年站出來!/苗栗各自救會
0718 苗栗縣政府+大埔里長+25名縣議員及地方人士開記者會支持強拆大埔(立法院)
0706 佔領台北車站——為台灣祈福(每周六下午兩點台北車站靜坐)
0705 抗議強拆民宅(苗栗大埔)
0703 人民團結 捍衛大埔 / 反財團治國論壇(行政院前)
0702 豺狼治國 人民奮起 捍衛大埔 政院行動/反迫遷論壇(行政院前)
0627 一戶不能少、抗爭到底 by 大埔自救會與台灣農村陣線(行政院)
0613 台鐵員工抗議年金政策(立法院前)
0613 反壟斷! 求生存!要防疫! 613全國土雞產業萬人大遊行(農委會前)
0609 聲援土耳其全球團結行動(台北市政府捷運站→信義路)
0608 世界海洋日 護魚大會師 http://www.newsmarket.com.tw/blog/31016/
0526 「廢核星火 將會燎原」(立法院前/集體排字、包圍立院、 星火晚會)
0525 全教總 525 「打爛案、救改革」行動
0524 支持警察組工會,捍衛警察工作權(立法院群賢樓前陳情抗議警政署)
0519 「反核四飢餓 24」禁食行動(立法院前)
0519 五一九終結核電大遊行
0519 金門反核廢遊行(金門)
0518 中台灣同志遊行(台中勤美誠品草悟道)
0510 台灣基層護理產業工會抗議醫療院所管理方式(衛生署前)
0503 全教總總理事長抗議退休雙薪靜坐絕食 80 小時(立法院群賢樓門口)
0501 故總統蔣經國先生「反核四戰神」紀念活動(大溪)
0501 官逼民反 — 勞工要安全、拼未來大遊行(遊行到行政院)
0428 全國關廠工人連線─ 絕食‧拚老本行動 197 小時(勞委會前)
0420 不要告別東海岸凱道音樂會
0407 反瘋車自救會抗議絕食 306 小時(能源局門口斜對面)
0406 消防員搶救心肝大遊行(遊行到台北市政府廣場)
0316 樂生重返凱道
0315 反核四.五六運動(每周五自由廣場)
0309 廢核大遊行
0228 勿忘三月屠殺大遊行(遊行到自由廣場)
0203 糧食主權人民論壇
0202 國企員工凱道抗議
0125 華光社區凱道陳情居住正義
0119 勞工自救大遊行
0113 火大遊行
0101 凱道跨年反媒體壟斷

2013-04-09

css用 ul 和 li 做 menu

網站的 menu 選單,很久以前是拿別人的 javascript 檔來解決,後來看到大家都用 ul 和 li 就輕鬆做出來,也就依樣畫胡盧。javascript 沒辦法完全掌握,但 css 總沒有問題吧,現在終於弄明白了。不過話說現在都有 CSS3 了,可能又有更容易的寫法了。

有很多網頁在解說箇中原由,不過自己做一下筆記總沒錯。

html 基本格式

html 方面,就是
<ul>
<li><a href="">選項一</a></li>
<li><a href="">選項二</a></li>
......
</ul>
css 基本做法(ul)

ul 會為 li 項目帶來圓點、數字各種前置記號,所以首先要讓這些記號不出現:
ul {list-style-type: none;}
最好也去除各瀏覽器的邊距預設值,例如:
ul {list-style-type: none; padding: 0; margin: 0;}
直式(a)

直式是要讓各個連結單位自成一塊(所以跟在連結之後的字,即使在同一個 li 裡,也會折行)。這一塊不是只有字的範圍而已,而是整塊區域,所以可以連帶設定這塊區域的大小,加上 width 或 padding 值:
a {display: block; width: 60px;}
橫式(li)

橫式有兩種做法,對 li 做 inline 或 floating。

inline
li {display: inline;}
li 本身是個 block,設為 inline 是去除這個預設值,讓 li 之間可以連成一行。這時 a 不能加 block。另外,根據 [1],只對 a 加上 padding、margin,而沒有設定 ul 的,會發生不可測的情形,但我是測不出來,先記下來再說。

此外,inline 的做法不能讓每個 li 的大小一樣,每個 li 的寬度是跟著連結字串的寬度變化。

floating
li {float: left;}
a {display: block; width: 60px;}
要讓每個連結字塊的寬度一樣,要把 li 設為 float,並且 a 也要設為 block 及設定寬度。此外,既然用了 float,在 menu 結束之後,要記得 clear。

多層次 menu

當滑鼠經過某個選項,下面會冒出下一層選單。html 方面,是在 li 下面再跑一圈 ul - li。css 方面,重點是:
ul {list-style: none; position: relative;}
ul li {float: left; position: relative;}
ul li a {display: block;}
ul ul {display: none; position: absolute;}
ul li:hover ul {display: block;}
ul ul li {clear: left;}
不過其間當然可以有很多細節。橫式冒出直式選單,請參考 [2]。直式冒出橫式選單,沒看到什麼好的參考。javascript 請見 [3]

當然,最好為這一切做個 id 或 class,免得跟其他情形混用。

參考資料

[1] CSS Navigation Bar(初級篇。有清楚的解說及範例。)
[2] Horizontally Centered Drop-Down Menus(進階篇。附解說。)
[3] All Levels Navigational Menu (v3.03)(似乎是好用的 js。可選擇直式橫式。)

2013-04-08

Xoops 筆記 & Joomla! 印象

既然重拾 xoops,就來做一下筆記好了。

第一回合用它時,還是 v.1.x,現在用的是 2.5.5,但最新的似乎來到 2.6 了。

第一回合用的模組有 news、newbb 兩個、tinyd 四個、mylinks、shop、liaise、formulaire、xoopspoll,另外還抄了一堆 php 程式碼來自製區塊。試用的模組有 wfsection、guestbook、twecommerce、kshop、esc-shop、eguide、cafepress、blockies,有的已經不記得是用來幹嘛的了。那是 2005 年六月底的事,七月底交差,從完全不知道有這種東西到完工只有一個月,真的是很好進入狀況的東西呀。

沒幾個月又做一個,模組用了 contact、debaser、evennews、filemanager、guestbook、iradio、liaise、magazine、marquee、mylinks、newbb 三個、news 五個、tinyd 四個、xcgal。實際上場的有沒有這麼多很難考證,因為它已經不存在。

當時的模組多得一塌糊塗!不僅五花八門,而且有很多可以選。

後來有人提起 joomla!,說很好用。但那時的 v.1.x,我的印象卻是難用,進去什麼都是空的,不想再熟悉第二套,就放在一邊。前兩天 mysql 升級完成後,終於看到 v.2.5。不知是複習了 xoops 的緣故,還是它變得可親了,好像可以試試看。

CMS 架站軟體現在是不是沒那麼熱門了呀。

回到 xoops。這次用的模組只有 news、tinyd、xlanguage,另外試用了 weblog、TDMDownloads、wfdownloads、contact、mylinks。為什麼會有試用這種事?試用功能,看哪個比較符合且容易改得符合業主需求。如此過去十天。

xoops2 變得可以線上改 templates,連模組的都可以改,一開始根本搞不懂在幹嘛。news 編輯器有三個選擇,TinyMCE 會加一堆有的沒有 html 碼,容易變成破壞版面。遇到的問題有 imagemanager 在模組裡一片空白無法使用、xlanguage 的延伸語言不起作用無法使用、xlanguage 的簡體中文不知為何讓頁面往下掉 1.5 行(還好有 class="lang" 這種東西)。大致如此。

至於 joomla!,前兩天看了一下,覺得 v.2.5 一安裝好就是現成可供多人使用的部落格,詳情要更認識才會知道。

(如此不知所云再騙一篇。)

2013-04-07

Mysql 升級

CMS 架站軟體現在是不是沒那麼熱門了呀。最近不得不做一個網站,沒想到 xoops 被騙了,竟然願意讓我安裝,畢竟我的 mysql 版本不合格呀。現在大家都要求 mysql 版本要到 5 才行,我的只有 4 點多,不升級就玩不下去。這個之前無解的問題,在暫時休工的此刻,想說還是來解決一下。沒想到解決了。

這些事情一直都是似懂非懂、依樣畫胡蘆,現在還是一樣。之前解決不了時,乾脆試裝 debian 的版本,所以解決的過程中,也碰到這個殘存遺跡的問題,幸好還記得似乎有這件事。

先前之所以升級不成功,似乎是因為以為只要把新的資料夾連過去就好了。什麼叫做連過去?apach、php、mysql 這些,安裝編譯時,都要給路徑,在無數次的安裝經驗之後知道,這些不同版本可以同時存在,只要把想用的那個版本 ln -s 到當初給的路徑名稱就好了。所以傻傻地連過去,卻永遠無法啟動。原來除了更改權限什麼的之外,還要做這件事:
/path/to/mysql# scripts/mysql_install_db
不過對我來說這還不夠,它會出現
mysql FATAL ERROR: Could not find mysql
這是因為之前裝了 debian 的版本,在別的地方留存了不該有的東西,但又不敢亂殺,畢竟在有它的情形下,原來的 mysql 還活得好好的。所以就這樣:
/etc/mysql# cp -p my.cnf my.cnf.org
/path/to/mysql# cp -p support-files/my-my-medium.cnf /etc/mycql/my.cnf.mysql5
前者可以啟動原來的 mysql,後者可以啟動新的,要啟動哪個,就把它抄到 /etc/mysql/my.cnf。

總之這樣就可以啟動新版本的 mysql。之前都在耍笨不是嗎。

但這樣問題還沒結束。還要搬資料庫。

搬資料庫

先啟動舊的 mysql。然後打一行匯出資料庫的指令:
/path/to/mysql/data# mysqldump -p --all-databases > x.sql (名字自取)
Enter password: 
填入密碼後,關掉 mysql(mysqladmin -p shutdown,一樣會問密碼)。接著啟動新的 mysql,先把資料庫裡的現有資料夾(test 和 mysql)搬到別的地方,接著匯入資料庫:
/path/to/mysql/data# mysql -p < x.sql
一樣會問密碼。這樣就解壓縮了。接著怕有不測,就先把 test 和 mysql 兩個必備資料夾搬到別處,再把它本尊的搬回來。其實我不知道這些資料庫裡面裝什麼。或許不搬來搬去就不會遇到下一個問題。

下一個問題是,舊 mysql 裡的資料庫,都另有 user,搬過來之後,那些 user 的權限都不見了,只認得 root,這樣以前做的網站就都打不開了。心生一計,那就再給一次權限就好了:
/path/to/mysql# mysql -p
Enter password:
msqyl> GRANT ALL PRIVILEGES ON 資料庫名稱.* To 帳號@localhost IDENTIFIED BY '密碼';
這樣網頁就開起來了。喜形於色。