[Hỏi đáp] Cách trang trí topic bằng bbcode như chèn background, border,...

  Bài viết hay nhất1
Hỏi: Chắc nhiều người biết đến VNS, forum này có 1 cách trang trí topic bằng bbcode rất hay trong khi HTML đã tắt.VD như:

Code:
[COLOR="Sienna"][box=#DEB887|#DEB887|1|0|0|0]
[margin=800][bgcolor2=transparent; border-left: 10px double maroon; border-right: 10px double maroon|800|1000]

[B][CENTER][font2=thuc02|utm-fleur&s=80]Tựa Đề[/font2] 
[/CENTER][/B]

[table2= align=center border=2 bordercolor=#8b4513 cellpadding=5 cellspacing=0 width=400px|text-align:center;margin-top:-320px]
[tr2= bgcolor=#cd853f|]
[td2= colspan=2|][b][COLOR="White"][SIZE="5"]Thông Tin Chung.[/SIZE][/COLOR][/b][/td2][/tr2]
[td2= colspan=2|][b]Hình ảnh thì nhét vào đây[/b][/td2]
[tr2= bgcolor=#d2b48c|]
[td2= colspan=2|][b][COLOR="saddlebrown"][SIZE="4"]--  --[/SIZE][/COLOR][/b][/td2][/tr2]
[tr2= |]
[td2= width=35% bgcolor=#d2b48c|][b].  [/b][/td2]
[td2= width=65%|][b].  [/b][/td2][/tr2]
[tr2= bgcolor=#d2b48c|]
[td2= colspan=2|][b][COLOR="saddlebrown"][SIZE="4"]--  --[/SIZE][/COLOR][/b][/td2][/tr2]
[tr2= |]
[td2= width=35% bgcolor=#d2b48c|][b] . [/b][/td2]
[td2= width=65%|][b]. [/b][/td2][/tr2]
[tr2= |]
[td2= width=35% bgcolor=#d2b48c|][b].  [/b][/td2]
[td2= width=65%|][b]  . [/b][/td2][/tr2]

[/table2][clear][/clear]

[margin=650][box=; border: 2px dashed brown; border-top: none||||][box=tan|tan|2|0|0][INDENT]

Giới thiệu chung[/INDENT]
[/box][/box][/margin]


[bgcolor2=transparent; border-top: 7px solid maroon; border-bottom: 7px solid maroon|800|100]

[margin=650][box=; border: 2px dashed brown; border-top: none||||][box=tan|tan|2|0|0][INDENT][LIMITr=780][bgcolor2=#A0522D|280|40][CENTER][SIZE="5"][COLOR="white"][B]Title[/B][/COLOR][/SIZE][/CENTER][/bgcolor2][bgcolor2=#D2B48C;transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); margin-left:-15px;margin-top:5px; |30|30][/bgcolor2][/LIMITr]
[clear][/clear]

Nội Dung.[/INDENT]

[/box][/box][/margin]

[/bgcolor2]  [clear][/clear]

[margin=650][box=; border: 2px dashed brown; border-top: none||||][box=tan|tan|2|0|0]
[INDENT][LIMITr=780][bgcolor2=#A0522D|280|40][CENTER][SIZE="5"][COLOR="white"][B]Title[/B][/COLOR][/SIZE][/CENTER][/bgcolor2][bgcolor2=#D2B48C;transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); margin-left:-15px;margin-top:5px; |30|30][/bgcolor2][/LIMITr]
[clear][/clear]

Nội Dung[/INDENT][/box][/box][/margin]

[/bgcolor2]

[/margin][clear][/clear][/box][margin=350][box=; border: 2px dashed brown; border-top: none||||][box=tan|tan|2|0|0][INDENT]
[B]Nguồn:[/B]
[B]Người dịch[/B]:
[B]Trình bày:[/B]

[CENTER][B]TAKE OUT WITH FULL CREDIT[/B][/CENTER]

[/INDENT][/box][/box][/margin][/COLOR] 


Mình cũng muốn tắt HTML để tránh bị spamer phá forum nhưng ko biết viết loại bbcode này. Liệu có ai trong DEVs có thể cho mình biết thêm thông tin hoặc cách sử dụng loại bbcode này ko?

Đáp: http://devs.forumvi.com/t429-hoi-dap-cach-trang-tri-topic-bang-bbcode-nhu-chen-background-border?showpost=p2715
  Bài viết hay nhất2
Một số loại bbcode mới không kiểm duyệt từ thì có thể hỏi Kazuto, hắn rành cái này lắm :v
Còn méo thì chủ yếu toàn là dùng
Code:
[table border="0"]
[tr]
[td style="CSS trong này"]Cái gì đó[/td]
[/tr]
[/table]
  Bài viết hay nhất3
@NCat wrote:Một số loại bbcode mới không kiểm duyệt từ thì có thể hỏi Kazuto, hắn rành cái này lắm :v
Còn méo thì chủ yếu toàn là dùng
Code:
[table border="0"]
[tr]
[td style="CSS trong này"]Cái gì đó[/td]
[/tr]
[/table]
Mấy cái forum của Méo có tắt HTML ko?
  Bài viết hay nhất4
Forum chính thì có, nhưng forum test thì không
Giờ cái ví dụ dùng table là cái bảng trượt bên phải của trang này nhé

Errr hình như code cũ méo dùng được mà giờ nó bị lỗi rồi :v

Méo có làm đoạn bbcode đó ở đây nè:
http://www.cntt-k3.com/t8789-topic#101627

Kéo xuống phần chữ ký của méo, có cái bảng là méo dùng table đó
  Bài viết hay nhất5
@NCat wrote:Forum chính thì có, nhưng forum test thì không
Giờ cái ví dụ dùng table là cái bảng trượt bên phải của trang này nhé

Errr hình như code cũ méo dùng được mà giờ nó bị lỗi rồi :v

Méo có làm đoạn bbcode đó ở đây nè:
http://www.cntt-k3.com/t8789-topic#101627

Kéo xuống phần chữ ký của méo, có cái bảng là méo dùng table đó
Cho hỏi phát, bbcode của thẻ div là gì vậy Méo?
Cho xin link forum chính của Méo đc ko? mình muốn xin vài đoạn bbcode để trang trí topic khi tắt HTML. :)
  Bài viết hay nhất6
http://www.devs.cf/faq?mode=bbcode
  Bài viết hay nhất7

Mình có đoạn code HTML sau:
Code:
<center><div class="bg1"><div style="float:left;width:200px;height:auto;margin-right:10px;">Ảnh</div><div style="text-align:justify">text</div>


</div></center>

BaiVong có thể chuyển nó qua bbcode hộ mình đc ko?
  Bài viết hay nhất8
Code:
[table class="bg1" style="margin: 0 auto"]
[tr]
[td]
[table style="float:left;width:200px;height:auto;margin-right:10px;display:block"]
[tr]
[td][img]Image URL[/img][/td]
[/tr]
[/table]
[justify]text[/justify][/td]
[/tr]
[/table]
  Bài viết hay nhất9
Làm phiên BaiVong thêm đoạn này.
Code:
<div style="margin:auto; width:98%;"><div style="background: url(http://i57.servimg.com/u/f57/16/18/15/10/11680.jpg) repeat;background-size:50%;text-align: justify; padding: 80px 80px;; border: px solid ; border-radius: px px; -moz-border-radius: px px; -o-border-radius: px px;">
<div style="margin:auto; width:900px;"><div style="background: rgba(225,155,40,0.7); border: 4px solid #E77B00; border-radius: 20px 155px; -moz-border-radius: 20px 155px; -o-border-radius: 20px 155px; padding:10px;">



<div align="center"><div style="margin:auto;"><div style="background: #FF8800; width: 600px; height: auto; padding:10px; border-collapse: collapse; border-spacing: 0px;box-shadow: 0 0 10px #000;"><font size="7">[font=Georgia]text[/font]</font></div></div></div>



text





</div></div>



</div></div>
  Bài viết hay nhất10


Quis aute iure reprehenderit in


Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. Sanctus sea sed takimata ut vero voluptua. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Code:
[table style="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:auto; width:100%;background: url(http://i57.servimg.com/u/f57/16/18/15/10/11680.jpg) repeat;background-size:50%;text-align: justify; padding:80px 80px;border:3px solid;border-radius:15px;display:block;"]
[tr]
[td] [table style="width:90%;background: rgba(225,155,40,0.7); border: 4px solid #E77B00; border-radius: 20px 155px; padding:70px 100px 80px;display: block;margin: 0 auto;"]
[tr]
[td]
[table]
[tr]
[td style="text-align: center;margin: 0 100px; background: #FF8800; width: 500px; padding: 0 10px; border-spacing: 0px;box-shadow: 0 0 10px #000; font: bold 22px Georgia; "]
Quis aute iure reprehenderit in

[/td]
[/tr]
[tr]
[td]
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. Sanctus sea sed takimata ut vero voluptua. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
  Bài viết hay nhất11
Thx BaiVong nhiều. :)
  Bài viết hay nhất12
You cannot reply to topics in this forum