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

Mr.Click

New member
11 Tháng sáu 2011
993
0
0
34
sites.google.com
[BB Codes] BB Code Thông dụng cho vBulletin 4

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 :
Code:
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 :
    HTML Code:
    <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 :
    - 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 :
    HTML Code:
    <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 :
    HTML Code:
    <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&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 :
    HTML Code:
    <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 :
    HTML Code:
    <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
    27CDB6E-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 :
    HTML Code:
    <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.

 

Thống kê diễn đàn

Chủ đề
61,113
Bài viết
63,332
Thành viên
86,294
Thành viên mới nhất
noithatdiemnhan1

VỀ CHÚNG TÔI

  • Sinhvienthamdinh.Com là diễn đàn đầu tiên và lớn nhất dành riêng cho cộng đồng nhân lực ngành thẩm định giá. Cổng thông tin được tạo ra nhằm tạo kênh kết nối tri thức cho tất cả các bạn đã và đang quan tâm đến ngành thẩm định giá. Các thông tin được tổng hợp với đầy đủ các mảng thuộc lĩnh vực thẩm định giá như: Thẩm định giá Bất động sản, thẩm định giá động sản, thẩm định giá máy móc thiết bị, thẩm định giá doanh nghiệp, thẩm định giá dự án đầu tư, thẩm định giá thương hiệu...
  • Với phương châm "Connet For Sharing" chúng tôi chia sẻ hoàn toàn miễn phí và không giới hạn những kiến thức từ cộng đồng diễn đàn.

DANH MỤC CHÍNH

CÁ NHÂN