discuz - 增加facebook與plurk的推文按鈕到文章裡面
插件名稱: 增加facebook與plurk的推文按鈕到文章裡面適用版本: 7.2
作 者: [url=http://www.scout-bbs.idv.tw/]www.scout-bbs.idv.tw[/url]
演示: [url=http://www.scout-bbs.idv.tw/bbs/thread-14347-1-1.html]http://www.scout-bbs.idv.tw/bbs/thread-14347-1-1.html[/url]
注意:
修改方式可能會受到您所使用的風格,而必須微調相關內容,這個範例的風格為blue(colors)
另外本站有使用url rewrite的功能,因此如果沒有使用的人必須做相對應的修改
把下面兩張圖放到 bbs\images\default 下
[attach]6125[/attach][attach]6124[/attach]
接著進入 bbs\templates\default
開啟 viewthread_node.htm
找到[code]<a href="javascript:;" id="share" onclick="showDialog($('sharewin').innerHTML, 'info', '{lang thread_share}')">{lang thread_share}</a>[/code]下面加上[code]<a href="http://www.facebook.com/share.php?u={$boardurl}thread-$tid-1-1.html" id="facebook" target="_blank"><image src="{IMGDIR}/ajaxaction_facebook.png" title="分享到臉書" width="50" height="55"></a>
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status='.concat(encodeURIComponent(location.href)).concat(' ').concat('(').concat(encodeURIComponent(document.title)).concat(')')));" id="plurk"><image src="{IMGDIR}/ajaxaction_plurk.png" width="50" height="55" title="推到Plurk"></a>[/code]接著開啟 css_script.htm
找到[code].useraction { height: 50px; width: 110px; clear: both; display: block; margin: 20px auto; } .nrate { width: 220px; } .useraction a { float: left; margin-right: 10px; padding: 30px 0 0; width: 45px; height: 20px; text-align: center; background: url({IMGDIR}/ajaxaction.gif) no-repeat 0 0; } .useraction #share { background-position: 0 -50px; }[/code]取代成[code].useraction { height: 50px; width: 400px; clear: both; display: block; margin: 20px auto; }
.nrate { width: 350px; }
.useraction a { float: left; margin-right: 10px; padding: 30px 0 0; width: 45px; height: 20px; text-align: center; background: url({IMGDIR}/ajaxaction.gif) no-repeat 0 0; }
.useraction #share { background-position: 0 -50px; }
.useraction #facebook { padding: 0px 0 0; background-position: 0 -100px; }
.useraction #plurk { padding: 0px 0 0; background-position: 0 -150px; }[/code]完成
附上我修改的完成檔案,有需要的人請直接套用看看是否能正常顯示
[attach]6187[/attach]
[attach]6188[/attach] [quote]站長大大您好
有關"增加facebook與plurk的推文按鈕到文章裡面"這篇文章
因為在試用的過程中一直沒有成功
我也是使用DZ7.2版本
想再詳細的請教您一下
以下還有幾個問題想請教一下
1.您所指的bbs\images\中的bbs是否等於一般的www資料夾?
2.關於viewthread_node.html，<images src= ... 中的images在PSPad中是紅色粗體字，不清楚是不是語法使用錯誤，請您指導一下。
3.關於viewthread_node.html，" id="plurk"><images src="....中，在前面的部份感覺有些怪怪的，跟前面的語法合不太起來，請您指導一下。
以上三個問題，麻煩站長您為我解惑，謝謝。[/quote]
上面是一位網友問我的問題,我想在這邊再補充一些內容
1.
假設你的網頁是在root下,bbs就相當於一個資料夾,因此bbs\images就是bbs資料夾裡的images資料夾
反之如果你直接以root為安裝位置,那應該會有一個images的資料夾,所以把圖片放進去即可
2.
images當然是錯誤的,因為html本身就沒有這個標籤,因此應該是image src...,所以可能必須修正一下
3.
在噗浪的部分,我是用開啟新視窗的方法,裡面有用javascript的部分,所以看起來怪怪的,但是事實上就是一個<a href...><image src....></a>的動作而已
plurk會用到javascript是因為傳送網頁內容要發話時,中文字傳過去會亂碼,因此必須用一些轉換字碼的function,而為了方便,所以直接加入javascript
不知道這樣是否有回答到網友的問題,可以發短訊告知或是回覆本文
謝謝 小星您好:感謝您提供的資料，我目前是已經可以張貼分享到facebook，可是內容沒有像您的分享這樣豐富，有logo圖、短文章、連結等，我分享後只有單純的網址，而且還會連結失敗(網址/thread-xxxx-1-1.html)，想請您指導一下。 [quote]小星您好:感謝您提供的資料，我目前是已經可以張貼分享到facebook，可是內容沒有像您的分享這樣豐富，有log ...
[size=2][color=#999999]mkfeng 發表於 2010-6-2 14:26[/color] [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81110&ptid=14347][img]http://www.scout-bbs.idv.tw/bbs/images/common/back.gif[/img][/url][/size][/quote]
我已經傾囊相授了,另外我也不太懂你的問題在哪
首先我先說明我有用 [color=Red]url write[/color] ,這個是用來讓網址靜態化(就是變.html結尾)
另外就是如果風格不同,可能會造成一些差異,所以我不知道你是否遇到風格問題
這一點就必須對程式碼有一點概念,這樣才追蹤的出來大概要改哪裡,或是怎麼設定
因此我只能說我對你的問題,心有餘但是力不足.... [b]回復 [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81110&ptid=14347]3#[/url] [i]mkfeng[/i] [/b]
偶然逛到這裡看到您的問題
我簡單的說明一下改程式碼的做法
我看了一下本來裡面要修改的方式就是靜態化的頁面
因此我們要做的部分就是定義位置,讓網址可以被找到
我把寫法貼在下面
開啟 viewthread_node.htm
找到[code]<a href="http://www.facebook.com/share.php?u={$boardurl}thread-$tid-1-1.html" id="facebook" target="_blank"><image src="{IMGDIR}/ajaxaction_facebook.png" title="分享到臉書" width="50" height="55"></a>
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status='.concat(encodeURIComponent(location.href)).concat(' ').concat('(').concat(encodeURIComponent(document.title)).concat(')')));" id="plurk"><image src="{IMGDIR}/ajaxaction_plurk.png" width="50" height="55" title="推到Plurk"></a>[/code]改成[code]<a href="http://www.facebook.com/share.php?u={$boardurl}viewthread.php?tid=$tid" id="facebook" target="_blank"><image src="{IMGDIR}/ajaxaction_facebook.png" title="分享到臉書" width="50" height="55"></a>
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status='.concat(encodeURIComponent(location.href)).concat(' ').concat('(').concat(encodeURIComponent(document.title)).concat(')')));" id="plurk"><image src="{IMGDIR}/ajaxaction_plurk.png" width="50" height="55" title="推到Plurk"></a>[/code]應該就可以了
真正動到的部分只是取代掉靜態化的程式碼部分
{$boardurl}thread-$tid-1-1.html
改為
{$boardurl}viewthread.php?tid=$tid
只是借花獻佛,還是要感謝版大的分享! [b]回復 [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=80431&ptid=14347]1#[/url] [i]小星[/i] [/b]
請問我裝了 facebook和plurk 之後
[url]http://twdudu.com/thread-247-1-1.html[/url]
為什麼沒有置中......好像靠左邊，請大大幫忙看一下 謝謝 [quote]回復 小星
請問我裝了 facebook和plurk 之後
為什麼沒有置中......好像靠左邊，請大大幫忙看 ...
[size=2][color=#999999]xgameover 發表於 2010-7-28 04:57[/color] [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81551&ptid=14347][img]http://www.scout-bbs.idv.tw/bbs/images/common/back.gif[/img][/url][/size][/quote]
這部分我想跟風格有關係(可能要自己微調尺寸),當然如果你也放上支持與反對的按鈕,我想應該就可以看到置中的效果了 [b]回復 [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81553&ptid=14347]7#[/url] [i]小星[/i] [/b]
可以教我怎麼調整嗎？應該跟風格沒有關係，但也不太想裝頂和踩 [b]回復 [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81553&ptid=14347]7#[/url] [i]小星[/i] [/b]
請問哪裡有支持和反對的按鈕呢？
我在貴站的Dvbbs論壇 / Discuz論壇 版塊裡都找到的說。 [quote]回復 小星
請問哪裡有支持和反對的按鈕呢？
我在貴站的Dvbbs論壇 / Discuz論壇 版塊裡都找到的說。
[size=2][color=#999999]xgameover 發表於 2010-7-28 19:46[/color] [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81564&ptid=14347][img]http://www.scout-bbs.idv.tw/bbs/images/common/back.gif[/img][/url][/size][/quote]
進入後台找到 全局/論壇功能/主題評價
啟用主題評價
[attach]6244[/attach] [b]回復 [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81566&ptid=14347]10#[/url] [i]小星[/i] [/b]
耶解決了！感謝小星大大的熱心幫忙，希望能和你做個朋友 [quote]回復 小星
耶解決了！感謝小星大大的熱心幫忙，希望能和你做個朋友
[size=2][color=#999999]xgameover 發表於 2010-7-29 00:51[/color] [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81569&ptid=14347][img]http://www.scout-bbs.idv.tw/bbs/images/common/back.gif[/img][/url][/size][/quote]
客氣客氣,希望這個小功能對有所幫助
可以交流交流 板大你好：
我參照你的資料下去做修改，不過都是偏左的效果，
內文您所述的可能依照風格不同，需要微調相關內容。 請問此內容是包含哪些呢?
我用的是7.2 一開始最原始的模板。
我是新手不太清楚架構，再麻煩大大回覆> < [quote]板大你好：
我參照你的資料下去做修改，不過都是偏左的效果，
內文您所述的可能依照風格不同，需要微調 ...
[size=2][color=#999999]nkspan 發表於 2010-8-11 17:30[/color] [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81775&ptid=14347][img]http://www.scout-bbs.idv.tw/bbs/images/common/back.gif[/img][/url][/size][/quote][code].useraction { height: 50px; width: 400px; clear: both; display: block; margin: 20px auto; }
.nrate { width: 350px; }
.useraction a { float: left; margin-right: 10px; padding: 30px 0 0; width: 45px; height: 20px; text-align: center; background: url({IMGDIR}/ajaxaction.gif) no-repeat 0 0; }
.useraction #share { background-position: 0 -50px; }
.useraction #facebook { padding: 0px 0 0; background-position: 0 -100px; }
.useraction #plurk { padding: 0px 0 0; background-position: 0 -150px; }[/code]這一段裡面有兩個東西,是調整位置的 .useraction #facebook...... 0 -100px; 這個就是在調整位置的,建議你還是要了解一點css的東西,不然我這樣說你可能也還是不清楚
但是基本上各個風格都是修改其他東西,discuz原本的東西應該改不會太多,而這個功能本來只有到share這一個項目,後面facebook跟plurk是我自己加上去的所以算是附加上去的
你說會偏掉可能是因為旁邊還要留可以放支持與反對的按鈕,如我們論壇第一篇主題,所以才會偏掉,所以看你自己囉 [b]回復 [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81783&ptid=14347]14#[/url] [i]小星[/i] [/b]
板大你好：
我有大致上修改一下，不過目前的問題變成
[url]http://shesay20.ek21.com/forum/viewthread.php?tid=13&extra=page%3D1&styleid=25[/url]
分享的圖案跑位::@ 真是令人頭痛....= =
另外想請教一下
1).論壇底部你所顯示的 童軍論壇的資料....等 是用 自訂義廣告 去新增的嗎...
2).另外有嘗試新增您所寫的增加天氣的底部廣告，不過會變成置中。請問是哪邊需要做修改呢@@ [quote]回復 小星
板大你好：
我有大致上修改一下，不過目前的問題變成
分享的圖案跑位 真是令 ...
[size=2][color=#999999]nkspan 發表於 2010-8-12 13:10[/color] [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81804&ptid=14347][img]http://www.scout-bbs.idv.tw/bbs/images/common/back.gif[/img][/url][/size][/quote][code].useraction #share { background-position: 0 -50px; }[/code]你可以試試看調整這個,這個就是控制share的高度
論壇底部的資訊我是用html的table分開的,新增一個底部廣告即可
然後把相關資訊用html語法展示,table分開<td><tr>就可以搞定了~~~ [i=s] 本帖最後由 bbcallla 於 2010-8-13 06:04 編輯 [/i]
不好意思想請問一下
我的論壇
[url]http://buyby.primehosts.co.cc/viewthread.php?tid=37&extra=page%3D1[/url]
facebook分享按進去 他所分享的網址是錯誤的
但撲浪就是對的
我用的是大大所提供的程式碼
另外我再找解決辦法的時候看到
這個分享很多連結的網站
[url]http://www.addthis.com/[/url]
他還可以製造程式碼
不知是否可以用於DISCUZ系統
另外就是我想把
收藏 分享這兩個東西關掉 有辦法嗎
不好意思~問題很多
麻煩了 [b]回復 [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81817&ptid=14347]17#[/url] [i]bbcallla[/i] [/b]
小星版大在一開始的時候有說明哦！
他發佈的程式碼是適用於有支援URL rerite功能的，也就是把網址用成靜態化。
如果你是照著版大的程式碼套用的話
請改成像五樓大大說的
開啟 viewthread_node.htm
找到[code]<a href="http://www.facebook.com/share.php?u={$boardurl}thread-$tid-1-1.html" id="facebook" target="_blank"><image src="{IMGDIR}/ajaxaction_facebook.png" title="分享到臉書" width="50" height="55"></a>
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status='.concat(encodeURIComponent(location.href)).concat(' ').concat('(').concat(encodeURIComponent(document.title)).concat(')')));" id="plurk"><image src="{IMGDIR}/ajaxaction_plurk.png" width="50" height="55" title="推到Plurk"></a>[/code]改成
<a href="http://www.facebook.com/share.php?u={$boardurl}viewthread.php?tid=$tid" id="facebook" target="_blank"><image src="{IMGDIR}/ajaxaction_facebook.png" title="分享到臉書" width="50" height="55"></a>
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status='.concat(encodeURIComponent(location.href)).concat(' ').concat('(').concat(encodeURIComponent(document.title)).concat(')')));" id="plurk"><image src="{IMGDIR}/ajaxaction_plurk.png" width="50" height="55" title="推到Plurk"></a>
也就是把靜態化程式碼部分
{$boardurl}thread-$tid-1-1.html
改成
{$boardurl}viewthread.php?tid=$tid [quote]不好意思想請問一下
我的論壇
facebook分享按進去 他所分享的網址是錯誤的
但撲浪就是對的
我用的是 ...
[size=2][color=#999999]bbcallla 發表於 2010-8-13 01:38[/color] [url=http://www.scout-bbs.idv.tw/bbs/redirect.php?goto=findpost&pid=81817&ptid=14347][img]http://www.scout-bbs.idv.tw/bbs/images/common/back.gif[/img][/url][/size][/quote]
第一個問題因為我沒有辦法進去看到你的網站,所以不清楚,你可以參考18樓的解答
另外addthis的button這部分,理論上可以增加到discuz論壇系統裡,就如我增加facebook 讚button一樣,但是我目前也沒時間去測試,請bbcallla如果完成,可以分享本篇主題給更多人知道
謝謝 多謝nkspan跟小星大大的講解
第一個問題已解決
至於其他我再試試看...多謝
頁:
[1]
2
~
