::月橘的大聲公::
※本館所用字體為→【微軟正黑體】←,無法顯示請點擊前往取用。
※據宅透社指出:看文後留言 可有效增進異性緣。

目前分類:├CSS語法分享及應用 (8)

瀏覽方式: 標題列表 簡短摘要

上次的位置語法大家都熟稔了嘛?

今天要來個稍稍進階一點的CSS應用。

當我們把部落格的背景圖、大區塊的位置(文章區、側欄區、網誌描述等)定下來之後

再來就是做側邊欄位的「各個」自訂欄位的位置囉!

, , , , , ,

月橘 發表在 痞客邦 PIXNET 留言(7) 人氣()

設計部落格時,無論是背景圖、標題底圖、小圖示等等都會用到「背景」語法

背景的屬性應用則是今天的主題

在這要教大家怎麼放底圖、上底色、喬位置

關於背景的屬性,基本上有五種:

, , , ,

月橘 發表在 痞客邦 PIXNET 留言(9) 人氣()

在設計部落格樣式時,位置語法「position」可說是最常使用的語法

常見的語法有絕對位置absolute相對位置relative這兩種

常見參數:topbottomrightleft 。(上下右左)

下面我用網誌描述(banner h2)為例子來作介紹:

, , , , ,

月橘 發表在 痞客邦 PIXNET 留言(6) 人氣()

這個語法在CSS的運用上也可以說相當實用、廣泛也很簡易

在部落格上所見的部位,諸如:

網誌描述、側邊欄位、標題、內容、連結...都可以使用

像是我的貼紙複製框外框也是這語法的應用

月橘 發表在 痞客邦 PIXNET 留言(9) 人氣()

古人云:「工欲善其事,必先利其器。1328305331.jpg

當你想修改版面卻又不知如何下手時,這篇由「Seven Design1230」所整理的文章

相信將能領你踏入「玩」版型這塊領域

讓你可以擁有屬於自己的版型,永遠不會跟別人撞衫1865999484.jpg

月橘 發表在 痞客邦 PIXNET 留言(16) 人氣()

「哎唷..捲軸怎麼又卡住了」
月橘當初也是苦於此麻煩
在不斷地嘗試失敗之後終於成功囉
您還在為此感到心煩嗎?

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

今天有位朋友詢問了月橘這個問題
便在這裡開個小教學造福大家囉
回應區的背景圖,就如同下圖紅框圈起處

月橘 發表在 痞客邦 PIXNET 留言(22) 人氣()

本文引用自小公主
這位版主作了15款捲軸樣式,而且每款都很好看
深深覺得她好厲害,在這邊分享給大家

由於語法失連+原作者已關閉部落格...所以我自己參考小公主的色系另外做了一些樣式

, , , ,

月橘 發表在 痞客邦 PIXNET 留言(26) 人氣()