
誰說免費的就沒有好東西呢?這幾天在VisionWidget – Vision IN Art上逛了很久,發現在「2009 Amazing 30 Popular Free Wordpress Themes Must To Following」這篇文章當中,推薦的版型中也有提到「Comfy」,這是我自己目前最喜歡的版型,「水映♥美麗境界」的部落格便是採用「Comfy」這個版型,大家趕緊來看看,收藏這30個超優質的Wordpress版型吧!
1. Comfy Magazine Free Wordpress Theme| Demo | Download |
最近常要幫客戶架設Wordpress的部落格,而我越來越喜歡上CMS(Content Management System)和雜誌(Magazine)的WordPress版型(Wordpress Theme),剛好最近看到這篇介紹CMS型的Wordpress版型,真的讓我更具有信心的宣揚:「部落格不僅是部落格,還可以當作網站來使用!」
下面是rubiqube收集並推薦的20個做得比較成功且設計十分優秀的CMS型WordPress網站,其中我自己最喜歡的就是「Cubicle Ninjas」的這個版型的設計,實在太令我驚豔了,此外「Frisk Design」這家網頁設計公司也非常厲害,因為在這二十款的CMS版型設計中,就收錄該公司設計的許多作品,話不多說,趕緊來欣賞吧^^
1. Cubicle Ninjas
▍Flash Viedo 教學(搞視迅BLOG才夠炫) [ Version 1.0 Power by Andy Liu . ]
█ 版本說明:
Version 1.0
嘿嘿!這個教學已經欠大家很久很久囉!很多人看到我網站上放置影片的視迅,都感覺很好玩,也很想自己弄一段試試看,紛紛問我相關製作的問題,我都說我會寫一段教學來告訴大家,不過要等我有空的時候才行,一拖就過了好久,今天索性牙根咬緊,來開始撰寫這段教學囉!
█ 事前準備:
文章用色說明:紅字:語法的指令 綠字:指令的參數 紫字:語法註解
在開始進入本篇教學的時候,你如果還搞不清這篇要教的是什麼,那請你參考一下:
2005-05-20 生活忙茫盲 http://www.wretch.cc/blog/tjliu&article_id=1844758
2005/03/07 …
標準語法大整理
▍CSS 標準語法大整理 [ Version:1.1 Power by Andy Liu . ]
█ 事前準備:
文章用色說明:紅字:語法的指令 綠字:指令的參數 紫字:語法註解
昨天將CSS「邊框」的語法整理好之後(已經放在▍留言區域大動工(含表單設計) [ Version 2.0 ]這篇教學裡面 ),今天想一想,乾脆來將CSS的標準語法作一次的整理好囉!也方便大家以後查詢指令方便。(當然我也很需要^^)
整理的CSS語法包括下列幾種:
背景控制
邊框控制
文字控制
文字連結控制
滑鼠樣式控制
方框控制(邊界、欄位間距)
PS 如果你不清楚語法究竟要怎樣加入或設定?請見文章最下面的「實際操作」。
█ 語法說明 — 背景控制:
/* 語法開始 */
body{ /* body 是可以依照需要作改變的,下面的內容才是重要的! */
background-image:url(圖片位址); /* 圖片連結位置 */
background-attachment:fixed; /* 圖片位置是否要固定 */
background-repeat:no-repeat; /* 圖片是否要重複顯示 */
…
▍留言區域大動工(含表單設計) [ Version 2.0 Power by Andy Liu . ]
█ 版本說明:
Version 2.0
有鑑於部分人士喜歡求新求變,在此推出2.0版的教學文件!這次新的版本主要是提供「回應區的表單」和「每月文章彙集」這兩部分的語法修改補充教學!(請見文章最底下「補充說明」的部分)
新增「回應區的表單」語法說明
新增「每月文章彙集」語法說明
★ 新增修改「邊框大小、樣式、顏色」CSS語法說明
Version 1.0
很多人都喜歡在「留言區」加上背景圖片,但是卻不知道語法如何修改,故推出此教學文件!
█ 事前準備:
文章用色說明:紅字:語法的指令綠字:指令的參數 紫字:語法註解
留言區域?這是哪阿?在BLOG首頁你不會發現到他的蹤影,但是在每一篇文章最底下都會有個「回應」的部分,這就是今天的主題囉!
那這個部分到底有什麼好變化的呢?又能玩出什麼花樣呢?且先看看下面圖一的部分,這就是我在我的BLOG動的手腳!(★注意:I Need You有看到嗎?以後看文章要多多回應喔!^^)
想要和我一樣在留言區域裡面加上背景嗎?想讓留言區域更生動、更吸引人嗎?那就趕緊看下去囉!
[圖一]
█ 觀念說明:
★注意:觀念說明此部分,如果你是CSS、HTML語法初學者可以先略過,直接跳到「語法說明」,這部分主要是進階,針對一些想要真的學習語法、瞭解語法的朋友,而不是只是Step by Step,將語法複製、貼上,能夠真的瞭解語法的原理,靈活運用!
在正式進入文章之前,先必須有一個基本常識,CSS能夠讓我們自訂HTML標籤的樣式!觀念來囉!什麼是HTML標籤呢?所謂HTML標籤就是我們在寫HTML語法長常會看到的『『這個部分!為何要說到:CSS能夠讓我們自訂HTML標籤的樣式呢?舉個例子來說:我們在編寫HTML語法時,假如只打上
這個標籤,是代表要將文字大小變大!
範例:從
變成
這是我們單純使用
語法時是這樣,但是CSS提供了一個很方便我們編寫網頁管理的功能,讓我們能夠定義標籤的樣式,也就是你如果覺得
的語法只是單純讓字體變大,不夠好用,你可以自己定義
的功能,例如不僅僅變大,還能改變字體的顏色。但是你可能會問說,HTML語法不是就有的功能,可以直接調整顏色嗎?幹嘛多此一舉呢?沒錯!這麼方法的確可以,但是如果你的網頁有很多地方要用到
呢?那你是不是每次都要設定一次阿,這時候如果在CSS就定義好
的樣式,不就方便多了嗎?
之所以要講到這個觀念是因為和接下來我們要作的動作有關,要在「留言區域」動手腳,當然要先知道它是什麼咚咚!在HTML語法裡面,稱呼「留言區域」為「文字區塊」,在語法中是使用:「textarea」!接下來我們就往下繼續看下去吧!
█ 語法說明:
在之前我們已經知道「文字區塊」的HTML語法是:「textarea」,因此我們就開始從這裡著手吧!
/* 語法開始 */
textarea{
background-image:url(圖片位址); /* 圖片連結位置 */ background-attachment:fixed; /* 圖片位置是否要固定 …