標籤: css3

Balloon.css – 提示效果式樣設計

Balloon.css 只需要透過式樣設計,就可以產生漂亮的訊息提示效果。透過 WordPress 來架設網站,是一件非常有趣的事情。每個人都可以在這個主程式的規範下,去變化更種獨特的效果,而這些效果是為了自己的網站需求。同時,也可以很輕鬆的將網路上的各項設計資源整合進來套用,說真的是大大降低了網站設計師開發的時間,這麼多好用的工具,是不是也想試試看呢?今天跟大家分享的是提示效果的 CSS 設計,不需要其他 JS 程式碼,就可以產生很棒的效果,有興趣的朋友,請繼續閱讀接下來的文章內容。

繼續閱讀

WordPress Plugin Simple Tooltips – 內容提示外掛程式

WordPress Plugin Simple Tooltips 為網站的文章內容提供提示框的說明,更有助於訪客的閱讀。去年也是差不多這個時間點,跟大家分享了如何透過樣式表(CSS)的設計,在 WordPress 的文章內容裡來建立提示註解,有興趣的朋友可以參考 WordPress Tooltips With CSS – 如何新增註解提示這一篇文章的說明內容。不過還是有部分朋友跟我反應,透過 CSS 的設計對他們來說,還是太複雜了一些。所以今天就要跟大家分享一款內容提示外掛程式,可以讓大家在編輯文章時,需要展示提示內容框時,透過編輯器上的按鈕,直接插入到文章就可以了。接下來的文章內容就跟大家來分享這一款外掛程式的安裝與使用,好與不好的測試內容。

繼續閱讀

WordPress Box Shadow – 高質感圖片陰影設計

WordPress Box Shadow 讓照片的質感一下子就提高了許多。在三月的時候跟大家分享過一個線上製作式樣(CSS)的網站,讓不懂得式樣設計語法的朋友,也可以輕鬆的在 WordPress 網頁設計出一些特別的式樣效果。今天延續這個設計的技巧,跟大家分享如何透過陰影的設計,讓照片的質感提升,建置出高質感的照片網站。如果您的網站使用大量的照片,而且照片多是簡約風格,那麼今天的式樣技巧可以參考,會讓照片呈現特別的質感。

繼續閱讀

WordPress CSS Shadow Effects – 陰影式樣技巧

讓不懂程式碼的朋友也可以享受網頁設計的樂趣,一直是我努力的目標。在我開始使用 WordPress 以後,這個理想的網站設計夢設計又往前邁進一大步了。很多朋友問到不會式樣(CSS)設計的技巧,要怎麼修改網站內容的設計呢?很幸運的在網路這麼發達的今天,有非常多的網路資源可以參考,而我們只需要如何的將這些技巧,運用在我們自己的網站就好了。

繼續閱讀

WordPress Tooltips With CSS – 如何新增註解提示

WordPress Tooltips With CSS 要如何在文章的內容新增註解提示呢?最近朋友問到在其他朋友架設的 WordPress 網站,看見註解有提示功能的展示,想要知道可不可以也在自己的 WordPress 網站套用。關於註解提示的出現場合,一般是對於某些關鍵字是訪客經常需要的資訊,或是網站作者想要對字串下特別說明的註解或是提示,這些功能的目的都是在幫助訪客接收更完整的文章訊息。

繼續閱讀
Loading

網站架設

WordPress 虛擬主機免費安裝設定