[BB Codes] BB Code Thông dụng cho vBulletin 4

[Tiểu Bá Vương 1404]

Giới Thiệu : Đây là một số BB Code thông dụng dùng cho vBB 4.x mình đã làm lại, test hoạt động trên vBulletin 4.2.1.
Cài Đặt :
1. Tải file upload.zip về, giải nén, upload các thư mục nằm trong thư mục \upload lên thư mục chưa nguồn forum (/forum hoặc /public_html hoặc ...) theo cấu trúc :

root-forum
|_admincp
|_images
| \_editor
|   \_các ảnh gif (download.gif, flash.gif, video.gif, music.gif, spoiler.gif, justify.gif)
|_misc
  |\_audio-player
  | \_các file swf (audio-player.swf, player.swf)
  |\_background
  | \_các file ảnh png (download.png, flash.png, video.png, music.png)
  |_video
    |\_skin
    | \_các file zip (aero.zip, beelden.zip, fs40.zip, whotube.zip)
    \_các file khác (jwplayer.js, player.swf, swfobject.js, video.mp4, yt.swf)

2. Tiến hành các bước sau để cài đặt : Vào AdminCP -> Custom BB Codes -> BB Code Manager -> Add New BB Code.

Chú Ý : Các thao tác tạo BB Code đề giống nhau với mọi BB Code nên cái đầu là ví dụ mẫu, các cái sau tương tự, mình chỉ nêu phần Replacement và các mục cần thiết thôi nhé ! Cái nào k nhắc tới cứ để nguyên mặc định.

• BB Code Flash :
  - Title : Flash
  - BB Code Tag Name : flash
  - Replacement :
  

  <fieldset style="float:center; background:url('misc/background/flash.png') no-repeat right center; min-height:90px; border:1px solid #808080; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:5px 50px 5px 50px;">
      <legend style="text-algin:center; font-weight:bold">FLASH PLAYER</legend>
      <center>
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" id="{param}" align="middle">
          <param name="movie" value="{param}" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent">
          <embed src="{param}" quality="high" wmode="transparent" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
      </object>
      </center>
  </fieldset>

  - Example : [FLASH]http://www.nhaccuatui.com/m/n4ELtFs6hz[/FLASH]
  - Description : (viết sao cũng được)
  - Use {option} : No
  - Button image (option) : images/editor/flash.gif
  - Các option sau theo thứ tự : Y - Y - Y - Y - Y (Y = Yes, N = No).
  - Save.
• BB Code Spoiler (ẩn / hiện) :
  - Title : Spoiler
  - BB Code Tag Name : hiden
  - Replacement :
  

  <div style="margin:5px 0px 5px 0px;">
      <input type="button" value="Hiện Nội Dung Đang Ẩn" style="padding:5px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Hiện'; }">
      <div class="alt2">
          <div style="display: none;">
              {param}
          </div>
      </div>
  </div>

  - Button image (option) : images/editor/spoiler.gif
  - Save.
• BB Code MP3 :
  - Title : MP3 Music Box
  - BB Code Tag Name : mp3
  - Replacement :
  

  <fieldset style="float:center; background:url('misc/background/music.png') no-repeat right center; min-height:90px; border:1px solid #808080; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:5px 50px 5px 50px; padding:15px;">
      <legend style="text-algin:center; font-weight:bold">MP3 PLAYER</legend>
      <center>
      <object type="application/x-shockwave-flash" data="/misc/audio-player/player.swf" id="audioplayer" height="26" width="290">
          <param name="movie" value="/misc/audio-player/player.swf"> 
          <param name="FlashVars" value="playerID=audioplayer&amp;soundFile={param}"> 
          <param name="quality" value="high"> 
          <param name="menu" value="false"> 
          <param name="wmode" value="transparent">
      </object>
      </center>
  </fieldset>

  - Button image (option) : images/editor/music.gif
  - Các option : Y - Y - Y - N - Y
  - Save.
• BB Code Download Box :
  - Title : Download Box
  - BB Code Tag Name : down
  - Replacement :
  

  <fieldset style="float:center; background:url('misc/background/download.png') no-repeat right center; min-height:90px; border:1px solid #808080; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:5px 50px 5px 50px; padding:15px;">
      <legend style="text-algin:center; font-weight:bold">DOWNLOAD BOX</legend>
      <div style="font: 12px courier new; text-align:left;">
          {param}
      </div>
  </fieldset>

  - Button image (option) : images/editor/download.gif
  - Các option : Y - N - Y - N - N
  - Save.
• BB Code Video (new - hot - so cool) :
  - Title : My Video
  - BB Code Tag Name : mvideo
  - Replacement :
  

  <fieldset style="float:center; background:url('misc/background/video.png') no-repeat right center; min-height:90px; border:1px solid #808080; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:5px 50px 5px 50px; padding:15px;">
      <legend style="text-algin:center; font-weight:bold">My Video</legend>
      <center>
      <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'>
          <param name='movie' value='/misc/video/player.swf'>
          <param name='allowfullscreen' value='true'>
          <param name='allowscriptaccess' value='always'>
          <param name='wmode' value='transparent'>
          <param name='flashvars' value='author=Tiểu Bá Vương 1404&description=BB Code Video&duration=34&file={param}&image=http://itvnn.net/images/styles/ShinyBlue/style/logo.png&screencolor=333333&skin=/misc/video/skin/whotube.zip&linktarget=http://itvnn.net&controlbar=over'>
          <embed type='application/x-shockwave-flash' id='single2' name='single2' src='/misc/video/player.swf' width='470' height='320' bgcolor='undefined' allowscriptaccess='always' allowfullscreen='true' wmode='transparent' flashvars='author=Tiểu Bá Vương 1404&description=BB Code Video&duration=34&file={param}&image=http://itvnn.net/images/styles/ShinyBlue/style/logo.png&screencolor=333333&skin=/misc/video/skin/whotube.zip&linktarget=http://itvnn.net&controlbar=over' />
      </object>
      </center>
  </fieldset>

  - Button image (option) : images/editor/video.gif
  - Các Option : Y - Y - Y - N - Y
  - Save.
• BB Code Justify :
  - Title : Justify
  - BB Code Tag Name : just ;
  - Replacement :
  

  <div style="text-align:justify">{param}</div>

  - Button Image (Optional) : images/editor/justify.gif
  - Save.

Các BB Code có thể đổi tên tiêu đề trong phần thẻ <legend> theo ý mình !
Giới thiệu một tí về cái BB Code Video, cái này khá hoàn hảo, nó có thể chơi được video như : FLV, MP4, MP3, AAC, JPG, PNG và GIF, đặc biệt nó có thể hỗ trợ tối ưu cho HTML5 (cái này cực cool ah nha). Bên cạnh những loại file được hỗ trợ, các bạn có thể thay đổi giao diện cho video player, còn có cả tính năng share, embed, info,... nói tóm lại đây là một BB Code Video bản quyền của mình, sẽ tiếp tục cải tiến thêm. Tí thì quên, nó còn hỗ trợ cho video YouTube nữa !
=>>Để thay đổi skin cho player, rà trong code, tìm cái nào có tên : whotube.zip, thay nó bằng 1 trong các skin sau : aero.zip, beelden.zip, fs40.zip, sẽ tiếp tục bổ xung skin sau.

Sẽ tiếp tục bổ xung các BB Code khác sau !

[Tiểu Bá Vương 1404]

uhm bạn ơi
mình đã làm đúng theo yêu cầu từ đầu đến cuối, nhưng khi save vào thì ACP báo lỗi như sau:
The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.
<fieldset style="float:center; background:url('misc/background/music.png') no-repeat right center; min-height:90px; border:1px solid #808080; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:5px 50px 5px 50px; padding:15px;"> <legend style="text-algin:center; font-weight:bold">MP3 PLAYER</legend> <center> <object type="application/x-shockwave-flash" data="/misc/audio-player/player.swf" id="audioplayer" height="26" width="290"> <param name="movie" value="/misc/audio-player/player.swf"> <param name="FlashVars" value="playerID=audioplayer&amp;soundFile={param}"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </center> </fieldset>

thật sự là kẹt mấy ngày nay mà vẫn chưa hiểu ra vấn đề là thế nào. Mong được giải đáp.
Đang sử dụng VBB 4.1.2

Cứ tiếp tục, không có vấn đề gì đâu bạn.

[vicki]

Cứ tiếp tục, không có vấn đề gì đâu bạn.

tiếp tục đúng là ok đó, nhưng quay lại topic xem có hiện lên không thì nó không hề hiện thanh play, ngoại trừ khung Mp3, bên trong không hề có 1 icon thanh nhạc nào cả.

[user]

Mình không sử dụng được cái căn bằng cho đoạn văn bản (justify). Khi viết xong, chọn tất cả và bấm vào nút căn bằng nó lại xuất hiện bảng "please enter the option for your [justify] tag:" và không hiển thị, xin giúp với...

[b0nyan41124]

Cho e hỏi tí nhé! Mọi người ơi! Em chỉ mới mò mẫn mấy cái này thuj nên e không hiểu câu này
1. Tải file upload.zip về, giải nén, upload các thư mục nằm trong thư mục \upload lên thư mục chưa nguồn forum (/forum hoặc /public_html hoặc ...) theo cấu trúc :

[Dunglx]

Cho e hỏi tí nhé! Mọi người ơi! Em chỉ mới mò mẫn mấy cái này thuj nên e không hiểu câu này
1. Tải file upload.zip về, giải nén, upload các thư mục nằm trong thư mục \upload lên thư mục chưa nguồn forum (/forum hoặc /public_html hoặc ...) theo cấu trúc :

Bạn à đây là thuật ngữ cơ bản hãy chú ý nhé

Nghĩa là bạn download cái mà Tiểu Bá Vương đính kèm về sẽ được file upload.zip bạn giải nén nó ra sẽ được thư mục upload >>> bạn up tất cả các file và thư mục nằm trong thư mục upload đó lên trên host ( up ngang hàng index.php , hay có thể hiểu là đưa hết các file và thư mục nằm trong thư mục upload bạn vừa giải nén ra được vào trong thư mục gốc )
Thư mục gốc là thư mục chưa các thư mục như là : admincp ,clientscript

[nh0kvjpp0ybh]

Tình hình là add bbcode Video mà anh TBV giới thiệu rầm rộ đó , vẫn không được! Chả biết nữa!
Replacement của mình đây:

<fieldset style="float:center; background:url('misc/background/video.png') no-repeat right center; min-height:90px; border:1px solid #808080; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:5px 50px 5px 50px; padding:15px;">    <legend style="text-algin:center; font-weight:bold">My Video</legend>    <center>    <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'>        <param name='movie' value='/misc/video/player.swf'>        <param name='allowfullscreen' value='true'>        <param name='allowscriptaccess' value='always'>        <param name='wmode' value='transparent'>        <param name='flashvars' value='author=Tiểu Bá Vương 1404&description=BB Code Video&duration=34&file={param}&image=http://itvnn.net/images/styles/ShinyBlue/style/logo.png&screencolor=333333&skin=/misc/video/skin/whotube.zip&linktarget=http://itvnn.net&controlbar=over'>        <embed type='application/x-shockwave-flash' id='single2' name='single2' src='/misc/video/player.swf' width='470' height='320' bgcolor='undefined' allowscriptaccess='always' allowfullscreen='true' wmode='transparent' flashvars='author=Tiểu Bá Vương 1404&description=BB Code Video&duration=34&file={param}&image=http://itvnn.net/images/styles/ShinyBlue/style/logo.png&screencolor=333333&skin=/misc/video/skin/whotube.zip&linktarget=http://itvnn.net&controlbar=over' />    </object>    </center></fieldset>

Muốn được như cái bbcode của itvnn mình ( lấy link từ thanh địa chỉ youtube, không phải lấy URL video )

<object id="flashplayer" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="625" height="400"> <param name="movie" value="http://itvnn.net/player/player.swf" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="FlashVars" value="config=http://itvnn.net/player/config.xml&autostart=true&repeat=always&proxy.link=http://www.youtube.com/watch?v=d3JcND9an7I" /> <embed name="flashplayer" src="http://itvnn.net/player/player.swf" FlashVars="config=http://itvnn.net/player/config.xml&autostart=true&repeat=always&proxy.link=http://www.youtube.com/watch?v=d3JcND9an7I" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="625" height="400" /> </object>

[FLASH]http://itvnn.net/player/player.swf?file=http://www.youtube.com/watch?v=d3JcND9an7I&pathlateral=true&[/FLASH]

[PhucSD]

Cái code Spoiler của TBV em test rồi, nó bị lỗi, khi click vào nút spoiler thì nội dung hiện ra, nhưng khi click vào nút spoiler khác thì vẫn hiện ra nội dung trong nút sopiler ở trên
Em có sưu tầm được một code sopiler dùng tốt cho all ver vbb

<div style="margin:20px; margin-top:5px">
<div class="quotetitle"><input type="button" value="Hiện nội dung" style="width:auto;font-size:12px;margin:0px;padding:5px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" />
</div>
<div class="quotecontent">
<div style="display: none;">
{param}
</div>
</div>
</div>

[crackiss]

BB Code Video (new - hot - so cool) kg dùng được trên 4.2.0

[Cuong_yamaha]

Mình cài cái Flash chả hiện gì luôn, ảnh đâyUntitled.jpg