Arras 1.5.1.2: 修改幻燈片中的黑色區塊樣式

因為有網友在問如何修改幻燈片中那段黑色區塊的高度及透明度,所以就順便PO成文章做做筆記囉~

Arras 1.4的改法:

設定高度
首先開啟arras-theme/css/styles/default.css,在第154行會看到如下這串:

.featured-entry			{ position: relative; top: 165px; overflow: hidden; background: #000; height: 85px; color: #a7a7a7; padding: 0; display: block; opacity: 0.8; filter: alpha(opacity = 80); }

其中height: 85px;就是黑色區塊的高度值,但是你在這邊增減數值時也相對的要在top: 165px;減增回去,比如說我把height設為65px,則top就要設為165+20=185px

設定透明度
一樣也是在那一行中尋找opacity: 0.8; filter: alpha(opacity = 80);,因為為了相容瀏覽器可以顯示透明度所以會有兩種數值,一邊是用小數點另一邊是用整數,如果要改到不透明的話就是設 1 (100) 啦~~

 

Arras 1.5.1.2的改法:

設定高度
也是開啟arras/css/styles/default.css,在約第147行會看到如下這串:

.featured-entry			{ background: #000; height: 85px; color: #a7a7a7; }

此外也開啟arras/css/base.css,在約第105行會看到如下這串:

.featured-entry  { position: relative; top: -85px; overflow: hidden; padding: 0; display: block; opacity: 0.8; }

其中default.cssheight: 85px;就是黑色區塊的高度值,比如說我想要高度為65px則就改為height: 65px!important;,然後base.csstop: -85px;也要相對應其數值改為top: -65px!important;,這樣就可以成功把高度改為你想要的大小了。

設定透明度
一樣也是在base.css的那一行中尋找opacity: 0.8;,如果要改到不透明的話就是設 1 啦~~

0 0 votes
Article Rating
Subscribe
Notify of
37 Comments
Inline Feedbacks
View all comments
Angie
14 years ago

感激感激…但修改仍然困難重重呢…
第1-2次試的時間~還是好好的~有效果的…
但theme的版面壞了…之後delete了default.css再upload原來的backup file上去~
還原了之後…再改…又沒有反應了…
救命呀><

Ellie
Ellie
13 years ago

我用的就是arras的主题,十分喜欢。正在找修改那个黑色带的方法,找到你的文章真好! 另外想请教一下,那个黑色带出现的效果能修改吗?比如说能修改成淡入淡入的效果吗? 我是语言菜鸟,正在学玩wordpress的。

Ellie
Ellie
13 years ago

好的,感谢你的快速回复 ^_^

duke
13 years ago

咨询一下,我用的也是这个主题,我的页面怎么变形了,在那可以修改一下。我的网址是
http://www.hnzhongchen.com/word/index.php

京味吧
13 years ago

请问你的“相关日志”用的什么插件,谢谢了

京味吧
13 years ago

对,是“关联文章”

京味吧
13 years ago

好的 谢谢博主了

Akisa
12 years ago

我想請問您
右邊側欄 那個要用哪一種外掛呢^^?
最新 迴響 熱門 標籤

chaoyi
12 years ago

首先很感激您的教學,這個theme對我來說實在太複雜了,但又覺得好看不肯放棄。
想問兩個問題,首頁最新文章下方的第幾頁連結,有要裝外掛嗎?我的好像只會秀”order post”,另,這個功能只有”News Posts”有嗎?”Featured Posts”沒辦法顯示?
再來是”Node Based” summery 是取文章前幾個字嗎?字數在哪裹設定?我的summery 設了margin,可是對下方邊界無效,字都會黏著下面框框,可以改嗎?
如果問題太笨還請原諒,無論如何,先謝謝您囉。

双鱼
12 years ago

你好

1. 这个幻灯片怎么样设置显示某些特定的文章的特色图片,而不是分类下的。因为分类下有的文章没有图片,幻灯片就已默认的空白图片显示了,很不好看。
有什么办法解决吗?

2. 如何设置文章摘要的字数,(就是你首页下注目新闻文章标题下的第一句话)
我在后台设置的时候总是无法实现,不是几个字,就是全文显示了。。

双鱼
12 years ago

1:那可以讓這個幻燈片隨機顯示文章嗎?

2:你說的這個摘要欄位我一直沒找到,需要安裝外掛嗎? 我才知道了標簽可以實現摘要。

3:我按照此文嘗試著修改區塊的高度,但是我的arras是1.5.0.1的,default.css文件中没找到toptop: 165px…

4: 你首頁最新文章底部的可以選擇第幾頁第幾頁是怎樣實現的,我顯示的是更早的條目,點擊進去就以歸檔的方式顯示了。

5:歸檔頁用每行的方式顯示,如何讓它顯示時間?

菜鳥問題較多,麻煩你了。。

双鱼
12 years ago

非常感謝你的及時回復。

1 找到這個摘要欄位了,真是非常好,終於解決了。(為了這個摘要前幾天我還搜索要改代碼,看的我頭疼~~~)

2,WP-PageNavi外掛我裝了,然後將首頁和歸檔顯示的方式設置成一致就好了。

非常謝謝你, 再遇到什麽問題我還會來的。(*^__^*) 嘻嘻~

双鱼
12 years ago

你好,又来问你了。

你的博客的评论回复邮件通知是这么做的?

双鱼
12 years ago

对了,我的主机好像还禁用了 mail () 函数。。 不知道有什么方法可以实现不》?

學習者
12 years ago

期待Mr.夫大大改一下1.5版本的修改,最近升級後發現真的無法改。

terry234
12 years ago

因為一般的電影海報的圖片都是比較長的,所以在arras的幻燈片撥放的時候,arras就只截取中間的一小段,都不是完整的圖片了,就會變得向下面的圖一樣
http://i1216.photobucket.com/albums/dd380/terry2346/201201/111.png
請問一下,能不能讓arras的幻燈片在縮圖的時候,只依照圖片的高度做調整,而幻燈片的大小還是維持在640×300的情況

Akisa
11 years ago

站長您好
我用一樣的主題版型~
但是我的網頁卻會出現跳出一頁廣告
http://denmoe.com/
請問要怎麼修改才不會跳出廣告呢?

Akisa
11 years ago

恩 之前有重抓過~~
不過沒多久又出來~~~
停用外掛之前整個全部砍掉還是出現~~
我試試看兩種都做吧 謝謝

Akisa
11 years ago

不好意思~
請問WP-PageNavi要加上那些語法
加在哪個位置才能夠正常顯示呢?
因為我顯示不出來QQ
拜託您告訴我了~

victo
11 years ago

版主大大你好~
我依照你的教學方式一步一步的操作
但是那該死的黑色區塊始終原封不動的在那邊擋住我的圖片
我希望將黑色區塊的高度設定在只顯示出我的標題的高度
但我就是沒辦法修改它~請問我到底該如何是好呢?
感謝大大無私的回覆喔