Viewing Category » 部落格製作教學
分享 | 作者:Andy Liu | 日期:2009/05/26 | 閱讀人次: 4,850

[Wordpress Theme] 2009高優質免費必收藏的30個WordPress版型

Post Thumbnail of [Wordpress Theme] 2009高優質免費必收藏的30個WordPress版型

誰說免費的就沒有好東西呢?這幾天在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 |

分享 | 作者:Andy Liu | 日期:2009/05/25 | 閱讀人次: 1,225

[Wordpress Theme] 2009不可不看的優秀CMS型之WordPress版型

Post Thumbnail of [Wordpress Theme] 2009不可不看的優秀CMS型之WordPress版型

最近常要幫客戶架設Wordpress的部落格,而我越來越喜歡上CMS(Content Management System)和雜誌(Magazine)的WordPress版型(Wordpress Theme),剛好最近看到這篇介紹CMS型的Wordpress版型,真的讓我更具有信心的宣揚:「部落格不僅是部落格,還可以當作網站來使用!」
下面是rubiqube收集並推薦的20個做得比較成功且設計十分優秀的CMS型WordPress網站,其中我自己最喜歡的就是「Cubicle Ninjas」的這個版型的設計,實在太令我驚豔了,此外「Frisk Design」這家網頁設計公司也非常厲害,因為在這二十款的CMS版型設計中,就收錄該公司設計的許多作品,話不多說,趕緊來欣賞吧^^
1. Cubicle Ninjas

分享 | 作者:Andy Liu | 日期:2005/06/14 | 閱讀人次: 909

▍新穎播放器面版設計教學

Post Thumbnail of ▍新穎播放器面版設計教學

  ▍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 …

分享 | 作者:Andy Liu | 日期:2004/09/17 | 閱讀人次: 9,438

CSS語法教學攻略篇_[Andyliu.Desing]

Post Thumbnail of CSS語法教學攻略篇_[Andyliu.Desing]

標準語法大整理
▍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; /* 圖片是否要重複顯示 */

分享 | 作者:Andy Liu | 日期:2004/09/15 | 閱讀人次: 1,291

留言區域背景(含表單修改)教學

Post Thumbnail of 留言區域背景(含表單修改)教學

▍留言區域大動工(含表單設計) [ 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;            /* 圖片位置是否要固定 …

 第 1 頁/共有 2 頁  1  2 »
Powered by Wordpress   |   Delighted designed by Web Hosting   |   Song Lyrics   |   Free Download Ebook   |   Gadget Review