2010-11-06 49 views
1

我使用Facebook的框與JavaScript的SDK和我自己的CSS樣式表。
CSS鏈接是here
我想要的是將鏈接顏色更改爲#D90000以匹配我的網站顏色。我嘗試了一切,但我只是表現出來。那麼,我應該添加到CSS來更改我的鏈接顏色? 感謝;)Facebook的喜歡框鏈接顏色

+0

我不知道這是否會幫助,但採取lookt吧:http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/ – ipalaus 2010-11-06 14:34:53

回答

0

因爲Facebook動態加載它的樣式表(通過JS調用),它們總是會在頁面上最後聲明的樣式 - 因此,您不能覆蓋樣式表中聲明的任何樣式,除非將它們添加到元素直。您的樣式表適用於尚未在Facebook樣式表中聲明的樣式,但不會覆蓋所包含的任何聲明。

相反,你需要強迫自己的風格聲明在使用!important佔先:

.fan_box .connections_grid .grid_item a:link {color: #D90000 !important; } 
.fan_box .connections_grid .grid_item a:active {color: #D90000 !important; } 
.fan_box .connections_grid .grid_item a:visited {color: #D90000 !important; } 
.fan_box .connections_grid .grid_item a:hover {color: #D90000 !important; } 
+0

技術上!重要的將覆蓋,但在我的情況下,它不加載CSS。任何可能的原因和解決方案 – nepsdotin 2011-03-20 09:26:30

+0

@nepsdotin - 我建議你用一些更多的信息開一個新的問題 - 不確定我們可以幫助你在這裏提供的有限的信息。 – Dexter 2011-03-20 14:57:37

1
.fan_box .connections_grid .grid_item a:link {color: black; text-decoration: none; } 
.fan_box .connections_grid .grid_item a:active {color: black; text-decoration: none; } 
.fan_box .connections_grid .grid_item a:visited {color: black; text-decoration: none; } 
.fan_box .connections_grid .grid_item a:hover {color: black; text-decoration: none; } 

您可以使用所有這些來控制鏈接的各種狀態。用你想要的任何屬性替換顏色和文字修飾。

編輯:使它更具體,以便它符合您的其他聲明。

+0

這就是我的問題,我已經將這些行添加到了我的樣式表中,但鏈接仍未更改。 這裏是CSS的內容現在:http://xaforum.tk/js/facebook.css – Krste 2010-11-06 14:17:14

+0

@КрстеПоткоњак嘗試使其更具體,根據我的編輯。 – Radu 2010-11-06 22:23:07

3

facebook like框從iframe加載自己的代碼。據我所知,無法修改它的類。

+0

當然,這就是爲什麼我使用Javascript SDK,這裏解釋http://developers.facebook.com/docs/reference/javascript/。 我的其他CSS編輯工作,但不能改變我的鏈接顏色,我不知道我做錯了什麼。您可以檢查OP中的CSS文件。 – Krste 2010-11-06 14:34:04

+0

也許用JavaScript? – 2010-11-06 14:35:52

+0

JavaScript SDK仍在創建iframe。 – ceejayoz 2011-04-25 18:57:50