Photo


I'm Wei

Traveler / Photographer / Designer

旅行除了美麗的風景,最重要的是途中發生的點點滴滴,唯有照片與文字的交織,才能讓美麗的回憶不朽。這本部落格是份珍貴的禮物,獻給多年後的自己,有那麼一天,曬著午後慵懶的日光,溫習當年青春的味道。部落格取名為 Dribs & Dribs,為 "點點滴滴" 之意。

 

▸ Facebook:Dribs & Drabs

▸ Instagram:dribs__drabs

▸ Mail:weilife.blog@gmail.com

▸ Pixnet訂閱:weilife

本篇整理一些較實用和常被問到的CSS語法問題,之後會陸續更新

有CSS相關的問題也可以在本篇留言,若是針對分享的樣式問題則還是到該篇分享文章留言喔 :)

(請點選問題,答案會自動出現在問題下方。若無法點選請重新整理網頁,有時是因為網頁還在載入資料中)

 

A. 刪除部落格上不必要的區塊

1 - 如何刪除部落格上方出現的快捷功能BAR?

加入以下CSS語法

.topbar-placeholder{display: none;}

2 - 如何刪除側欄上MIB的廣告?

加入以下CSS語法

#links-row-1 .box:nth-child(1){display: none !important;}

3 - 如何刪除文章結尾出現的廣告?

請參考該篇教學 Link

 

4 - 如何刪除文章結尾出現的"你可能會有興趣的文章"?

加入以下CSS語法

.pix-related-post{display:none;}

5 - 如何刪除文章結尾的全站分類、個人分類、歷史上的今天等拉哩拉紮的東西?

加入以下CSS語法

.article-footer {display: none;}

 

B. 有關CSS語法部分

1 - 該怎麼將部落格標題用圖片取代?

請加入以下語法,並修改圖片網址與圖片長與寬

#banner h1 a{

width: 240px;

height: 80px;

display: block;

font-size: 0px;

background: url(圖片網址) left top no-repeat;

}

2 - 請問部落格的伸縮側欄怎麼達到的?

請參考以下這篇教學文的第7個應用

http://weilife.pixnet.net/blog/post/321563384

3 - 請問本篇文章的Q&A伸縮隱藏答案怎麼辦到的?

請參考以下這篇教學文

http://weilife.pixnet.net/blog/post/384592124

 

C. 部落格版面常見問題

1 - 請問部落格描述的地方,該怎麼將文字斷行?

在想斷行的地方加上<br>

2 - 請問痞客邦提供那些區塊供使用者自訂語法?

目前有四個地方可以讓使用者自行發揮,再搭配自訂的CSS語法。

一.側欄元件,使用者可新增N個元件,元件內容可放入HTML、JavaScript。

二.公告區塊,為內建區塊,內容可放入HTML、JavaScript,記得要設定開啟公告版位。

三.頁尾描述,為內建區塊,內容可放入HTML、JavaScript,記得要設定開啟頁尾描述。

四.部落格描述,為內建區塊,內容可放入HTML、JavaScript,預設是開啟模式。

一至三區塊都在後台>側邊管理,第四個在後台>管理首頁。

3 - 請問套用該站提供的版面,有些文章無法點圖進入文章模式?

這原因可能是該篇文章篇幅太短已經顯示完全部內容了,便無法再進入文章模式

可由後台修改,管理設定 > 部落格基本設定 > 首頁文章顯示行數

建議改成第三項 > 顯示前N行(自行修改)摘要,改完存檔並重新整理部落格應該就可以點選文章進入內文

若選擇第二項 > 顯示全文,則無法利用文章的區塊進入內文,只能利用文章標題進入內文

若選擇第一項 > 視單篇文章之設定,寫文章時如果沒有將每篇文章設定繼續閱讀的段落,則不建議選擇該項

4 - 套用樣式後,FB按讚的區塊有點破壞版面了,該如何修改?

建議停用"插入 Facebook 按讚鈕"該APP,改用"痞客邦文章分享工具"APP

此兩款APP功能類似,但"痞客邦文章分享工具"APP只會顯示在內文裡,不會出現在首頁模式

停用與安裝APP請至後台>應用市集

5 - 為什麼套用分享的圖文樣式後,首頁模式圖片都沒出來?

首先檢查圖片是否出現在首頁模式中,檢查後台,管理設定 > 部落格基本設定 > 首頁文章顯示行數

若選擇第一項 "視單篇文章之設定" ,則檢查插入記續閱讀前是否有圖片

若選擇第三項 "顯示前N行摘要" ,則檢查前N行是否有圖片

6 - 為什麼套用分享的版面,部落格版面跟範例圖片不一樣?

通常發生這個問題都是使用IE瀏覽器的關係,IE9(含)以下的版本有些CSS語法不支援

請更新IE版本或使用其他瀏覽器,如Chrome/firefox

7 - 在部落格裡貼了浮動式FB的語法,套用分享的版面會有問題,該如何修改?

大部份發生的問題是滑鼠移至左方的伸縮式側欄,在右方的浮動式FB會跟著打開

不然就是浮動式FB沒有浮動在部落格右方,而被下拉式側欄侷限住了

解決的方法是將語法放至公告版位或是頁尾描述,不要放到側欄元件裡

8 - 為什麼照片在文章模式中看起來都很小,想要滿版面該怎麼做?

後台 > 基本/進階設定 > 文章顯示相關設定 > 文章圖片大小,請選擇(1)不調整

且照片上傳時要以大於等於版面寬度上傳(上傳到痞客相簿時選擇大1024),才有辦法滿版面

9 - 套用了版面,發現在首頁時圖片有變形的情況?

撰寫文章插入圖片時,請用"插件百寶箱"裡的"上傳圖片",不要直接拖曳圖片至文章中,也不要對調整圖片大小 (分享的版型都有用CSS調整圖片到適合該版型的大小),即可避免圖片變形。若還是會變形,請查看後台 > 基本/進階設定 > 文章顯示相關設定 > 文章圖片大小,選擇(1)不調整

10 - 怎麼得到痞客邦相簿裡圖片的網址?

請對著相簿裡的照片按右鍵,如下圖,選擇複製語法,將出現的一串語法先複製到記事本上

02.bmp

此串語法大至上為 < a href="http://weilife.pixnet.net/album/photo/202940697-bg.jpg">< img src="http://pic.pimg.tw/weilife/1445172626-2474051079_n.jpg">< /a >

src="...."裡的就是圖片網址,若要得到原始上傳尺寸的圖檔,請把 _n 的字樣刪除

11 - 套用樣式後,首頁代表圖片為什麼變成灰色的

請試著把痞客邦APP"延遲載入圖片"停用,能改善此問題

 

D. 其他

1 - 請問可以幫忙設計部落格版面嗎?

如果你欣賞我的部落格設計,可以幫你設計版面喔 :D

詳細資訊請看這裡 Link

2 - 請問目前的版面會分享嗎?

不一定喔,如果簡單好操作的版面就會分享,如果版面需要很多手動或額外語法就不會分享。另一點,如果被客戶買走也不會分享囉!

3 - 發問問題的朋友請進 <<<<<<<<<<

遇到問題,請先嘗試自行解決/Google,真的解決不了再考慮發問。如果是套用分享的版面發生問題,務必要保留該版面我才方便偵錯,截圖對我來說幫助沒那麼大喔!如果怕版面醜醜的被看到,建議申請另一個部落格供修改版面測試。

 

本站允許自行修改CSS語法,改得太醜版主會睜一隻眼閉一隻眼當作沒看到,但如果把版面改壞了,請不要問我該怎麼修復(所以說備份是很重要的),大幅度修改版面,發生問題也不要來找我,版主不負責這部分的偵錯。

 

發問問題請保持一顆學習的心,版主採用教學式問答,會給予問題的關鍵字或方向,修改請自行努力囉!

以上,謝謝你耐心看完 :)

 

♥ 部落格樣式 - 實用教學: http://weilife.pixnet.net/blog/category/1358731

文章標籤
創作者介紹

Dribs & Drabs 點點 滴滴

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(125) 人氣()


留言列表 (125)

發表留言
  • shu
  • 痞克邦怎麼老研發一些惱民的功能..
    這篇好實用,謝謝您的分享!!:D
  • 痞客邦每次改版都會被大家罵到臭頭...
    最近新增的功能對使用者一點幫助都沒有 = ="

    Dribs & Drabs 於 2014/06/04 18:49 回覆

  • Sylvia
  • 謝謝您的分享~~他新增沒關係 只是~有點醜....
  • 是阿!!弄得好看一點大家看了也開心ORZ

    Dribs & Drabs 於 2014/06/06 12:17 回覆

  • 生存確認
  • 我把上面的Bar隱藏之後,原本的進入後台還有發表文章也被隱藏掉了,請問有解決的方法嗎?
  • 我自己是把後台網址直接加到我的最愛
    之後我會修改每個樣式,讓後台那些變得美觀一些
    就要忍耐一下囉

    Dribs & Drabs 於 2014/06/07 07:05 回覆

  • 悄悄話
  • Nicole Lee Ü
  • QAQ 我的超慘 整個上方的最新文章 誰來我家什麼的都被擋死
    都要滾一下才會出現 可是這樣公告那邊都會顯示不完整

    超想哭的!!!!!!!!!!!!
  • 我知道這個版面上方完全被遮住了(*´>д<)
    建議可以先用A-1語法刪掉快捷功能bar
    我之後會再對這版面進行修改

    Dribs & Drabs 於 2014/06/07 17:37 回覆

  • Nicole Lee Ü
  • 等妳改版囉,阿阿阿
    樓上我說的:「都要滾一下才會出現 可是這樣公告那邊都會顯示不完整」
    是加了,A-1後才這樣
    沒有加這個語法的話 是完全檔死這樣

    抱歉我太激動
    沒講好>__<
  • 可是我看你的快捷功能BAR還在耶@@?
    加了A-1後應該會不見才對,也不會有公告不完整的問題

    Dribs & Drabs 於 2014/06/08 20:08 回覆

  • Nicole Lee Ü
  • 是哦 我這裡看 那條BAR我看還是在欸 把滾輪往下滾一下 會消失 但是公告有被擋到一半 >__< 會不會是螢幕解析度我調1024*768的問題?
  • 應該是語法哪邊貼錯了導致失效,你再檢查看看
    應該會像我目前版面這樣,完全看不到上方那個快捷功能BAR

    Dribs & Drabs 於 2014/06/09 22:11 回覆

  • Nicole Lee Ü
  • 咦咦
    我剛才進去修改了

    我是貼在最底下
    可是好像還是會出現快捷功能BAR

    還是說我截圖在寄信給您看看呢?
  • 是貼在後台>自訂樣式>CSS原始碼編輯區嗎?
    如果方便截圖的話可以貼給我看 :)

    Dribs & Drabs 於 2014/06/09 22:27 回覆

  • 小百
  • 你好~
    我使用了A-4的語法
    但"你可能會有興趣的文章"還是會出現耶?
  • 我改了語法,你再重新套用看看 :)

    Dribs & Drabs 於 2014/06/11 17:04 回覆

  • 小百
  • 新語法可以了^^
    謝謝分享~
  • 不客氣:D

    Dribs & Drabs 於 2014/06/11 21:22 回覆

  • Yoona
  • 不好意思想請問~
    之前有參考「部落格文章分類怎麼將子項目分開擺在特定位置?」這篇連結的教學
    但發現用ie開時,子項目的字會全都重疊擠在一起
    是否有解決的方法呢?
    謝謝!
  • 這我也很苦惱,舊版IE看部落格整個走鐘Q___Q
    因為舊版IE不支援的東西太多了
    目前解決方法是升級IE,好像IE9以上都OK

    Dribs & Drabs 於 2014/06/16 13:17 回覆

  • Yoona
  • IE真是惱人的大魔王 = =
    昨天看了一下~ 我遇到的問題要IE 11以上觀看才會正常,就... 等待大家都升級,或是都放棄IE囉 XDD
  • 上次用IE10看好像是正常的@@
    之前使用Google analytics統計,約有16%的人使用IE瀏覽器
    雖然沒有很少但也不會說太多啦,希望大家趕快升級IE
    有一次不小心用IE8看部落格,一整個崩潰Q____Q

    Dribs & Drabs 於 2014/06/17 15:18 回覆

  • Ady Wu
  • 前輩您好~
    我想跟您請教 >>
    我的 '文章分類' 出不來,
    CSS語法要怎要編輯加入呢??
    麻煩解惑~~
  • 首先你要到後台>側邊欄位設定,在版位暫存區裡找到文章分類的元件
    把它拖到側欄1或側欄2,再重新整理部落格就會出現

    Dribs & Drabs 於 2014/06/19 16:42 回覆

  • Ady Wu
  • 這就是我覺得詭異的地方~
    我的沒有這個 欄位 可選擇...
    有解嗎?? 救救我...
  • 如果確定沒有這個元件的話,建議寫信給痞客邦請他們協助
    因為感覺是系統有問題@@

    Dribs & Drabs 於 2014/06/19 17:24 回覆

  • Ady Wu
  • 了解~ 已發信給客服~ 待回覆ing... ...
  • :)

    Dribs & Drabs 於 2014/06/19 17:24 回覆

  • 布拉妮妮
  • 你好~很喜歡妳的版型,謝謝您的提供!另外想請問一下,我的首頁有出現文章的圖片,但是文字呈現灰色圖框,文字跑不出來,有檢查過文章長度及設定顯示文章摘要行數,該怎麼辦呢><~
  • FB按讚的那個外掛有點破壞版面了,建議移除
    可參考問題C-4

    Dribs & Drabs 於 2014/06/23 15:03 回覆

  • BeiandIan
  • 超級感謝版主的文章
    救了我家孩子一命
    讓她免於受到MIB的凌虐Q_Q
    還有好多好多好實用的CSS
    受益良多
    我會繼續研究CSS的(←初學者
  • 加油加油,CSS很有趣的 :D

    Dribs & Drabs 於 2014/07/05 22:15 回覆

  • 園園
  • 妳好!
    我想用圖片取代原先的部落格標題,但把語法放進去卻是整個標題消失,沒有出現圖片耶><
    是我的圖片網址有什麼問題嗎?我有試過放相簿裡的相片網址,也有用ppt縮圖片的短網址,但都是一樣的結果
    P.S.我是用妳提供的樣式當底,但現在點進我部落格看不見,因為我想說設定好再更新這樣
  • 建議保留錯誤的部落格,這樣我才知道問題出在哪裡
    不然就是把那段語法貼上來給我看

    Dribs & Drabs 於 2014/07/14 08:06 回覆

  • 園園
  • 我套用好語法了,麻煩幫我看看,謝謝><
  • 你的圖片網址應該是這個 http://ppt.cc/mzRd@.jpg
    原本你使用的是展示該圖片的網頁網址而非圖片網址

    Dribs & Drabs 於 2014/07/14 11:20 回覆

  • 悄悄話
  • 悄悄話
  • 俟乙
  • 不好意思我想請問關於廣告的事,因為我的blog右側會自動彈出google廣告,想請問是不是能靠css屏蔽廣告><
    我檢查過側攔了唯一的自定義程式碼裡面沒有廣告,使用的平台是xuite
    感謝QAQ
  • 你是說現在痞客部落格的廣告嗎?那不是google的,是痞客內建的廣告
    刪除方法參考這篇文章的A-2

    Dribs & Drabs 於 2014/07/23 11:34 回覆

  • 艾莉的旅遊世界
  • hello Wei,
    你好,我上次問過你的我的blog名稱跟細分類都粘在一起了,你教我把整個移除快捷Bar,不過我照做後,好像還是一樣。想要找你之前的這個版型,不知道為什麼又找不到?! 可以請你分享一下下載的網址嗎?或是再跟我說有什麼其他方法可以修正這個問題! 謝謝‘~~
  • 痞客邦後來又針對快捷功能BAR做了小改版,所以之前的語法才會失效
    現在消除快捷功能BAR的語法是
    .topbar{display:none;}
    版面的分享在這裡喔 http://weilife.pixnet.net/blog/post/357710795

    Dribs & Drabs 於 2014/07/31 08:11 回覆

  • sjugo1227
  • 很棒的分享, 超受用, 寫到好多想破頭的點 !!
  • :D

    Dribs & Drabs 於 2014/08/09 19:56 回覆

  • 凱亭恩#
  • 剛剛試過了,可是那是文章分類的區域xD 我指得是那個文章裡面那個Q&A區域下面的個別問題列,
    只有按下去問題才會出現回答的那個伸縮方式? 就是這個語法嗎???
  • 喔~原來你是說那個,在這裡,今天剛發的教學文
    http://weilife.pixnet.net/blog/post/384592124

    Dribs & Drabs 於 2014/08/12 18:41 回覆

  • 凱亭恩#
  • 謝謝教學很感激~ 對了可以再問一個問題嗎? 請問設定"我的連結時"資料夾部分都會有那個開合小圖示,
    請問那個要怎麼隱藏? 剛剛看到只有隱藏文章分類資料夾前面開合圖示的語法...
  • 這一個喔 #category h6 img{display: none;} /*刪除各個資料夾前方的圖示*/

    Dribs & Drabs 於 2014/08/12 20:10 回覆

  • IcE冰爵緗
  • 想問問 網頁上面標題那邊 是怎麼弄得蝴蝶結
  • 在後台的"帳戶管理" > "網域設定" > "瀏覽器網址列圖示"
    上傳你喜歡的ico檔即可

    Dribs & Drabs 於 2014/08/31 19:20 回覆

  • IcE冰爵緗
  • 感謝^^
    沒想到這麼快就回了:D
  • 不客氣,剛好在線上 :)

    Dribs & Drabs 於 2014/08/31 21:15 回覆

  • 水晶
  • 今天心血來潮修整部落格,大大的文章真是讓我受益良多阿!!!!
    好多遇到的問題都在這裡的問與答裡了!! 感謝大大阿!!!!
  • 不客氣,很高興能幫到你 :D

    Dribs & Drabs 於 2014/09/25 20:49 回覆

  • 培培
  • 你好~! 請問如何修改像您一樣.單篇人氣在圖片上呢?
    試了.author.首頁的人氣能移到滿意的位置~
    但是內文的人氣也跟著跑到文章中間了.好傷腦筋呀..感謝大大
  • 因為是放在不同的位置,所以首頁模式與文章模式的定義要分開
    兩個的定義分別加上#blog-main和#article-main

    Dribs & Drabs 於 2014/10/31 16:15 回覆

  • 培培
  • 哇~太感恩了...搞定好了.謝謝
    但是那個人氣的()可以消除嗎 謝謝
  • 我的做法是將.author字體大小設成0,然後再將.author-views span裡的字體大小設為非0,這樣只會剩下數字。若數字前面想要有東西,例如人氣,再加個before利用content屬性設定

    Dribs & Drabs 於 2014/10/31 21:54 回覆

  • 培培
  • 感恩感恩大師.ok了~~謝謝 ^^
  • 不客氣 :D

    Dribs & Drabs 於 2014/11/01 08:10 回覆

  • Nicole Lee Ü
  • 我之前有套用您的語法
    可是還是看的到"捷功能BAR造成破壞版面的問題"
    我知道您有製作新版的
    可是我比較喜歡舊版的><
    套用你Q&A 問答集說的語法也無法解決 囧
  • A-1的方法可以喔,不然就是你語法弄錯了@@

    Dribs & Drabs 於 2014/11/20 11:24 回覆

  • Nicole Lee Ü
  • 我今天徹底檢查與法+刪減了一些
    發現可以了~對不起我發現我之前好像也問過你一樣的問題
    有很長的時間沒有回來所以都忘記了
    一直打擾你>< 因為我尾端有+入檔廣告語法,忘記語法是哪一段都不太敢刪除
    剛才想說豁出去了,比較想刪掉上面那段
    結果廣告沒出來,上面那段也不見了,總之謝謝妳:)
  • 以後記得加入一些註解,就比較不會忘囉 :)

    Dribs & Drabs 於 2014/11/20 14:59 回覆

  • 悄悄話
  • 悄悄話
  • Renee
  • 你好!我套用了您分享的CSS
    想請問CSS更動完後要如何存檔?
    我嘗試自己改完之後,按重新整理它又變回原始設定了...T.T
  • 在右下角有個存檔喔~

    Dribs & Drabs 於 2014/12/12 12:59 回覆

  • Renee
  • 抱歉...我剛剛忘記沒提到我是按F12從裡面去改的
    那裏也可以存檔嗎?
    因為我怎麼改它都會變回原始設定
  • F12那邊是不能存檔的喔,要從痞客後台 > 自訂樣式,這邊去改

    Dribs & Drabs 於 2014/12/12 13:24 回覆

  • Renee
  • 了解了~~謝謝你!
  • 不客氣 :D

    Dribs & Drabs 於 2014/12/12 17:23 回覆

  • 命理師小龜
  • 您好~套用了您的格式後,覺得部落格奐然一新,真的非常感謝您>///<
    另外想請問一下有辦法更改部落格文章裡預設的字型、大小 、跟字的顏色嗎?
    GOOGLE很久~但一直都找不太到更改的字串QQ
  • 加入以下語法喔,裡面的屬性再改一下~
    .article-content{font-size: 10pt; font-family: Arial; color: #000;}

    Dribs & Drabs 於 2014/12/12 19:24 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 訪客 BO
  • 請問熱門文章能不能用語法設定只顯示近期的?
    像點入痞客邦名片時,它可以選則只看近期或總統計...
  • 用語法不能喔~不過你可以去問看看痞客邦能不能推出這樣的側欄版面XD

    Dribs & Drabs 於 2014/12/17 08:31 回覆

  • DearNaNa
  • Hello,
    請問刪除文章結尾的廣告語法是貼在CSS原始碼編輯空白處即可嗎?
    #pixblogad{display:none;}
    因為我貼在最後面,但還是會出現也,
    另外可能有興趣的文章和歷史上今天等等的語法我也貼了,但也失敗了說
    謝謝哦
  • 貼在CSS原始碼編輯的最後方即可
    我有試過都有效喔,你現在部落格關閉中,所以我也無法知道你目前哪裡弄錯了!

    Dribs & Drabs 於 2014/12/30 23:56 回覆

  • DearNaNa
  • 我把它打開了
    再麻煩你幫我看看哦
    感恩~~
  • 恭喜成功了!

    Dribs & Drabs 於 2014/12/31 10:02 回覆

  • DearNaNa
  • Hello,
    成功了
    之前應該是在預覽裡看所以沒有成功
    非常感謝哦
    你的部落格好看又實用
    希望能一直推出新作哦
    謝謝
  • 謝謝你的稱讚,我會繼續努力的!!

    Dribs & Drabs 於 2014/12/31 10:02 回覆

  •  張顥
  • 請問大大 右邊的facebook插件 要怎麼插進去呢??? 感恩
  • 可以google "FB 浮動"就會有相關語法了 :)

    Dribs & Drabs 於 2015/01/03 15:40 回覆

  • DearNaNa
  • Hello,
    不好意思哦,不知道什麼文章結尾的廣告又跑出來了?
    而且我是在部落格打開時試的,
    如果你有空的時候麻煩幫我看一下好嗎? (崩潰中~~)
    還有想請問一下,我想改內文的文字顏色,
    但找了找了半天找不到語法在哪改也,
    可以幫我解惑嗎?
    感激不盡
  • 刪結尾的廣告請加入以下CSS
    #pixblogad-banner2{display:none;}
    內文的顏色可以在這邊改 .article-content{....}

    Dribs & Drabs 於 2015/01/06 08:26 回覆

  • DearNaNa
  • Hello,
    文末的廣告解決掉了,
    大感謝!
    不過內文的顏色我試了好多個地方,不知為何還是失敗了
    感謝你的耐心回覆哦!
  • 你是指哪一篇文章呢?
    因為我看你的文章,在編輯的時候就已經設定顏色,設定過顏色的文字就無法用CSS來更改
    CSS跟文章編輯相比,CSS的優先權沒那麼高

    Dribs & Drabs 於 2015/01/07 08:32 回覆

  • DearNaNa
  • 我指的是"訂製流程"那一篇,
    我一直看我設的是#999999,但不知為何文章出來是#666666
    找了很多地方也不知是哪有問題說?
    苦惱~~
  • :D

    Dribs & Drabs 於 2015/01/07 14:22 回覆

  • DearNaNa
  • 我找到問題了~~~就進編輯裡的html把語法改一改即可
    不知道為什麼會變掉,可能我一直改改到頭昏了
    感謝你的幫忙哦,謝謝你幫忙~~~
  • 不客氣 :)

    Dribs & Drabs 於 2015/01/07 14:22 回覆

  • Ariel.Chen
  • 請問~FB的浮動側欄我該怎麼設定呢? 上網爬了很多文 也照著做 可都沒有出現 :-(( 還有想使用在線人數在邊邊 也是都顯現不出來....請問是什麼問題呢?
  • 我是參考這篇的教學 http://tw.piliapp.com/pilipress/float-fb/
    我看你的線上人數已經出來啦~FB只要貼語法應該都沒問題喔~

    Dribs & Drabs 於 2015/01/10 16:31 回覆

  • Ariel.Chen
  • 謝謝~ 稍微研究了一下~ 感恩感恩!!
  • :D

    Dribs & Drabs 於 2015/01/10 23:09 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 小吳
  • 厲害的wei大大您好~咱是小吳~
    想請問一下有沒有辦法將.topbar__nav的部分放在部落格topbar置中?
    試了好久都不能完全置中,請問語法應該怎麼調?
    我的語法是:.topbar__nav{left:50%;
    transform:translate(-50%,0);}
    請幫我看看,謝謝!
  • 因為topbar__nav底下的三個子項適用float的形式,所以不能置中
    不過他的寬度是固定的,你可以用margin-left來試試

    Dribs & Drabs 於 2015/02/01 20:03 回覆

  • 悄悄話
  • shiaudou
  • 感謝wei大!!!
    終於把平常用不到的一些東西刪掉了...
    只是我有試著自己要從css那邊刪掉痞客邦預設的相簿、部落格、留言板還有名片!
    但是不管怎麼砍都砍不掉QAQ 請問wei大是怎麼刪掉的?
  • :)

    Dribs & Drabs 於 2015/02/15 19:03 回覆

  • shiaudou
  • 我有自行研究出來了!不過我想刪掉頁尾描述下那些回到首頁、免費註冊什麼的...
    有試著直接把bottom直接display:none;
    但這樣連後面的coryright都會不見,想說版權還是留著比較好!
    麻煩wei大解答囉^^
  • 那就把#bottom a{display: none;}
    就是把超連結都拿掉,因後面copyright不是超連結~

    Dribs & Drabs 於 2015/02/15 19:03 回覆

  • shiaudou
  • 真的很謝謝wei大,現在整個版面變得更加簡潔了^^
  • 不客氣 :)

    Dribs & Drabs 於 2015/02/15 20:01 回覆

  • 小池野夏
  • 想請問大大
    關於網誌人氣的部分
    要如何移動她的位置
    因為我不想放在側藍那邊
    可是網路上找的教學根本都是無名的
    於是剛好來到這邊想說問問看看有沒有什麼好的意見或方法

    感謝大大。

  • 可以用 position: absolute; 來重新定義它的位置

    Dribs & Drabs 於 2015/03/08 20:44 回覆

  • Cherrie 芮
  • 好實用的分享 推
    謝謝 解決了很多問題
  • 不客氣 :)

    Dribs & Drabs 於 2015/03/10 16:09 回覆

  • 小吳
  • wei大大我可以引用這篇文章的語法嗎?
    因為真的很想把筆記做起來放在自己部落格~
    我只引用3 - 如何刪除文章結尾出現的廣告?和4 - 如何刪除文章結尾出現的"你可能會有興趣的文章"?可以嗎?
    拜託拜託了~
  • OK

    Dribs & Drabs 於 2015/03/13 22:06 回覆

  • 小吳
  • 然後我的文章大約會在星期五晚上發好,到時候再通知wei大大來審核,可以嗎?
    謝謝厲害的wei大大XD
  • OK

    Dribs & Drabs 於 2015/03/13 22:06 回覆

  • 〖 W 〗
  • 你好,我想請問如果網誌樣式無法顯示文章兩側的上一則下一則連結,該如何修改呢?謝謝:)
  • 是指哪個樣式呢?

    Dribs & Drabs 於 2015/04/22 09:49 回覆

  • 七瀨吳
  • wei大大我又來了(笑)
    這次是想請問如何把新版通知給置中,我把我會的那幾招通通玩過了,結果他不出來就是不出來!
    因為我在頁尾描述那裏做了login backstage logout,想說登入後要用通知把login遮起來,width是設定60px,min-width設定10px,我的.topbar__nav沒動,甚麼都沒有設定
    是不是因為這樣所以沒辦法置中啊?
    不清楚通知的部分是哪一種框架(應該不是float吧?
  • 我覺得很過分的是直接抄襲照片輪播的語法,要語法請去找教學文,直接看別人的原始碼很不道德!

    Dribs & Drabs 於 2015/04/22 17:11 回覆

  • 〖 W 〗
  • 不好意思,沒有說清楚,是我現在自己所使用的網誌樣式,請問要從哪邊修改呢?
    謝謝你:)
  • 若非本站提供的樣式我就不清楚了,不好意思!!

    Dribs & Drabs 於 2015/04/22 17:05 回覆

  • 悄悄話
  • 瑪姬
  • 好實用~感謝分享
  • 不客氣 :D

    Dribs & Drabs 於 2015/05/04 21:00 回覆

  • 悄悄話
  • ✿ 想再近一點 .
  • 可以請問一下google怎樣才能讓游標顯示出來呢?
    我開ie可以顯示但是google不行..
    不太想開ie的說
    ie網頁跑起來卡卡的而且速度不夠快ˊ___ˋ
  • 哪裡的游標??? 我也是用chrome來開網頁,一切都很正常~

    Dribs & Drabs 於 2015/05/31 22:42 回覆

  • ✿ 想再近一點 .
  • 部落格當中的游標哦
    我用的語法是這個
    body{cursor:url("crosshair")}
    a:hover {cursor:url("crosshair")}
    可是google顯示不出來欸ˊ___ˋ

    /
    謝謝你的樣式呦
    喜歡簡單的風格XDD
    剛剛弄好部落格忘記回復了真是不好意思#
  • 語法應該不用加url,你可以參考這篇教學,它的範例裡我是看的到十字的
    http://www.w3schools.com/cssref/pr_class_cursor.asp

    Dribs & Drabs 於 2015/05/31 23:03 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 藤本 明
  • 我改了
    只是怕沒有把快捷bar刪掉的人看到後會跑框XD
  • 快捷bar只跟該部落格有關,跟訪客無關喔!

    Dribs & Drabs 於 2015/07/09 14:41 回覆

  • uio1214
  • 不好意思!想請問你們的樣式是不是取消了文章的斜體顯示呢:)
    如果想要顯示如何解決,謝謝你!
  • 在CSS語法找到以下幾行
    address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:normal;
    }
    把em從中去除就好了 :)

    Dribs & Drabs 於 2015/08/01 20:26 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 台熊
  • 謝謝回覆~ 你誤會我的意思了...是套用版面後我的人氣括號裡的數字不見了想知道是哪出了問題 謝謝喔 :)
  • 這個版面的語法並不會改到人氣值喔~你是不是有加額外的語法造成的

    Dribs & Drabs 於 2016/08/01 15:26 回覆

  • 台熊
  • 謝謝你的速回,應該是沒有..我的CSS很差~我再找找看好了 謝謝啦~
  • 你可以換成別的版面,再看看有沒有相同的問題,若有相同的問題表示不是版面語法造成的

    Dribs & Drabs 於 2016/08/02 11:42 回覆

  • ACE
  • 您好, 看了您的教學文非常受用!真的很美!
    我們最近才剛建設部落格,
    但遇到一的問題,留言迴響區域跑掉,和文章區域重疊,
    debug很久都不成功,可否幫忙給一點提示,
    非常感謝!
  • 你的版面非我設計,建議問原創者喔!

    Dribs & Drabs 於 2016/09/12 08:42 回覆

  • 十代
  • 5 - 如何刪除文章結尾的全站分類、個人分類、歷史上的今天等拉哩拉紮的東西?

    (現在似乎要微修正如下)

    .article-footer {display: none!important}

    :D
  • 應該是使用的版面CSS跟.article-footer {display: none}有衝突,要看該版面的CSS設定,不是每個版面都匯有這個問題,但加上 !important是比較保險的做法 : )

    Dribs & Drabs 於 2016/09/19 10:35 回覆

  • 十代
  • 原來如此 ^_^

    感謝分享 :D
  • 不客氣 :D

    Dribs & Drabs 於 2016/09/20 10:53 回覆

  • 小珮
  • 妳好,
    這是一篇好棒的文章。

    要問一個好基礎的問題,請問要怎麼把文章分類放到天空的頂端?

    有試了把CSS語法貼至「樣式管理」的自訂CSS裡了,
    但好像都改不動,
    不知道是那裡設定有問題?
    謝謝 !
  • 嗨你好,謝謝妳的稱讚 :)
    你想要的功能是像這個嗎?
    http://weilife.pixnet.net/blog/post/356355326
    如果是的話,除了貼這篇的語法外,還要考慮整個部落格版面的架構,這篇文章的語法比較適合我分享的版面,若不是我分享的版面,還需要將文章分類這個物件用CSS定位在你想要的地方,不然它就只會存在在原來的位置上

    Dribs & Drabs 於 2016/10/06 18:21 回覆

  • 悄悄話
1 2
找更多相關文章與討論