[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 !

[Dunglx]

Đợi cả tối hôm qua thanks chú nhé

Các bạn chú ý thư mục mics của TBV up ngang hàng admincp chứ không phải mics trong images
Anh nghĩ có nên thêm cái cái thẻ

<embed src="{param}" width="400" height="400"

Điều chỉnh kích thước flash không ?

images/editor/download.png

phải là

images/editor/download.gif

BBCode

Spoiler

Title & BB Code Tag Name tên phải trung nhau hay sao ý

Anh tháy cái này của anh dùng hay hơn em à khi click nó không bị nhảy nhất là ẩn hình ảnh với số lượng lớn
Anh có chỉnh lại một chỗ

<input type="button" value="Hiện" style="width:75px;font-size:10px;margin:0px;padding:0px;" onclick="if

Thành cái này

style="padding:5px;" onclick="if

<div style="margin:4px 0px 4px 0px"> 
<div class="smallfont" style="margin-bottom:0px"> 
<input type="button" value="Hiện nội dung cần xem, nếu là người Việt Nam hãy nhấn nút cảm ơn nhé" 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 style="margin: 0px; padding: 0px; border: 0px inset;"> 
<div style="display: none;"> 
{param} 
</div> 
</div>

[keroppi]

Cái BBCODE Mp3 sao ko được thế nhỉ. Vbb 4.1.0. Không chạy bá Vương à. Còn mấy cái kia thì okie.

[cowboy]

cái code BB Code Spoiler chạy trên chrome ko chính xác như firefox

[xuanmao87]

Tiêu đề : Zippy
BB Code Tag Name : Zippy
Replacement :

<table align="center" class="tborder" border="0" cellpadding="6" cellspacing="1">
<thead>
<tr>
<td class="tcat" colspan="2" style="text-align: center;"><li><a href="ymsgr:sendim?kenny_trung_dj&amp;m=Chú Ý: Không Spam Nhảm( không BUZZ = Thank )"title="Chat với Admin VNlak.Com bằng Yahoo! Messenger"><img src="http://opi.yahoo.com/online?u=kenny_trung_dj" width="12" height="12" border="0" align="absmiddle"></a> Liên Hệ Quảng Cáo</li>
</tr>
</thead>
<tbody>
<tr>
<td background="http://c.upanh.com/upload/6/148/UL0.10331617_1_1.gif" align="center" width="335" height="325"><iframe

src="http://vnlak.com/ADS/index.html" scrolling="no" width="300px" height="250px"></iframe></td>
</tr>
<tr>
<td align="center">
<script type="text/javascript">var zippywww="www48";var zippyfile="{param}";var zippydown="000000";var zippyfront="FFFFFF";var zippyback="000000";var zippylight="FF0000";var zippywidth=335;var zippyauto=true;var zippyvol=100;</script><script type="text/javascript" src="http://api.zippyshare.com/api/embed.js"></script></td>
</tr>
<tr bgcolor="#999999">
<td align="center"><font color="#000000"><b>Hãy Click Chuột Trái Vào Download Để Tải</b></font></td>
</tr>
<tr bgcolor="#333333">
<td align="center">(Xin hãy chờ chút xíu nhạc thường tải hơi chậm)<br />
<br /></table>

Example : [zippy]s[/zippy]
Button Image :
Ví dụ: [zippy]18806765[/zippy]

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

...Anh nghĩ có nên thêm cái cái thẻ

<embed src="{param}" width="400" height="400"

Điều chỉnh kích thước flash không ?...
Title & BB Code Tag Name tên phải trung nhau hay sao ý
...Anh tháy cái này của anh dùng hay hơn em à khi click nó không bị nhảy nhất là ẩn hình ảnh với số lượng lớn
Anh có chỉnh lại một chỗ...

Ai thích thì thêm vô, em không bắt buộc, code em là code mở mà.
Còn Title và BB Code Tag Name thì chẳng liên quan gì tới nhau cả, Title là để dễ quản lí trong AdminCP, còn tag name là tên thay thế, cái này quan trọng hơn cái title.
Cái spoiler của anh nhớ lần trước bị lỗi mà, em đã nghiên cứu để nó có thể gọn nhất rồi. Nói chung cái spoiler không dùng jquery thì đều giống nhau, chẳng qua là js cả.

@ keroppi : mp3 này chạy bằng flash, anh nghiên cứu lại các bước thực hiện đi nhá, chạy bình thường trên tất cả các ver 4.x.
@ cowboy : FF vô đối mà !

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

Cập nhật BB Code, bổ xung BB Code Video cực cool
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 !

[dungsau.itvn]

tks nhiều BQT Mình đang rất cần cái này

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

tks nhiều BQT Mình đang rất cần cái này

Xin lỗi anh nhá, không phải BQT !

[babylovevt]

Bạn ơi, mình chỉ biết cách sử dụng code đầu tiên thôi.
Vậy các code sau dùng cho các link nhạc nào ạ. Cụ thể là mp3.zing hay là một số trang nhạc khác...
Xin làm ơn chỉ rõ giúp với
Chân thành cảm ơn

[Dunglx]

BB Code Flash :
Anh thấy khi chỉnh lại Các option sau theo thứ tự : Y - Y - Y - Y- Y (Y = Yes, N = No)
Như vậy nó chạy ngon zing all ver