我目前的部落格樣式只是暫時的,有空會慢慢寫慢慢改CSS跟圖。有興趣自己改或練習CSS的網友也可以試看看,原始樣式名稱 極簡-白 (by pixnetvisual) http://panel.pixnet.cc/theme/blog/7277 ,極簡白的滿版型因為很乾淨,我選來當CSS基礎參考,先了解痞客邦的CSS指令,以便有助於我自己寫可在痞客邦使用的CSS。
現在側欄在右邊,部落格文章在靠左欄,若是想改為如下,部落格文章在靠右邊,側欄靠左邊的話,那麼只要在CSS裡面更動兩個字:
現在的CSS裡是這樣的:(部落格文章在靠左欄,側欄在右邊)
#content{width:680px; float:left; display:inline;}
#links{width:250px; float:right; display:inline;}
Content指的是部落格文章內容那一欄,因為設定是left,畫面上是靠最左。
Links指的是側欄,因為設定是right,所以在畫面上靠右。
所以目前部落格畫面如下:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
只要更動兩個字(如藍色處)
#content{width:680px; float:right; display:inline;}
#links{width:250px; float:left; display:inline;}
就會左右欄位互換,如第一張圖!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
很簡單吧^^