[公告] 痞客邦「應用市集」新 App 上架-iFontCloud Professional[公告] 痞客邦後台發表文章提供插入多張圖片新功能[公告]痞客邦新服務上線 部落客商店聚集就在《痞市集》[公告] 部落格「快捷功能BAR」改版介紹[公告] 痞客邦「快捷功能BAR」6月4日改版通知
雖然後台已經有很多樣式可以選擇了,
但許多網友還是想要在一個現有版型上, 換上自己的圖片,
可是由於不清楚整個版面是如何配置而成的,
以為把CSS中 header 的背景換掉就好...
而往往變成下圖這樣的慘狀




破壞了整體視覺不說,
原作者有可能導覽(相簿/部落格/...)等等功能直接做在圖中, 再以CSS定位,
現在那些文字沒了...
想要去其它頁面就真的只能瞎子摸象了!
對自己或其他來參觀的使用者都是一種不便...

當然這不是要大家不要自己更換版頭,
只是既然要換, 就要換得賞心悅目又不影響功能呀!
而這前提是:
選一個適合換版頭的樣式, 放一張尺寸適合的圖片!

1 - 選擇適合的樣式
適合自行更換版頭的樣式, 通常是較基本型的,
有獨立的主視覺, 方方正正的一張圖...

可以用教學版型或者本部落格提供的幾種基本樣式
近期推出的某些樣式也會特別設定是可以換主視覺的,
例如花紅sea gullmac style城市光影...
樣式描述中都會註明, 並標上尺寸, 可以特別注意一下。

而接下來使用的範例就是相當愛到好評的mac style。
change-banner1.jpg

2 - 找一張尺寸適合的圖片
在樣式的描述中, 已經標示了:圖片大小900x300 (px),建議淺色系圖片為佳
所以我們先要做的是, 生出一張900X300 大小的圖片...

小編從白色系的圖片中找了下面這張吉他手的圖片,
並以影像編輯軟體裁出我要的大小。


3 - 上傳圖片至相簿, 讀取路徑
處理好的相簿, 上傳至自己的相簿(如果超過600px 務必保留原始尺寸唷)
再來便是找到那張圖片的絕對路徑,
以便我們能放進CSS中。

是不是有些人還不知道如何找到圖片的路徑呢?
下面列了目前三種最為多數人使用的瀏覽器, 讀取圖片網址的方式。
Firefox(火狐), google chrome 直接在圖片上點滑鼠右鍵,
就有複製圖片/影像網址的功能,
IE則是必須在圖片上點滑鼠右鍵, 選擇[內容],
看到網址, 選取後再行複製。

firefox//
change-banner3.jpg

IE//
change-banner3-2.jpg

google chrome//
change-banner3-1.jpg

4 - 更換CSS
複製好了圖片路徑,
接著是到部落格後台»[樣式設計精靈]»CSS 原始碼編輯,
貼心的樣式提供者會把可以自行更換的部份移至最前面,
讓使用者馬上就可以找到,
(mac style 就是這樣的唷!)
若該樣式沒有標示, 也許就得從 #header , #banner , 甚至是 #extradiv 這些地方找起。

下圖綠色標示的那串網址, 就是我們要更換的地方,
把剛才複製的網址覆蓋過, 再按儲存(ctrl+S)就可以了!!
change-banner2.jpg

5 - 完成
最後趕快回到自己的部落格,
按Ctrl+F5 重新整理, 你就會看到自己更換的圖片呢~
change-banner5.jpg

是不是很簡單呢?
只要用一點心, 也能有自己專屬的樣式,
快點自己動手試試看吧~~

Posted by themes at 痞客邦 PIXNET 留言(111) 引用(1) 人氣()


open trackbacks list Trackbacks (1)

  • [教學] 如何更換樣式版頭

    <p>本文引用自<a href="http://themes.pixnet.net/blog/post/6520176-%5b%e6%95%99%e5%ad%b8%5d-%e5%a6%82%e4%bd

留言列表 (111)

Post Comment
  • poca0220
  • 謝謝分享~

    有這篇文章在
    我以後就不會常常忘記怎麼改了XD
  • 如果有其它想學的也歡迎提出唷,
    會再寫成教學文供大家學習~

    themes replied in 2010/05/07 10:14

  • CherylJeSS
  • 想尝试更换样式但却无法进入CSS 原始碼編輯。。
    进入樣式設計精靈后每次都弹出一个小栏:样式作者不允许您修改样式唷!
    为什么?
  • 可能是因為您目前所選用的樣式,原作者不允許使用者修改css喔
    所以若是想更換樣式版頭或是css的其他設定,要請你選擇其他版的樣式套用喔
    感謝!

    themes replied in 2010/05/21 18:52

  • u4573333
  • 樣式版頭製作問題??

    你好,我有製作一張900x300的圖片要當板頭,也照上面的說明去執行,為什麼回到部落格首頁,版頭會呈現重複的狀況,可以在教我怎麼處理嗎? 感激不盡~
  • dear,若要使圖片不重複,您的CSS這段background:url("http://pic.pimg.tw/u4573333/4bf650d1ab108.jpg?v=1274433755");
    可改為
    background:url("http://pic.pimg.tw/u4573333/4bf650d1ab108.jpg?v=1274433755") no-repeat;
    --
    另外, 您的圖片實際尺寸為 600X200,
    應該是上傳時, 系統自動壓縮了,
    如果要保留原始尺寸,
    記得到相簿後台 > 基本/進階設定 > 預設保留原始尺寸相片 (勾選"是") 喔!

    themes replied in 2010/05/21 19:03

  • CherylJeSS
  • 原来如此,那我只好选择其他可以修改的样式来试试了,谢谢您的热心回复哦。
  • u4573333
  • 你好,很感謝您這麼迅速的回覆 !
    我版頭已經換好囉,謝謝你的指導^--^

    我準備從新浪部落格搬過來了
  • pinkdan123
  • 了解 很實用
    改天再來試看看
  • Private Comment
  • 一魚
  • 您好,
    我有照步驟執行更換版頭
    也把基本/進階設定 > 預設保留原始尺寸相片 (勾選"是")
    可是照片還是被壓縮了
    怎麼辦?
  • 照片下方有一"看原始圖"的按鈕
    須要先按這顆按鈕,再對放大的原始圖進行"複製"的動作喔!

    themes replied in 2010/07/16 11:06

  •  一魚
  • 謝謝你,太感激了!
  • 一魚
  • 請問要如何把標題和描述文字的部份刪除呢
    再度請問麻煩你
    謝謝了
  • 在css編輯區裡面加上下面這段就可以了
    #banner h1,#banner h2{display:none;}

    themes replied in 2010/07/19 11:20

  • 一魚
  • 謝謝你幫助
    我們這些菜鳥級的新手
  • 別這麼說,每個人都有曾經是新手的階段,加油喔~^_^

    themes replied in 2010/07/19 12:42

  • lotuseater
  • 謝謝分享,揪感心~
    我會把剩下的文章慢慢讀完的^^
  • runway1008
  • 終於找到我要的~~~謝謝分享
    有空時要來換照片~~~
  • 能幫到您真是太好了 ^Q^

    themes replied in 2010/07/26 10:30

  • Private Comment
  • Private Comment
  • dogkee886
  • ^^

    太好了!!我正為此煩惱!現在解決了!真是謝謝你!^^
  • TIM99
  • 請問如果要將部落格表頭的"部落格全站分類"該行文字移除,
    或是更換位置到版頭右下方,
    該怎麼下指令呢?
    謝謝你!
  • 部落格全站分類的CSS標籤是#blog-category
    如果你想要隱藏,
    就在{ } 中加上 display:none;
    若是要移到其它地方,
    可以利用
    top: 130px; (與上方的距離)
    right: 20px; (與右邊的距離)
    這兩個數字的調整來改變位置...
    試著改看看囉, 有問題再歡迎提出

    themes replied in 2010/08/11 11:00

  • TIM99
  • 非常感謝!
  • YuiAragaki1979
  • 請問一下
    版頭可以改成FLASH動畫嗎?
    是要用甚麼語法呢?
  • 要放flash動畫, 會比較麻煩...
    你必須先有自己的網路空間, 可以放flash...
    取得路徑後, 再將語法放至側邊欄位的"自訂欄位" (或是部落格描述中也行)
    再用CSS去設定它的大小和位置,

    大家的flash尺寸, 要放的位置, 以及自訂欄位編號都不同...
    所以無法直接回答你用什麼語法喔 ^^"

    themes replied in 2010/08/17 11:20

  • brontie
  • 如果我喜歡自己所投票的那一個格式中的其中一張照片呢?!該如何索取?!
  • 樣式大賽的素材可能沒有辦法另外再釋出給其他使用者修改至CSS中使用唷
    因為可能還要詢問原提供者,而樣式大賽的貢獻機制是不計名的
    所以那張素材是哪位參賽者提供的也就不得而知囉
    抱歉~

    themes replied in 2010/08/30 11:19

  • Private Comment
  • Private Comment
  • Private Comment
  • Private Comment
  • Private Comment
  • 眼睛
  • 大大你好 !!
    我有看到你上面的解說 !!
    那放flash因為我有設定大小跟上面放的圖片一樣大 !!
    那我css語法要打啥才可以放fla黨??
    我有空間上船了 !!
    麻煩大大幫我解答一下 !!
    謝謝 !!
  • 你得先把flash.. <embed src=....>
    這串語法放到自訂欄位中,
    新增好後, 再到部落格中找到新增欄位的編號 (可以檢視原始碼找到)
    比如該自訂欄位是 box123

    再回到CSS中加上

    #box123 {position:absolute; left:__px; top:__px; width:__px; height:__px; padding:0; margin:0; }
    #box123 .box-title{display:none;}
    #box123 .box-text{padding:0; margin:0; }

    (用 left , top 來調整你要放的位置, width / height 則配合flash 的寬高)

    是有點麻煩的過程,
    自己試著修改看看囉~~


    themes replied in 2010/09/16 10:15

  • Private Comment
  • Private Comment
  • Private Comment
  • 凱文
  • 大大您好,我有一個問題想請教您,我最近在練習做部落格,看到幾個別人部落格版型不錯,請問有辦法複製下來自己用,或者修改嗎?

    另外背景圖片自己做好我應該放在哪裡才對呢?我放背景圖片感覺她的大小怪怪的,應該要多少乘以多少才是正確的呢?
  • 別人的部落格樣式, 也算是智慧財產權的一種,
    除非對方有分享,在取用前, 應當要先取得對方同意,
    否則便是竊取行為, 對方真要追究是可以有法律追訴權的...
    但若只是看看研究對方如何寫CSS,
    而不是直接用他的設計, 圖片, 這倒是可以的。
    --
    pixnetvisual 所提供的樣式都是可隨意修改的,
    如果你真想練習, 不妨從這些樣式著手....
    --
    背景圖完成後, 放在相簿即可。
    大小則要看你使用的是什麼樣式, 每個樣式要求的尺寸都不同。
    若上傳後, 圖片尺寸不符, 請先檢查看看是否後台設定到了"自動縮圖"...

    themes replied in 2010/09/16 23:05

  • 阿肯
  • 想請問一下在痞客邦部落格的標頭上面是否可以自定導覽列呢?
    然後透過導覽列連結到自己部落格的某個文章或分類?
  • 可以自訂導覽列, 但無法將原來的更換連結喔。
    -
    自訂導覽列可以在側欄自訂欄位(或者部落格描述)寫好html,
    再到CSS中針對它定位或設計。
    而原先的導覽列(album/blog....)若不要顯示,
    則在CSS中設定 #navigation{display:none;} 即可。

    修改需要有一些html+CSS的基礎, 會比較容易,
    請先看看這樣的說明你是否了解,
    若有進一步問題再提出來囉, 謝謝 :)

    themes replied in 2010/10/21 10:41

  • 好吃家
  • 您好:
    在您舉的這個mac style的例子中
    我已經了解了圖片如何更換

    那如果想改變 "Album" "Blog" "Guestbook" "Porfile"
    的文字與其連結的位址
    簡單說就是將按鈕作成類似
    http://uba.pixnet.net/blog
    的樣子,有機會辦到嗎



  • 這是可以做到的, 不過對於不太了解html 和 CSS 的人會有點困難喔。
    那些連結都是在側欄的自訂欄位(或者部落格描述)寫好html,
    像是UBA這個就是
    <div id="toplinks"><a href="...">賽程表&戰績排行</a><a href="..">攻守數據</a>.....</div>
    再到CSS中針對它定位或設計。

    而原先的導覽列(album/blog....)若不要顯示,
    則在CSS中設定 #navigation{display:none;} 即可。
    (但必須先考慮到你使用的樣式是否導覽列也做在主視覺中了,
    若是這樣, 就算隱藏了, 相簿部落格那些文字也還會在喔, 只是不能點...)

    先看看這樣的說明你是否了解,
    若有進一步問題再提出來囉 :D

    themes replied in 2010/10/21 10:37

  • deepforestudio
  • 你好,我照著你步驟做,但標頭的照片還是無法符合原來的大小而重置了,到底是為什麼呢?麻煩為我解答,謝謝!
  • dear , 您是用哪一個樣式來修改呢?
    無法看到您的錯誤頁面, 也無法跟您說是哪些有問題喔...
    -
    是否再檢查一下相簿那有無勾選 "上傳保留原圖"?

    themes replied in 2010/11/05 10:14

  • 幸福宝宝
  • 你好哦~
    那如果我要换''側欄位標題背景'',
    请问该怎么办呢?
    谢谢~
  • 找到.box-title,
    將 background:url(.... 括號中的網址換成你要的就可以囉!
    如果樣式本身沒有設定,
    也可以自己加~
    background:url(圖片網址) left top no-repeat;

    themes replied in 2010/12/06 10:00

  • Katie
  • 版大
    http://katmimi6.pixnet.net/blog
    我照著你說的改了我的頭版
    不過,有些作者實在把banner的位置藏的很好
    還要小心不要改錯
    在我的三天的奮鬥下,終於改好我愛的樣子了
    但是我還有一個小問題想請問一下
    就是我想要把height的px加長
    我是可以加長
    但是那些 album blog guestbook profile 就無法跟著拉下來
    板主可以幫忙看一下要改哪一行才可以讓那個圖跟著下來
  • Private Comment
  • enjoybebtm
  • 逛到這邊來
    略看留言
    原來還可以這樣玩
    先迫不及待的留言
    呆會搞一個精彩的樣式版頭來玩
    記得來我家搶頭香ㄏㄚ
    先來相簿阫
  • Rupi
  • 大大你好~~
    我試著找下面這個設定一直找不到 他到底在哪裡??
    基本/進階設定(這個我有看到) > 預設保留原始尺寸相片(不知在何處也)

    另外
    最近想套用green earth (by pixnetvisual)這個樣板
    可是樣版圖片裡明明就有公告欄
    不過套用之後公告欄就不見了
    不知道該怎麼辦她才可以跑出來......
  • 哇噢, 相簿改版後就沒有這個功能了
    VIP才會有看原始圖的功能,
    如果你是的話可以將選擇 "是否開放原始圖" 勾選"是"
    -
    公告區塊, 你要到部落格後台 側邊欄位設定
    http://panel.pixnet.cc/blog/sidecolumn
    點中間那塊 公告版位的[設定],
    將它設為開啟才會出現...

    themes replied in 2011/06/14 10:21

  • IM5303111
  • 大大你好~~
    我想要把橫幅(header)用成flash
    請問有辦法嗎??
    我已經試過前面說的那種把flash位置的html 放在自訂欄位的方法
    不過flash一直都只能在header下方顯現
    (就算我已經把top值設為負數了也沒用)
    不知道大大有沒有比較好的方法呢

    以下是我的flash html
    <iframe src="http://files.bannersnack.com/iframe/embed.html?hash=4d61b9e0508fe2e279892b3db2809643&bgcolor=%233D3D3D&alt=screenshot&t=1310118624" width="950" height="300" frameborder="0"></iframe>

    謝謝~~
  • 您目前使用的這個樣式並不適合做這樣的調整喔,
    它的三欄式是用比較特別的寫法, 如果要自訂欄位到上方,就要整個大改

    而且如果您將Flash 定位上去, 也勢必會壓到 album/blog... 這些連結
    倒不如試著將主視覺拿掉, banner 的高度改短,
    這樣flash 就會像是主視覺了XDDD

    themes replied in 2011/07/27 13:31

  • 台灣JGTC
  • 請問!我已經把背景圖換上我要的圖片,為何照片右下排會出現照片檔案位址字樣,如何去掉?謝謝!
  • Private Comment
  • Private Comment
  • Private Comment
  • vickie0830
  • 請問是不是vip才能設定圖片保留原始尺寸?
  • 是的, 目前預設的功能是如此。
    但其實系統不是真的把圖片壓小了, 而是不直接提供原始尺寸的圖片
    如果你想要使用原始尺寸的圖片
    可以動手改一下網址
    比如您的這張圖片
    http://pic.pimg.tw/vickie0830/1319988759-2198614592_n.jpg

    將後是的 _n 刪掉就可以讀到原始尺寸的囉!

    themes replied in 2011/11/04 10:03

  • 在宜蘭
  • 您好,我想請問一下,我用一張900x300的圖置換mac style後,按預覽,圖片只會佔滿原本版頭的2/3,另外1/3會重複出現,用了幾張900x300的圖試過都一樣的情形,不知是何原因呢?
  • 應該沒有讀到原始尺寸的圖片囉!
    (非VIP不會直接提供原始尺寸的圖片)
    但其實您的問題同上位使用者, 手動一下即可

    比如您的blog橫幅2
    讀到的圖片網址為 http://pic.pimg.tw/ilan2011/1319421655-1172127608_b.jpg
    將 "_b" 刪掉就可以囉!!
    http://pic.pimg.tw/ilan2011/1319421655-1172127608.jpg

    themes replied in 2011/11/04 10:06

  • Private Comment
  • Private Comment
  • Private Comment
  • rainymad
  • 你好:
    非常感謝你的分享!!
    這幾天一直被圖片上傳後縮小所困擾,問痞客幫客服,一直告訴我必須要升級VIP才可以讓圖片不被縮小...但試了你的"把_n"去掉後,圖片真的神奇地恢復原本大小了(放到banner尺寸就剛好了!),不知道這是什麼原理呢?
    真的謝謝你的分享喔~~幫了很大的忙!!!
  • 自費出書找白象
  • 請問像這個形式是如何做出來的呢?
    http://www.mocataipei.org.tw/blog

    1. 它原本的導覽列已經隱藏,而且看不到原本的文字。
    2. 文章可以只秀標題。
    3. 圖做出來之後,應該要用哪個軟體來做css比較方便呢?
  • 這些都是在部落格後台 >樣式管理>自定樣式>css原始碼編輯
    自行編輯的喔~
    1. 將#navigation{display:none;}如此設定即可
    2.如果不希望顯示日期: .day, .time{display: none;}
    3.基本上可以用dreamweaver or notepad++

    themes replied in 2012/02/16 11:21

  • soree821206
  • 請問.有沒有一種樣式可以讓山頭圖不要局限在900x300的限制?
  • 比呂
  • 大大你好,我想更改banner頭條的大小(就是長度及高度)
    請教應該怎么更改呢
    謝謝
  • 請由後台管理〉部落格 〉自定樣式 中選取「自定樣式」
    找到裡面有一個#banner
    在裡面修改width與height即可

    themes replied in 2012/09/17 08:53

  • Silvia@ SFO
  • 我換了我自己的照片,且大小也照我選的那個版去裁切,但還是跑掉了,不知道怎麼辦。另,我找不到你說的這個選項
    相簿後台 > 基本/進階設定 > 預設保留原始尺寸相片 (勾選"是")
  • 1.請在後台管理>部落格>自定樣式>CSS原始碼編輯:
    改為下面的code:
    /*主視覺請在此更換, 尺寸850X300*/
    #banner{background:url(http://pic.pimg.tw/yarushih/1349906622-2746918510.jpg?v=1349908902) no-repeat;}

    2.請取消原本版頭圖片的設定

    大部分pixnetvisual所上傳的樣式還是建議由css原始碼進行修改

    themes replied in 2012/10/12 10:20

  • Silvia@ SFO
  • 我換了一個版,想知道怎樣可以讓我換的那張圖片不要重複,謝謝!
  • pixnetvisual
  • 您好
    請在後台管理>部落格>自定樣式>CSS原始碼編輯:
    在#banner這個css 的設定加入no-repeat 即可:
    #banner{background:url(這是您的背景圖網址) no-repeat ; }

  • Silvia@ SFO
  • 不好意思,我怎麼讓換好的圖片大小正確?謝謝
  • 圖片大小要看您的版頭寬高設定調整喔!
    版頭寬高的設定在width(寬),height(高):
    #banner{width: xxx px; height:xxx px;}

    themes replied in 2012/10/25 14:38

  • 自費出書找白象
  • 您好,
    請問可以在上方banner(或其他地方)嵌入flash嗎?
    例如
    http://elephantwhite.pixnet.net/blog
    是否要看版型,有的可以有的不行?
    還是全部都不行呢?
  • 可以的:
    1.請自定一個側邊欄位
    2.請將swf檔案放在一個網路可以抓取的地方,得到一個網址
    3.請用embed語法嵌入swf網址,寫在自定的側邊欄位中
    4.修改該側欄的css到版頭位置

    themes replied in 2012/10/25 14:41

  • 羊吃草
  • 請問我在部落格文章中從相簿插入圖片
    圖片寬度我選擇大1024
    但是傳上去都被裁掉一半
    可是我希望我照片是大的該怎麼辦呢
  • 由於部落格的文章寬度是有設定的,所以會超過的尺寸會被裁切,建議選擇寬版形式的樣式
    也可以安裝appmarket的app:Lightbox 酷炫展示大圖
    http://appmarket.pixnet.tw/index/detail/47
    即可點擊後展示大圖喔!

    themes replied in 2012/10/26 09:40

  • 人生幸福根本解
  • 您好,承#61
    4.修改該側欄的css到版頭位置
    這句看不懂

    我已將flash嵌入新開的側欄,然後回到後台的css, 但是不知道應該要改哪裡,找不到div.box-text徹側欄區塊內容(是把這裡的css copy到標頭嗎?),應怎麼修改呢?

    部落格網址
    http://good58.pixnet.net/blog

    請問是否有客服專線或email可聯絡,之前寄service@pixnet.tw都沒有回應。
  • 您好:
    側欄的設定可以檢視頁面的原始檔案,就會看到該側欄有一個ID,如圖:http://pic.pimg.tw/themes/1352339803-1232730126.png?v=1352339809
    ,請在後台管理>部落格>自定樣式>CSS原始碼編輯:針對您放置FLASH側欄的id做css設定即可
    例如該圖中的id設定為:
    #box147730{position:absolute;top:100px;left:100px; /*設定側欄位置*/}
    #box147730 .box-title{...}

    如果還有任何疑問的話,都可以直接留言給我們喔

    themes replied in 2012/11/08 11:15

  • 自己誕生自己
  • 不好意思,因為有點急,是否有較快速的聯絡方式?
  • 自己誕生自己
  • 您好,我發現若直接把這個貼到CSS原始碼編輯裡,它會顯示在上方,但是不會把原本標頭banner置換掉,正確應該要怎麼做呢?

    #box495342{position:absolute;top:100px;left:100px; /*設定側欄位置*/}
    #box495342 .box-title{...}
  • 您好,原本標頭banner的置換或設定如下:
    #box495342 .box-title{ 寫入您的css設定 }



    themes replied in 2012/11/09 10:19

  • Yorkshirepudding
  • 您好 依照您的指導 可是...我的banner變成四張圖合併 不是一張圖 請問該如何修改?
  • Yorkshirepudding
  • 我是#67 謝謝 我找到樓上的回答了 改好了 讚!
  • Yorkshirepudding
  • 您好 還有問題 請問要怎麼修改建議標籤以及"您可能會有興趣的文章"的字型
    我的首頁這些段落的字型不統一 我不是VIP版的喔 感恩
  • 您好
    可以在後台的css編輯中加入:
    .recommended-posts{font-family:Arial !important;}

    themes replied in 2012/11/09 10:25

  • Caroline
  • 不好意思我想請問
    文章內容的大小可否把它調寬?
    每次想要讓文章的照片看起來大一點都無法
    如果放上"大"的選項就會超出範圍,放上"中"又覺得太小
    這個問題真的困擾我好久阿.....
  • 您好,可以在部落格後台管理側欄 〉樣式管理 〉自定樣式 > 自定CSS 中:
    改變#content的width為75%即可顯示您部落格中目前的圖片

    themes replied in 2013/01/07 11:10

  • Caroline
  • 謝謝您解決了我的問題
    但是我想放置大圖片的時候照片依舊會被裁切到一點
    想請問是是要再修改哪邊呢??
  • Caroline
  • 補充,我最希望的版面樣式是像這樣
    http://rolla.pixnet.net/blog
    但我不知道該從哪裡著手壓.....

    謝謝您的幫忙:)
  • 不好意思,現在才回覆您!rolla.pixnet.net的照片是從別的網站貼語法到文章中,如果您使用的是痞客邦相簿插入圖片的功能,是可以強制顯示圖片尺寸的,作法請參照:
    http://help.pixnet.tw/index/qa?faq_id=228
    寬度是可以依照您的需要設定的





    themes replied in 2013/01/09 09:50

  • Private Comment
  • 514寶寶
  • 您好,

    請問#61 問的是把flash加到版頭的背景圖上, 還是把版頭的背景圖換成flash?
    另外想請教 讓flash背景變透明的語法 謝謝


  • 514寶寶
  • 急...........救命呀!

    我用您回覆#61的方法, 想把一個flash疊在版頭的背景圖上
    結果版頭上的登入,管理後台....都沒功能了
    可否幫我把我加在部落格css最後面的那個語法 拿掉

    p.s.我也是第4點看不懂
  • 514寶寶
  • 您好,

    #75, #76的問題已自行解決了

    現在想請問
    Q1. 把flash背景變透明的語法
    Q2. 以下語法 是把側欄顯示的內容 放到部落格的指定位置,
    還是放到版頭的位置?
    #box374812 {position:absolute; left:150px; top:20px; width:500px; height:30px; padding:0; margin:0; }
    #box374812 .box-title{display:none;}
    #box374812 .box-text{padding:0; margin:0; }
    Q3. 這種方式放的flash 如果位置放得不妥當 會不會遮住一些像"ALBUM, GBOOK...." 而影響到部落格功能?
  • 請在css中加入#links-row-1{position:relative;},這樣子會讓您flash的欄位position原點(0,0)對齊目前左側欄的左上角(也就是側欄「背景音樂」的左上角),接下來只要去設定這個flash的top left即可
    以您網站的設定僅需修改為:
    #links-row-1{position:relative;}
    #box374812 {position:absolute; left:-30px; top:-350px; width:500px; height:30px; padding:0; margin:0;}
    這樣子即可

    themes replied in 2013/04/19 10:06

  • 514寶寶
  • 您好,
    請問如何把標題及標題文字描述放到我想要的位置呢?
  • 514寶寶
  • 您好,
    請問如何把標題及標題文字描述放到我想要的位置呢?
  • 514寶寶
  • 您好,
    我已從您回答#17得到答案了.
    謝謝
  • Private Comment
  • Private Comment
  • Megumi
  • 謝謝,banner圖片問題解決了。
    想另外請問aritcle-title的css語法該如何修改與publish同寬呢?
    謝謝。
  • Private Comment
  • Private Comment
  • Private Comment
  • Private Comment
  • Private Comment
  • Private Comment
  • 舞月
  • 謝謝分享~

  • dfsa
  • 版主您好:
    請問這個mac的樣式版,我套用後 最新文章、最新回應 這些欄位的標頭都變英文,請問一下如何讓它變回中文呢? 感謝您!
  • heartpisc
  • 您好,我是剛從無名搬到痞客邦的新成員

    目前更換樣式板頭,遇到文章提到的蓋圖情形@@
    可是按照文章教學,我卻找不到後台的"樣式設計精靈" "CSS原始碼編輯"
    所以該怎麼解決蓋圖問題呢?我的樣式也沒有圖片尺寸參考耶@@

    請問該怎麼解決呢?謝謝您
  • 您好,請到後台的側欄下方有一個自訂樣式,裡面就有css原始碼編輯的項目
    圖片尺寸的話,如果你是用chrome瀏覽器,可以在圖上點擊右鍵 >檢查元素,應該就可以看到了

    themes replied in 2013/09/24 12:41

  • Private Comment
  • goodlily
  • 我按照上面的方式貼入.圖片我也用了900*300但是貼上去.畫面也像NG那個圖.格式也都不見了.都是小小格的照片重複整個版面/這該怎麼處理?是哪裡出問題?
  • 您好,圖片尺寸需要比對您選擇的樣式,900x300僅是該例子的圖片尺寸,請參考

    themes replied in 2013/11/20 10:04

  • Winnie
  • 請問版頭的"上傳你的痞客樣式"、"痞客哈燒 STYLE"、"哈燒樣式研究室"……
    圖片/文字連結怎麼做的呢?????????
  • 您好,圖的部份是用css 的background設定,a 連結的部份是用text-indent:-5000px的方式隱藏文字

    themes replied in 2013/12/02 15:02

  • Mandy的後花園
  • 您好,

    請問一下,我是使用自訂樣式的簡易版來製作的(不過上方的照片有換成自己的照片),而我想要放推薦上專欄的按扭時,不知道要怎麼做它才會出現...


    謝謝喔!!
  • Winnie
  • 謝謝 我會試試看 =)
  • Kiuba
  • 不好意思想詢問有沒有辦法把那個欄位加大呢><
    因為我想要放整張完整的照片無奈上面的空間太小
  • 建議可以換比較寬版的樣式來作呈現喔~

    themes replied in 2013/12/09 16:30

  • Kiuba
  • ok我已經解決了真的很感謝你喔:)
1 2

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options