我目前的部落格樣式只是暫時的,有空會慢慢寫慢慢改CSS跟圖。有興趣自己改或練習CSS的網友也可以試看看,原始樣式名稱 極簡-白 (by pixnetvisual) http://panel.pixnet.cc/theme/blog/7277 ,極簡白的滿版型因為很乾淨,我選來當CSS基礎參考,先了解痞客邦的CSS指令,以便有助於我自己寫可在痞客邦使用的CSS。

現在側欄在右邊,部落格文章在靠左欄,若是想改為如下,部落格文章在靠右邊,側欄靠左邊的話,那麼只要在CSS裡面更動兩個字:

theme-2.jpg

現在的CSS裡是這樣的:(部落格文章在靠左欄,側欄在右邊)

#content{width:680px; float:left; display:inline;}

#links{width:250px; float:right; display:inline;}

Content指的是部落格文章內容那一欄,因為設定是left,畫面上是靠最左。

Links指的是側欄,因為設定是right,所以在畫面上靠右。

所以目前部落格畫面如下:

theme-1.jpg

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

只要更動兩個字(如藍色處)

#content{width:680px; float:right; display:inline;}

#links{width:250px; float:left; display:inline;}

就會左右欄位互換,如第一張圖!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

很簡單吧^^

arrow
arrow
    全站熱搜

    A7V7 發表在 痞客邦 留言(4) 人氣()