公告版位

狀態廣告

目前分類:學習CSS (16)

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

部落格:痞客邦

位置:publish

功能:發表年月時間

, , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(2) 人氣()

部落格:痞客邦

位置:article-head

功能:文章標題

, , , , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

部落格:痞客邦

位置:spotlight

功能:公告版位

, , , , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

部落格:痞客邦

位置:content

功能:文章標題區

, , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(1) 人氣()

幾天下來的休息可以再度繼續

一一記錄自己CSS變化過程

部落格:痞客邦

位置:main

功能:文章標題區塊

, , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

橫幅介面有那些

到現在已經介紹差不多了

那還有連結「相簿、留言板、介紹」等等位置

而在這邊不同的是這裡是以圖片顯示

如果可以的話可以自行創作自己的圖樣

, , , , , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

終於要完成預計記錄的1/3份量

呵呵~

上一篇介紹如何修改橫幅中的「跳到主文」位置

而這次介紹就是橫幅中的「部落格全站分類」位置

首先要找到就是blog-category這地方

, , , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

話說橫幅中的設定還真不少

簡直讓人眼花撩亂

而且也沒有編輯在一起

想要變化一下可要下一點點功夫

首先介紹的是skiplink

, , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

繼續吧!

雖然慢慢摸索很有趣,但是想到一篇篇寫出來還真是讓我傷透腦筋

畢竟想介紹的方式是「使用前使用後」變化「可不是瘦身前瘦身後的廣告喔~」

其實最容易了解也是這樣的模式吧!

原本還有一些想寫的文章

, , , , , , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(1) 人氣()

這裡編輯一下container 看看那裡會有所變化

這一篇可以改變您的橫幅、文章區塊以及側邊位置

也可以拉近拉遠與管理列距離

可以改變整個區塊的效果

 

, , , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

authority改變您的後台管理列

authority a改變您的後台管理列中的按鈕字體方塊

上一篇介紹過authority 之後其實還有其它更深入改變面貌的地方

改變大小

改變陰影

, , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

介紹過boby後

這裡要介紹更改後台管理列的狀態

當您登入痞客邦帳號後

最上頭會出現「新發表文章」以及「後台管理列」

要更改這裡顯示狀態就必須要找到位置「#authority」

, , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

打開CSS 時就會看到這一個地方

body這一行

如果您只是單純想改改字體大小或是顏色以及背景狀態

又不想一個個修改

來這裡就對了

, , , , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

想必很多人跟我一樣

對於一知半解的blog樣版除了套用之外目前還無其它方式可以使用

如果想要改變一下也可以

接下來介紹幾篇更改的方式與大家分享一下

一些組合應用的CSS語法與大家享受更改樂趣

, , , , ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(1) 人氣()

框的使用一般用於左右兩班外加中間這部份,想要外加框可以先找到CSS裡面的下面三個位置加以修改,現在發現除了利用數字外變更框的寬度外,也可以利用thin (薄)、medium (中等)、thick (厚)這三種來加以改變寬度喔~

 

/*欄位內容*/

.side{

background:#fff;

, ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

自我學習CSS-邊框效果

 

border-style:solid;

實線

, ,

☆故事☆ 發表在 痞客邦 PIXNET 留言(0) 人氣()

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼