爬了半天的文,終於明白怎麼改樣式了...
之前怎麼改css都沒反應,原來是因為fire fox要再按一次"更新網頁"丫
目前這個樣式是偷改別人的,不知道會不會被罵
不管,暫時先這樣了。懶~
方法:
1.修改方法:PIXNET 在 "我的後台-->版面設定-->編輯CSS" 裡面可以編輯css。(改完程式 記得按"更新")
2.找模板:PIXNET改樣式第一步就是先找模板,有模板你才知道哪一段程式是在指定哪塊東西。(像是content{}就是文章欄、header()就是標題...,請考*1.PIXNET痞客模板)
3.想樣式:大概想好你要的樣式。(三欄、二欄、每個欄位的大小、位置。)
4.開始修改:隨便先套一個你喜歡的樣式("我的後台-->版面設定-->樣式選擇"),按模板圖找到每個欄位對到的程式碼,開始亂改,反正一直調就對了。(字型front_family、front size大小、顏色color、背景、位置...,英文照翻就對了,語法還是不知道請參考下面*3.css基本語法網頁。/文字、背景顏色請參考下面*4.色碼表)
5.網頁圖案:請用google或yahoo隨便找"網頁 圖庫"應該就有一堆了,有喜歡的複製它的圖片網址再把它貼到程式碼background: url('http://****')裡面就會顯示在你的網頁上了。(懶得找的請參考下面*5.Maggy的網頁圖片收集簿)
參考網頁:
*1.PIXNET痞客模板:http://blog.pixnet.net/admin/post/7478518
(就是裡面那張圖,download下來就對了啦~
只有這個模板有碎碎唸的樣子。)
*2.PIXNET其它模板:http://hit1205.blogdns.org/teach/css/pixnetCSS/index.php
*3.css基本語法:http://www.hsiu28.net/style/style_1.php
*4.色碼表:http://user.infor.org/~ohb/colorcode.htm
(想改什顏色就把後面的hex碼(000fff)抄下來,貼到程式碼color #後面就對了啦~)
*5.Maggy的網頁圖片收集簿:http://maggy.syups.tp.edu.tw/manager.asp
P.S.這是第一次寫CSS和網頁的東西。不懂的請多多指教啦~
留言列表