Discuz!X將「只需一步,快速開始」換成 「用新浪微博登錄」的按鈕

論壇安裝了新浪微博的Xweibo For Discuz插件,默認配置在首頁上和QQ帳號登錄插件的圖標是並列顯示,其實也還好,但後來再裝上facebook的連接插件,3個一字排開,就有點不美觀了。


20130314113953

 

 

那就找找方法把新浪微博的插件和QQ的登錄插件上下並列顯示。
需要修改的是/source/plugin/qqconnect/template/module.htm  這個文件
找到以下代碼(大概5-10行)

  1. <!–{block return}–>
  2. <div style=”margin-right: 10px; padding-right: 10px”>
  3. <p><a href=”$_G[connect][login_url]&statfrom=login_simple”><img src=”{IMGDIR}/qq_login.gif” alt=”{lang qqconnect:connect_header_login}” /></a></p>
  4. <p style=”padding-top: 2px;”>{lang qqconnect:connect_header_login_tip}</p>
  5. </div>
  6. <!–{/block}–>

找到

  1. <p style=”padding-top: 2px;”>{lang qqconnect:connect_header_login_tip}</p>

修改為

<p class=”hm xg1″ style=”padding-top: 2px;”>
<p><a href=”xwb.php?m=xwbAuth.login”><img src=”http://你的網站/xwb/images/bgimg/sina_login_btn.png” class=”vm” alt=”新浪微博登錄”/></a></p>

記得要在後台插件設置中將 “帳號相關 1、在論壇首頁顯示新浪微博登錄按鈕 前面不要打對勾”
最終效果如下。

20130314122541

 

 

是不是好看多了?

而在網上找到的代碼,有的是沒有加

<p style=”padding-top: 2px;”>

這一句的,沒這一句的話,QQ登錄和新浪微博登錄的圖片會粘在一起,像下面一樣:

233828f0ztfceazccz0gtg

感覺不是很好看,所以還是加上去吧。

 

如果還想更完美點,可以把新浪微博的那個圖片縮小一點,QQ帳號登錄的圖片是124像素寬,而新浪微博登錄的圖片是126像素寬,看上去也是不一樣大,那個就不詳細寫了。