/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


這是之前css設計書留下的資料,基本作用就是將一些可能因為瀏覽器初始值不同,而造成設計上誤差所修正的一些css。

發表在 痞客邦 留言(0) 人氣()

常用的CSS命名規則
頭:header
內容:content/container
尾:footer
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制整體佈局寬度:wrapper
左右中:left right center
登錄條:loginbar
標誌:logo
廣告:banner
頁面主體:main
熱點:hot
新聞:news
下載:download
子導航:subnav
菜單:menu
子菜單:submenu
搜索:search
友情鏈接:friendlink
頁腳:footer
版權:copyright
滾動:scroll
內容:content
標籤頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標題:title
加入:joinus
指南:guild
服務:service
註冊:regsiter
狀態:status
投票:vote
合作夥伴:partner

註釋的寫法:
/* Footer */
內容區
/* End Footer */


id的命名:
(1)頁面結構
容器: container
頁頭:header
內容:content/container
頁面主體:main
頁尾:footer
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制整體佈局寬度:wrapper
左右中:left right center

(2)導航
導航:nav
主導航:mainbav
子導航:subnav
頂導航:topnav
邊導航:sidebar
左導航:leftsidebar
右導航:rightsidebar
菜單:menu
子菜單:submenu
標題: title
摘要: summary

(3)功能
標誌:logo
廣告:banner
登陸:login
登錄條:loginbar
註冊:regsiter
搜索:search
功能區:shop
標題:title
加入:joinus
狀態:status
按鈕:btn
滾動:scroll
標籤頁:tab
文章列表:list
提示信息:msg
當前的: current
小技巧:tips
圖標: icon
註釋:note
指南:guild
服務:service
熱點:hot
新聞:news
下載:download
投票:vote
合作夥伴:partner
友情鏈接:link
版權:copyright


class的命名:
(1)顏色:使用顏色的名稱或者16進制代碼,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字體大小,直接使用"font+字體大小"作為名稱,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)對齊樣式,使用對齊目標的英文名稱,如
.left { float:left; }
.bottom { float:bottom; }
(4)標題欄樣式,使用"類別+功能"的方式命名,如
.barnews { }
.barproduct { }


注意事項::
1.一律小寫;
2.盡量用英文;
3.不加中槓和下劃線;
4.盡量不縮寫,除非一看就明白的單詞.


主要的 master.css
模塊 module.css
基本共用 base.css
佈局,版面 layout.css
主題 themes.css
專欄 columns.css
文字 font.css
表單 forms.css
補丁 mend.css
打印 print.css

這篇單純是整理,因為網路上相關的頗多,這邊就不細談了。

發表在 痞客邦 留言(0) 人氣()

這種情形常常發生在轉址的時候,以前架論壇也有出現類似狀況。只要用原始網址大部分就不會出現此問題。

用網路找了解決方式,發現插入下列的script碼就可以解決。
通常是在Joomla的樣板的index.php檔案中。
例如:
templates\madeyourweb\inex.php
橘色字是 目前使用 的樣板的資料夾。

<script language="javascript">
<!--
  if (top.location != location)
    top.location.href = location.href;
//-->
</script>


.........
插在這裡 /head 前
</head>
<body>

插入以後,我的前台無法登入的情況就解決囉。
在這邊紀錄,順便分享給同樣有問題的人。

發表在 痞客邦 留言(0) 人氣()

其實這文章,以前在其他部落格曾經發表過一次了..
但是因為byethost有改過版,所以這邊再重新教學一次好了。

推薦這空間的原因是後台管理有 Cpanel 類的管理端,對於檔案管理、設定網域、郵件等等的很方便。
其實很多國外免費空間都是同樣這空間商所分支的,看他們的伺服器狀況列表就知道了。
與其申請其他分支,不如就直接申請主公司所推的服務。

Disk space     250 Mega Bytes → 250MB空間
Monthly bandwidth     6 Giga Bytes → 每個月6G流量
POP Email accounts     Unlimited
 → 無限的POP郵件帳號
Web mail     Yes → 有web郵件
Automatic script installer     over 29 full scripts → 超過29種完整scripts
Extra sub-domains     5 → 可額外增加次級域名
Addon domains     5 → 可綁定域名
File Manager     Yes → 檔案管理支援
MySQL databases     3 → 可有最多三個資料庫
Php flags manager     Yes → 這個我不清楚 @@"

ok,看了這些,對大夥兒最實用的莫過於:250MB、6g流量、檔案管理支援、最多有三個資料庫。
只要不當檔案供應站,250mb對於測試Open source可是綽綽有餘,支援檔案管理則是方便打包上傳。
有時候又可能不只想玩一個open source的程式,有支援3個資料庫,可是不可多得的服務呢。
自己曾經在上面安裝過:DiscuzJoomla
這次申請則是要測試購物車套件:XTCOSC,有機會再把筆記弄上來吧。

下面開始申請介紹

發表在 痞客邦 留言(2) 人氣()

做了個game的公會網站,所以自己架設了個網站。
因為需要有聊天室功能,翻了頗多Joomla chat 相關資訊,這裡自己綜合整理如下:

Joomla官方網站翻找資料,得知下面幾項:

utChat
這好像是德國人開發的,官方網站資源很少。
Ajax運用的蠻多的,介面比較不漂亮,但是是免費的。
有嚴重速度問題(汗..
且個人從ie開不曉得什麼原因會掛掉(可能防毒或本機環境的問題)
所以後來放棄了。


AVChat 2.1 - Flash Video Chat Component for Joomla
這是flash影音的,看了安裝說明嫌麻煩就沒有安裝了(汗。
好像伺服器需要特別的套件才跑的起來,因為還要研究並且安裝,安裝後可能又會吃光頻寬。
所以就連安裝都沒安裝就放棄了。


Joomla Ajax Chat 1.0.1
這是商業套件,不過抱著能用就用的決心..去翻了出來
安裝後,發現真的很棒,會用css的人還可以自己設計版面。
而且有多種方式呈現:有圖層般的可拖曳式、跳出視窗、以及遷入樣板的方式。
但是也是一樣...
不曉得是ie還是本機環境問題,ie開啟就會出問題,為了避免可能情形發生,還是放棄了。
但整體來說,這套真的挺不錯的。


BlastChat - free chat for your website
這套跟前面幾套比較不一樣,是由套件設計者架的聊天伺服器,在用有點類似內置框架方式將聊天室嵌入。
但是這樣除了跟版面不搭配以外,有著頻寬不會被聊天室吃掉的問題。
聊天室內感覺很簡潔,但有個廣告在右側,但是不影響整體。
此套件會鎖定網址,所以之前在本機架設放到server上就出了問題。

想刪除時,無法刪除乾淨..
後來想起來把模組移除掉以後就能全部完全移除了。

本來出現下面訊息:

 

Error 0019 : 發生錯誤, 聯絡您的網主

DB function failed with error number 1062
Duplicate entry '0' for key 1 SQL=INSERT INTO jos_blastchatc (url, version, intra_id, priv_key) VALUES ('web3.uocx.net/', '2.2', '296a4cff5c85f8d2f9fbfb1a8667f7dd', '90138ed81b57957453161bccd17a2c6e')
SQL =
INSERT INTO jos_blastchatc (url, version, intra_id, priv_key) VALUES ('web3.uocx.net/', '2.2', '296a4cff5c85f8d2f9fbfb1a8667f7dd', '90138ed81b57957453161bccd17a2c6e')

網路上查的解決方式:

 

1. Uninstall blastchat component
2. delete tables blastchatc and blastchatc_users
2. go to www.blastchat.com
3. login to your account
4. enter chat
5. inside chat enter Admin menu
6. enter your server config (click on server name)
7. delete your server
8. Install blastchat component (as fresh installation)
9. re-register your server from joomla/mambo admin backend
 

先將套件全部移除以後,進入mysql將blastchatc 和 blastchatc_users資料表刪除。
再進入blastchat官方網站登錄,將原本申請的聊天室移除。
最後 再重新安裝套件,照著套件步驟申請聊天室即可正常。
雖然在這邊是輕描淡寫的描述過去,爬文的時候可是費了好一番功夫呢。
聊天室的測試就到此告一段落。

下面是其他套件的安裝紀錄。

發表在 痞客邦 留言(4) 人氣()

不知道看官有沒有任何念頭,想要建立自己的網站呢?
一般想要個網站,不外乎是:

個人網站 → 想要放些自己的作品、喜好、文章等等。
宣傳網站 → 今天開了家店,若是大家從網路上看到做的美美的本店,想必會想來試試吧。
商業網站 → 公司做出購物網站,挖掘本店潛藏的客戶。
論壇網站 → 架個討論區,方便我們這一群喜歡社交舞作些交流。

特殊需求 → 今天我們開發了新產品,用網站呈現客戶看,想必會提昇公司的專業度吧。
特殊需求 → 今個兒畢業後就各分西東了,用個網站將朋友緊緊串在一起。
特殊需求 → 線上遊戲的公會用個網站將公會介紹一番,也好方便跟會員們聯繫。
特殊需求 → 這次報告,就實際作個模擬網站給老師看吧,想必會加分不少。

看了這些可能案例,是否剛好切入你想要作網站的動機呢?

發表在 痞客邦 留言(0) 人氣()

ok,咱們標題是定這樣,又能夠吸取多少東西就全憑個人了。
下面針對 何謂網頁、網站從無到有、網站設計流程、互動網站、網站營運做簡略的介紹,希望各位看官能快速的踏入領域。
這系列文章定位於 完全不瞭解網站設計的人,也就是門外想探頭入內稍作瞭解 。
因為摸索網頁這技術已有好幾年頭了,若是所講解的地方過於難理解,也懇請告知以便修飾至容易吸收為止。


何謂網頁

網站前置知識

網站設計流程

互動式網站

網站營運

(link會在文章寫完時放入)

發表在 痞客邦 留言(2) 人氣()

因為漸漸老了?! 總是會有慢慢遺忘的人、事、物。作些筆記以供自己翻查。

DOS MIS常用指令

ipconfig /all ← 列出完整網路組態
ipconfig /release
ipconfig /renew ← 手動更新網路組態

tracert ← 追蹤連線路徑
pathping ← 顯示封包丟失比率

nslookup ← 透過DNS查詢主機ip
EX:
nslookup tw.yahoo.com
nslookup
server 新位址 ← 可查出該DNS是否有更新此筆資料。

arp ← 可看網卡卡號

net share ← 觀看開放分享的資料夾
net share 資料夾名稱 /d ← 刪除分享功能
net share 共享名稱=資料夾路徑 /users:數字(可連線進入數量)
EX:
net share abc=c:\new user:1 ← 分享名稱abc實體路徑為該電腦c槽new資料夾,同時可連線1人。

netview ← 列出區域網路所分享資源的電腦
也可 net view 電腦名稱 or IP

netstat -a ←列出以開啟的port
nbtstat -a 電腦名稱 or IP ←查詢區域網路電腦的資訊

net config server ←顯示區域網路伺服器資訊
net config server /hidder:yes(no) ← 隱藏或解除隱藏

ftp 網址 or ip ←內建ftp指令,可進入ftp站台。
get 檔案名稱  ← 下載檔案
put 檔案名稱  ← 上傳檔案
bye ← 離開ftp模式

dis * > c:\a.txt ← 將dis指令寫到c槽的a.txt檔內


執行指令

control userpasswords2
設定使用者帳戶,可將進入windows歡迎畫面拿掉。
可以使登入使用者是帶著密碼進入的,方便連到其他網域時省去驗證步驟。

mstsc
遠端桌面連線指令,單純快速呼喚。

gpedit.msc
群組原則,設定使用者權限用。

msconfig
系統設定公用程式,在這邊我只會拿來檢查是否啟動時有異常物件,不知道其他用途。


這些算是筆記,比較沒有實際教學用途。
以上

發表在 痞客邦 留言(0) 人氣()

這邊是使用過,或是覺得可以蒐集進清單裡面的套件。
在這邊自己做個筆記,順便分享給各位看倌。

有空再把檔案上傳到drop上吧,起碼目前沒有時間(汗
而且多數套件都已經是開源的了,不如到官方維護網站抓最新的來使用還比較適合。

而模組(MOD)部份,在autoit的MOD下載區可以找到為數眾多且好用的模組,大夥兒就自行找找吧,這邊就不另外介紹囉。
也歡迎各位將好用的套件整理分享出來,這頁面會不斷更新的,也請大家告訴大家。

※1月15號將各套件模組都放上了相關載點囉,有需要的請自行取用,若有問題也請回應告知,謝謝。
※2月13號新增評論類型套件

 

最後更新日期 : 2008/02/13

發表在 痞客邦 留言(1) 人氣()

網站名稱:Joomla!
網  址:http://www.joomla.org/
簡  介:Joomla的官方網站。

網站名稱:Taiwan Joomla
網  址:http://www.joomla.org.tw
簡  介:台灣的Joomla官方網站,裡面的討論區有很多資源。


網站名稱:Joomla之門
網  址:http://www.joomlagate.com
簡  介:內陸的Joomla資源網站,該站有不少套件的使用介紹,也有一些概念建構的文件,算是入門必讀的網站。


網站名稱:Joomla 中文交流平台 Autoit!
網  址:http://www.autoit.cn/
簡  介:個人對於攝取Joomla常逛的網站,裡面的討論區很活躍,記得在該處發文時將文章轉為簡體中文以示禮貌。下載區也放置很多相關的資源,很棒的網站。


網站名稱:夢想天空
網  址:http://joom.org.ru/
簡  介:一些Joomla的操作使用心得(該站站長所寫)。


網站名稱:網友 Mike Ho @ 狗街坊 所分享的元件中文化
網  址:http://www.joomla.org.tw/component/option,com_smf/Itemid,180/topic,2351.0
簡  介:該網友整理出很多套件的中文化元件,若英文套件使用不好上手,可以來這邊找找。


網站名稱:ThemeMe
網  址:http://www.thememe.cn/
簡  介:對岸的一個CMS(內文管理系統)樣板蒐集站,其中裡面也有商業樣板,下載時請注意版權的問題。


網站名稱:Joomla CMS Downloads
網  址:http://www.joomlaos.de/
簡  介:外國的Joomla資源下載站,裡面很多資訊以及套件、模組的資源。




其他連結:
製作Joomla面板參考網站:http://joomla-cms.dk/category/templates-og-design/http://www.mambosolutions.com/dw_tutorial/
很棒的Joomla設計網站:http://www.artery.cn/website/

發表在 痞客邦 留言(0) 人氣()

這邊是個人常用的軟體蒐集,其中若為正版軟體,請記得下載試用後24小時予以刪除。
個人也是偏向使用綠色、免費軟體,但是好軟體是由大家的支持才能夠繼續的開發、維護下去。那麼,覺得值得時,請不要吝於給開發者一些支持。

這裡是蒐集覺得不錯的軟體,若有機會再po交叉使用的教學吧。

後面會稍微將類型整理,然後在發整理文,那也請拭目以待。
若有相關問題歡迎提問~


所有軟體存放平台皆在:http://drop.io/ezcshis

存活時間點設定為1年後,若該服務平台能夠支援這麼久的話,那檔案就不會移除。 

注意:載點無法進入,請點選抬頭 [xxxxx] ,裡面可進入drop.io的原始檔案處。
以前不會檔,可以直接連,現在已經不能直接連了,所以請各位看官自行進入該處下載。



[基本工具 tools] http://drop.io/eztools

7-Zip
免費解壓縮程式

WinRAR WinRAR3.40


Foxit Reader
PDF閱讀軟體

Adobe Acrobat


NotePad++
記事本強化

EasyComm
通訊軟體(沒實際玩過)

UltraEdit-10.00c_CNTW
可編輯16進位檔的文字編輯器

Raxco PerfectDisk v8.00 Build 66 Professional Edition
個人覺得很好用的重組軟體,速度有明顯改善(從 屋塔房小貓的學習 轉載)

O&O Defrag_Pro
尋找上述重組軟體時找到的另一款重組軟體。


[影音軟體 media] http://drop.io/ezmedia

芊芊靜聽

RealOnePlayer

Foobar2000 fb2k_094b61016

KMplayer kmp.zip

視頻修復器


[網路相關 network] http://drop.io/eznetwork

AlibaBar

Filezilla

OrbitDownloader

FlashGet 1.8

hfs


[輸入法 keyin] http://drop.io/ezkeyin

無蝦米

新酷音


[防毒軟體 antivirus] http://drop.io/ezantivirus

Avast! http://www.avast.com/eng/programs.html*



[辦公室軟體 office] http://drop.io/ezoffice

Open office

免安裝 Office 2003  *


[系統相關 system] http://drop.io/ezsystem

Direct 9 

dotnetfx →.net所需

Installer WindowsInstaller-KB884016-v2-x86.exe *

Applocale apploc.msi *


[檢測掃瞄 check] http://drop.io/ezcheck
CCleaner

Startup 

Ad-Aware

Tcpview

EasyCleaner


System Information for Windows (siw)
看電腦資訊

 [光碟相關 cdrom] http://drop.io/ezcdrom

WinISO

nero NeroPortable
免安裝nero

Alcoho120 Alcohol120_1[1].9.2.1705_retail

DAEMON Tools


[修複相關 restore] http://drop.io/ezrestore

WinsockxpFix
恢復網路設定

FinalData
恢復檔案

FileRescure
恢復檔案

Recuva
恢復檔案

[備份相關 backup] http://drop.io/ezbackup

Acronis True Image 9

Ghost

MyDrivers

Double Driver

DriverGenius

[影像處理 photo] http://drop.io/ezphoto

光影魔術手 nEO iMAGING 0.25

ps7mini

Fireworks2004

發表在 痞客邦 留言(0) 人氣()

網路白板、網路便利貼

http://drop.io/
就稱他為網路白板吧。
他可以上傳檔案、放圖片、放照片、丟文字。
但目前沒有實測限制單一檔案容量為多少,基本的申請後就有100M的空間。

下面簡單介紹

Drop.io
* 不用E-mail驗證申請,只是有時限,可自定長短(一天到一年)。
* 可自定義分享帳號(最少為7字元,不能用中文,也不支援橫槓,但是支援底線)
* 可自定義有無管理者,並且設定密碼。
* 可定義分享方式,有:觀看、觀看且能增加筆記、觀看且能增加檔案.
* 會生成一組郵件,可將文字寄送到該信箱,就能放置上去(前提是有開放增加筆記)。


這些條件就可以玩出一堆東西囉。
想要分享一堆東西,用自己定義的連續帳號放個壓縮檔,期限設定一年。
不曉得他對檔案分享的限制是什麼,所以若沒限制單一檔案大小的話,這樣要分享大型軟體或影片很方便。
這樣代表什麼?free免驗證就能這樣搞,除了安全性堪憂以外,該網站也是狂燒錢阿。
這樣燒錢會導致經營不善(汗,能撐多久就不曉得了。
開啟網頁速度在辦公室看也有點慢,不曉得是不是玩票性質?!
不過,真的很好上手,如果能夠長久經營的話,一定會有一堆使用者愛上他的~

發表在 痞客邦 留言(0) 人氣()

因為要在本地端進行try的動作,所以找了許久,之前有翻到另一篇,可是又突然找不到  囧

今天在努力的翻google,終於讓我查出了一些。
本來用RavenswoodJoomlaServer.就行了,可是mysql版本太舊...
這樣我測試discuz時候會出問題(也可能是該插件問題啦)
不過基於要努力實驗性質,所以又去找了其他類似的軟體來測試囉。

首先:
RavenswoodJoomlaServer
這就是專門為joomla來使用的囉,點開就可以用,在右下角出現一個小圖示,其他都不會顯示出來,第一次用就感覺很清爽,推薦mysql沒有版本問題的可以使用這個。

UniformServer
這款沒有實際使用,不曉得。

XAMPP
這是蠻多人使用的可攜式apache伺服器,這裡有介紹

Apmserv
還有一款內陸的人寫的,大夥兒也可以去試試。

發表在 痞客邦 留言(0) 人氣()

這,應該不能算是偶然吧!!

之前算是胎死腹中的blogspot的部落格,撰寫時剛好我正處在低潮期,又加上用的不習慣(個人不喜歡那種的部落格編寫方式),外掛一些其他因素,本來打算當作第一個公開的部落格就這樣子的,還沒公佈出來又收了起來,所以算是胎死腹中吧(汗。

作母親的看了也很難過....

發表在 痞客邦 留言(0) 人氣()